@once-ui-system/core 1.4.26 → 1.4.28
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/dist/components/Background.js +2 -2
- package/dist/components/Background.js.map +1 -1
- package/dist/components/BlockQuote.d.ts +15 -3
- package/dist/components/BlockQuote.d.ts.map +1 -1
- package/dist/components/BlockQuote.js +4 -4
- package/dist/components/BlockQuote.js.map +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/data/emoji-data.json +0 -10
- package/dist/interfaces.d.ts +12 -12
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/modules/data/BarChart.d.ts.map +1 -1
- package/dist/modules/data/BarChart.js +3 -3
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/LineBarChart.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.js +4 -4
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.d.ts.map +1 -1
- package/dist/modules/data/LineChart.js +5 -5
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.d.ts.map +1 -1
- package/dist/modules/data/PieChart.js +5 -5
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +2 -0
- package/dist/modules/data/interfaces.d.ts.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +1 -1
- package/dist/package.json +1 -1
- package/dist/tokens/function.scss +36 -36
- package/dist/tokens/scheme.scss +16 -16
- package/dist/tokens/theme.scss +14 -14
- package/dist/types.d.ts +1 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -32,10 +32,10 @@ const Background = forwardRef(({ gradient = {}, dots = {}, grid = {}, lines = {}
|
|
|
32
32
|
["--gradient-tilt"]: gradient.tilt != null ? `${gradient.tilt}deg` : "0deg",
|
|
33
33
|
["--gradient-color-start"]: gradient.colorStart
|
|
34
34
|
? `var(--${gradient.colorStart})`
|
|
35
|
-
: "var(--brand-
|
|
35
|
+
: "var(--brand-background-strong)",
|
|
36
36
|
["--gradient-color-end"]: gradient.colorEnd
|
|
37
37
|
? `var(--${gradient.colorEnd})`
|
|
38
|
-
: "var(--
|
|
38
|
+
: "var(--static-transparent)",
|
|
39
39
|
} })), dots.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.dots, opacity: dots.opacity, style: {
|
|
40
40
|
"--dots-color": `var(--${dotsColor})`,
|
|
41
41
|
"--dots-size": dotsSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
interface BlockQuoteProps extends React.ComponentProps<typeof
|
|
1
|
+
import { Column } from ".";
|
|
2
|
+
interface BlockQuoteProps extends React.ComponentProps<typeof Column> {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
-
|
|
4
|
+
preline?: React.ReactNode;
|
|
5
|
+
subline?: React.ReactNode;
|
|
6
|
+
separator?: "top" | "bottom" | "both" | "none";
|
|
7
|
+
author?: {
|
|
8
|
+
name?: React.ReactNode;
|
|
9
|
+
avatar?: string;
|
|
10
|
+
};
|
|
11
|
+
link?: {
|
|
12
|
+
href: string;
|
|
13
|
+
label: string;
|
|
14
|
+
};
|
|
5
15
|
style?: React.CSSProperties;
|
|
16
|
+
className?: string;
|
|
17
|
+
align?: "center" | "left" | "right";
|
|
6
18
|
}
|
|
7
19
|
declare const BlockQuote: import("react").ForwardRefExoticComponent<Omit<BlockQuoteProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
20
|
export { BlockQuote };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockQuote.d.ts","sourceRoot":"","sources":["../../src/components/BlockQuote.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"BlockQuote.d.ts","sourceRoot":"","sources":["../../src/components/BlockQuote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,MAAM,EAA8B,MAAM,GAAG,CAAC;AAE/D,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/C,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,UAAU,yHAgEf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import {
|
|
4
|
-
const BlockQuote = forwardRef(({ children, className, style, ...
|
|
5
|
-
return (_jsx(
|
|
3
|
+
import { Avatar, Column, Line, Row, SmartLink, Text } from ".";
|
|
4
|
+
const BlockQuote = forwardRef(({ children, className, style, preline, subline, author, link, align = "center", separator = "both", ...flex }, ref) => {
|
|
5
|
+
return (_jsxs(Column, { fillWidth: true, horizontal: "center", gap: "24", children: [(separator === "top" || separator === "both") && (_jsx(Row, { fillWidth: true, horizontal: "center", children: _jsx(Line, { width: "40" }) })), _jsxs(Column, { ref: ref, as: "blockquote", fillWidth: true, marginY: "32", marginX: "0", horizontal: align === "left" ? "start" : align === "right" ? "end" : "center", align: align, style: style, className: className, ...flex, children: [preline && (_jsx(Text, { onBackground: "neutral-weak", marginBottom: "32", children: preline })), _jsx(Text, { variant: "heading-strong-xl", wrap: "balance", children: children }), subline && (_jsx(Text, { onBackground: "neutral-weak", marginTop: "24", children: subline })), (author || link) && (_jsxs(Row, { gap: "12", center: true, marginTop: "32", children: ["\u2014", author?.avatar && (_jsx(Avatar, { size: "s", src: author?.avatar })), author?.name && (_jsx(Text, { variant: "label-default-s", children: author?.name })), link?.href && (_jsx(Row, { as: "cite", children: _jsx(SmartLink, { unstyled: true, href: link?.href && (/^https?:\/\//.test(link.href) ? link.href : `https://${link.href}`), children: _jsx(Text, { variant: "label-default-s", children: link?.label || link?.href }) }) }))] }))] }), (separator === "bottom" || separator === "both") && (_jsx(Row, { fillWidth: true, horizontal: "center", children: _jsx(Line, { width: "40" }) }))] }));
|
|
6
6
|
});
|
|
7
7
|
BlockQuote.displayName = "BlockQuote";
|
|
8
8
|
export { BlockQuote };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockQuote.js","sourceRoot":"","sources":["../../src/components/BlockQuote.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"BlockQuote.js","sourceRoot":"","sources":["../../src/components/BlockQuote.tsx"],"names":[],"mappings":"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"}
|
package/dist/css/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--static-transparent: #00000000;--static-white: #ffffff;--static-white-medium: #ffffff4D;--static-black: #000000;--static-black-medium: #0000004D;--scheme-sand-100: #0D0A00;--scheme-sand-200: #1B1608;--scheme-sand-300: #443F30;--scheme-sand-400: #5E594C;--scheme-sand-500: #797465;--scheme-sand-600: #999486;--scheme-sand-700: #B7B2A4;--scheme-sand-800: #D7D2C4;--scheme-sand-900: #E5E0D2;--scheme-sand-1000: #F2EDDF;--scheme-sand-1100: #F8F3E5;--scheme-sand-1200: #FDF9EE;--scheme-sand-600-10: #9994861A;--scheme-sand-600-30: #9994864D;--scheme-sand-600-50: #99948680;--scheme-gray-100: #0A0A0A;--scheme-gray-200: #151515;--scheme-gray-300: #3F3F3F;--scheme-gray-400: #595959;--scheme-gray-500: #757575;--scheme-gray-600: #959595;--scheme-gray-700: #B2B2B2;--scheme-gray-800: #D2D2D2;--scheme-gray-900: #E0E0E0;--scheme-gray-1000: #EDEDED;--scheme-gray-1100: #F3F3F3;--scheme-gray-1200: #F9F9F9;--scheme-gray-600-10: #9595951A;--scheme-gray-600-30: #9595954D;--scheme-gray-600-50: #95959580;--scheme-slate-100: #040816;--scheme-slate-200: #0F152B;--scheme-slate-300: #393F55;--scheme-slate-400: #52586F;--scheme-slate-500: #6D748A;--scheme-slate-600: #8E94AA;--scheme-slate-700: #ACB2C8;--scheme-slate-800: #CCD2E8;--scheme-slate-900: #DAE0F6;--scheme-slate-1000: #E9EDFE;--scheme-slate-1100: #F1F3FD;--scheme-slate-1200: #F8F9FD;--scheme-slate-600-10: #8E94AA1A;--scheme-slate-600-30: #8E94AA4D;--scheme-slate-600-50: #8E94AA80;--scheme-red-100: #130507;--scheme-red-200: #2A0A10;--scheme-red-300: #830711;--scheme-red-400: #B6020C;--scheme-red-500: #E90507;--scheme-red-600: #FF5F53;--scheme-red-700: #FF9689;--scheme-red-800: #FDC6BD;--scheme-red-900: #FDD8D2;--scheme-red-1000: #FDEAE6;--scheme-red-1100: #FCF1EF;--scheme-red-1200: #FDF9F8;--scheme-red-600-10: #FF5F531A;--scheme-red-600-30: #FF5F534D;--scheme-red-600-50: #FF5F5380;--scheme-orange-100: #120605;--scheme-orange-200: #270D0A;--scheme-orange-300: #7C1A06;--scheme-orange-400: #AC2401;--scheme-orange-500: #DB3400;--scheme-orange-600: #FD6325;--scheme-orange-700: #FF9964;--scheme-orange-800: #FEC8A4;--scheme-orange-900: #FDDAC2;--scheme-orange-1000: #FDEADD;--scheme-orange-1100: #FCF2E9;--scheme-orange-1200: #FCF9F5;--scheme-orange-600-10: #FD63251A;--scheme-orange-600-30: #FD63254D;--scheme-orange-600-50: #FD632580;--scheme-yellow-100: #100704;--scheme-yellow-200: #231009;--scheme-yellow-300: #6B2D09;--scheme-yellow-400: #924205;--scheme-yellow-500: #B85B02;--scheme-yellow-600: #E07B00;--scheme-yellow-700: #FE9C0B;--scheme-yellow-800: #FECC55;--scheme-yellow-900: #FEDE79;--scheme-yellow-1000: #FCEEA7;--scheme-yellow-1100: #FBF5CB;--scheme-yellow-1200: #FBFAEB;--scheme-yellow-600-10: #E07B001A;--scheme-yellow-600-30: #E07B004D;--scheme-yellow-600-50: #E07B0080;--scheme-moss-100: #080B04;--scheme-moss-200: #111707;--scheme-moss-300: #2F460C;--scheme-moss-400: #3C630A;--scheme-moss-500: #478309;--scheme-moss-600: #4FA900;--scheme-moss-700: #54CC01;--scheme-moss-800: #76ED53;--scheme-moss-900: #98F789;--scheme-moss-1000: #C0FDBB;--scheme-moss-1100: #DAFDD7;--scheme-moss-1200: #F0FDEF;--scheme-moss-600-10: #4FA9001A;--scheme-moss-600-30: #4FA9004D;--scheme-moss-600-50: #4FA90080;--scheme-green-100: #040B07;--scheme-green-200: #081810;--scheme-green-300: #0D4929;--scheme-green-400: #0C6731;--scheme-green-500: #0A8637;--scheme-green-600: #08AC3A;--scheme-green-700: #01CF38;--scheme-green-800: #5FEF61;--scheme-green-900: #91F88C;--scheme-green-1000: #C0FDBB;--scheme-green-1100: #DAFDD7;--scheme-green-1200: #F0FDEF;--scheme-green-600-10: #08AC3A1A;--scheme-green-600-30: #08AC3A4D;--scheme-green-600-50: #08AC3A80;--scheme-emerald-100: #040B0A;--scheme-emerald-200: #081816;--scheme-emerald-300: #0D483C;--scheme-emerald-400: #0C6551;--scheme-emerald-500: #0A8466;--scheme-emerald-600: #08A97C;--scheme-emerald-700: #01CB90;--scheme-emerald-800: #56ECAD;--scheme-emerald-900: #84F6C3;--scheme-emerald-1000: #B4FDDA;--scheme-emerald-1100: #D7FCEA;--scheme-emerald-1200: #EEFDF5;--scheme-emerald-600-10: #08A97C1A;--scheme-emerald-600-30: #08A97C4D;--scheme-emerald-600-50: #08A97C80;--scheme-aqua-100: #050B0D;--scheme-aqua-200: #081719;--scheme-aqua-300: #0C464B;--scheme-aqua-400: #0C6367;--scheme-aqua-500: #0B8184;--scheme-aqua-600: #08A6A5;--scheme-aqua-700: #01C7C3;--scheme-aqua-800: #4DE9DC;--scheme-aqua-900: #78F6E4;--scheme-aqua-1000: #B0FCEE;--scheme-aqua-1100: #D3FCF3;--scheme-aqua-1200: #ECFDF9;--scheme-aqua-600-10: #08A6A51A;--scheme-aqua-600-30: #08A6A54D;--scheme-aqua-600-50: #08A6A580;--scheme-cyan-100: #050911;--scheme-cyan-200: #0A1525;--scheme-cyan-300: #094074;--scheme-cyan-400: #045B9C;--scheme-cyan-500: #0279BE;--scheme-cyan-600: #049EE2;--scheme-cyan-700: #17C0FD;--scheme-cyan-800: #60E4FC;--scheme-cyan-900: #82F1FC;--scheme-cyan-1000: #B3FAFC;--scheme-cyan-1100: #D4FBFC;--scheme-cyan-1200: #EFFCFD;--scheme-cyan-600-10: #049EE21A;--scheme-cyan-600-30: #049EE24D;--scheme-cyan-600-50: #049EE280;--scheme-blue-100: #0A071B;--scheme-blue-200: #0D0B44;--scheme-blue-300: #0019CB;--scheme-blue-400: #033CF8;--scheme-blue-500: #2D69FA;--scheme-blue-600: #5A93FC;--scheme-blue-700: #84B5FD;--scheme-blue-800: #B4D6FB;--scheme-blue-900: #CBE3FB;--scheme-blue-1000: #E0EFFC;--scheme-blue-1100: #EBF5FC;--scheme-blue-1200: #F6FAFD;--scheme-blue-600-10: #5A93FC1A;--scheme-blue-600-30: #5A93FC4D;--scheme-blue-600-50: #5A93FC80;--scheme-indigo-100: #0E0718;--scheme-indigo-200: #1C0B35;--scheme-indigo-300: #3D01C5;--scheme-indigo-400: #5625F7;--scheme-indigo-500: #7358FA;--scheme-indigo-600: #9585FA;--scheme-indigo-700: #B3A9FD;--scheme-indigo-800: #D2CEFB;--scheme-indigo-900: #E0DEFA;--scheme-indigo-1000: #EDEDFB;--scheme-indigo-1100: #F3F2FC;--scheme-indigo-1200: #F9F9FD;--scheme-indigo-600-10: #9585FA1A;--scheme-indigo-600-30: #9585FA4D;--scheme-indigo-600-50: #9585FA80;--scheme-violet-100: #0E0512;--scheme-violet-200: #210B2B;--scheme-violet-300: #60099B;--scheme-violet-400: #7D04E4;--scheme-violet-500: #9745F7;--scheme-violet-600: #B07AFA;--scheme-violet-700: #C7A2FD;--scheme-violet-800: #DDCBFB;--scheme-violet-900: #E6DCFB;--scheme-violet-1000: #F0EBFC;--scheme-violet-1100: #F5F3FC;--scheme-violet-1200: #FAF8FD;--scheme-violet-600-10: #B07AFA1A;--scheme-violet-600-30: #B07AFA4D;--scheme-violet-600-50: #B07AFA80;--scheme-magenta-100: #100511;--scheme-magenta-200: #250A26;--scheme-magenta-300: #70077B;--scheme-magenta-400: #9902B3;--scheme-magenta-500: #BD1DE8;--scheme-magenta-600: #D166FA;--scheme-magenta-700: #DC98FD;--scheme-magenta-800: #E8C7FB;--scheme-magenta-900: #EFD9FB;--scheme-magenta-1000: #F5E9FC;--scheme-magenta-1100: #F8F1FC;--scheme-magenta-1200: #FBF8FD;--scheme-magenta-600-10: #D166FA1A;--scheme-magenta-600-30: #D166FA4D;--scheme-magenta-600-50: #D166FA80;--scheme-pink-100: #12050B;--scheme-pink-200: #280A1A;--scheme-pink-300: #7D074A;--scheme-pink-400: #AE0169;--scheme-pink-500: #DE028E;--scheme-pink-600: #F854BE;--scheme-pink-700: #FD8BE4;--scheme-pink-800: #FCC0F1;--scheme-pink-900: #FCD5F5;--scheme-pink-1000: #FCE7F9;--scheme-pink-1100: #FCF0FA;--scheme-pink-1200: #FDF8FC;--scheme-pink-600-10: #F854BE1A;--scheme-pink-600-30: #F854BE4D;--scheme-pink-600-50: #F854BE80}:root{--function-info-100: var(--scheme-gray-100);--function-info-200: var(--scheme-gray-200);--function-info-300: var(--scheme-gray-300);--function-info-400: var(--scheme-gray-400);--function-info-500: var(--scheme-gray-500);--function-info-600: var(--scheme-gray-600);--function-info-700: var(--scheme-gray-700);--function-info-800: var(--scheme-gray-800);--function-info-900: var(--scheme-gray-900);--function-info-1000: var(--scheme-gray-1000);--function-info-1100: var(--scheme-gray-1100);--function-info-1200: var(--scheme-gray-1200);--function-info-600-10: var(--scheme-gray-600-10);--function-info-600-30: var(--scheme-gray-600-30);--function-info-600-50: var(--scheme-gray-600-50);--function-warning-100: var(--scheme-yellow-100);--function-warning-200: var(--scheme-yellow-200);--function-warning-300: var(--scheme-yellow-300);--function-warning-400: var(--scheme-yellow-400);--function-warning-500: var(--scheme-yellow-500);--function-warning-600: var(--scheme-yellow-600);--function-warning-700: var(--scheme-yellow-700);--function-warning-800: var(--scheme-yellow-800);--function-warning-900: var(--scheme-yellow-900);--function-warning-1000: var(--scheme-yellow-1000);--function-warning-1100: var(--scheme-yellow-1100);--function-warning-1200: var(--scheme-yellow-1200);--function-warning-600-10: var(--scheme-yellow-600-10);--function-warning-600-30: var(--scheme-yellow-600-30);--function-warning-600-50: var(--scheme-yellow-600-50);--function-danger-100: var(--scheme-red-100);--function-danger-200: var(--scheme-red-200);--function-danger-300: var(--scheme-red-300);--function-danger-400: var(--scheme-red-400);--function-danger-500: var(--scheme-red-500);--function-danger-600: var(--scheme-red-600);--function-danger-700: var(--scheme-red-700);--function-danger-800: var(--scheme-red-800);--function-danger-900: var(--scheme-red-900);--function-danger-1000: var(--scheme-red-1000);--function-danger-1100: var(--scheme-red-1100);--function-danger-1200: var(--scheme-red-1200);--function-danger-600-10: var(--scheme-red-600-10);--function-danger-600-30: var(--scheme-red-600-30);--function-danger-600-50: var(--scheme-red-600-50);--function-success-100: var(--scheme-green-100);--function-success-200: var(--scheme-green-200);--function-success-300: var(--scheme-green-300);--function-success-400: var(--scheme-green-400);--function-success-500: var(--scheme-green-500);--function-success-600: var(--scheme-green-600);--function-success-700: var(--scheme-green-700);--function-success-800: var(--scheme-green-800);--function-success-900: var(--scheme-green-900);--function-success-1000: var(--scheme-green-1000);--function-success-1100: var(--scheme-green-1100);--function-success-1200: var(--scheme-green-1200);--function-success-600-10: var(--scheme-green-600-10);--function-success-600-30: var(--scheme-green-600-30);--function-success-600-50: var(--scheme-green-600-50)}[data-brand=custom]{--function-brand-100: var(--scheme-brand-100);--function-brand-200: var(--scheme-brand-200);--function-brand-300: var(--scheme-brand-300);--function-brand-400: var(--scheme-brand-400);--function-brand-500: var(--scheme-brand-500);--function-brand-600: var(--scheme-brand-600);--function-brand-700: var(--scheme-brand-700);--function-brand-800: var(--scheme-brand-800);--function-brand-900: var(--scheme-brand-900);--function-brand-1000: var(--scheme-brand-1000);--function-brand-1100: var(--scheme-brand-1100);--function-brand-1200: var(--scheme-brand-1200);--function-brand-600-10: var(--scheme-brand-600-10);--function-brand-600-30: var(--scheme-brand-600-30);--function-brand-600-50: var(--scheme-brand-600-50)}[data-brand=red]{--function-brand-100: var(--scheme-red-100);--function-brand-200: var(--scheme-red-200);--function-brand-300: var(--scheme-red-300);--function-brand-400: var(--scheme-red-400);--function-brand-500: var(--scheme-red-500);--function-brand-600: var(--scheme-red-600);--function-brand-700: var(--scheme-red-700);--function-brand-800: var(--scheme-red-800);--function-brand-900: var(--scheme-red-900);--function-brand-1000: var(--scheme-red-1000);--function-brand-1100: var(--scheme-red-1100);--function-brand-1200: var(--scheme-red-1200);--function-brand-600-10: var(--scheme-red-600-10);--function-brand-600-30: var(--scheme-red-600-30);--function-brand-600-50: var(--scheme-red-600-50)}[data-brand=orange]{--function-brand-100: var(--scheme-orange-100);--function-brand-200: var(--scheme-orange-200);--function-brand-300: var(--scheme-orange-300);--function-brand-400: var(--scheme-orange-400);--function-brand-500: var(--scheme-orange-500);--function-brand-600: var(--scheme-orange-600);--function-brand-700: var(--scheme-orange-700);--function-brand-800: var(--scheme-orange-800);--function-brand-900: var(--scheme-orange-900);--function-brand-1000: var(--scheme-orange-1000);--function-brand-1100: var(--scheme-orange-1100);--function-brand-1200: var(--scheme-orange-1200);--function-brand-600-10: var(--scheme-orange-600-10);--function-brand-600-30: var(--scheme-orange-600-30);--function-brand-600-50: var(--scheme-orange-600-50)}[data-brand=yellow]{--function-brand-100: var(--scheme-yellow-100);--function-brand-200: var(--scheme-yellow-200);--function-brand-300: var(--scheme-yellow-300);--function-brand-400: var(--scheme-yellow-400);--function-brand-500: var(--scheme-yellow-500);--function-brand-600: var(--scheme-yellow-600);--function-brand-700: var(--scheme-yellow-700);--function-brand-800: var(--scheme-yellow-800);--function-brand-900: var(--scheme-yellow-900);--function-brand-1000: var(--scheme-yellow-1000);--function-brand-1100: var(--scheme-yellow-1100);--function-brand-1200: var(--scheme-yellow-1200);--function-brand-600-10: var(--scheme-yellow-600-10);--function-brand-600-30: var(--scheme-yellow-600-30);--function-brand-600-50: var(--scheme-yellow-600-50)}[data-brand=moss]{--function-brand-100: var(--scheme-moss-100);--function-brand-200: var(--scheme-moss-200);--function-brand-300: var(--scheme-moss-300);--function-brand-400: var(--scheme-moss-400);--function-brand-500: var(--scheme-moss-500);--function-brand-600: var(--scheme-moss-600);--function-brand-700: var(--scheme-moss-700);--function-brand-800: var(--scheme-moss-800);--function-brand-900: var(--scheme-moss-900);--function-brand-1000: var(--scheme-moss-1000);--function-brand-1100: var(--scheme-moss-1100);--function-brand-1200: var(--scheme-moss-1200);--function-brand-600-10: var(--scheme-moss-600-10);--function-brand-600-30: var(--scheme-moss-600-30);--function-brand-600-50: var(--scheme-moss-600-50)}[data-brand=green]{--function-brand-100: var(--scheme-green-100);--function-brand-200: var(--scheme-green-200);--function-brand-300: var(--scheme-green-300);--function-brand-400: var(--scheme-green-400);--function-brand-500: var(--scheme-green-500);--function-brand-600: var(--scheme-green-600);--function-brand-700: var(--scheme-green-700);--function-brand-800: var(--scheme-green-800);--function-brand-900: var(--scheme-green-900);--function-brand-1000: var(--scheme-green-1000);--function-brand-1100: var(--scheme-green-1100);--function-brand-1200: var(--scheme-green-1200);--function-brand-600-10: var(--scheme-green-600-10);--function-brand-600-30: var(--scheme-green-600-30);--function-brand-600-50: var(--scheme-green-600-50)}[data-brand=emerald]{--function-brand-100: var(--scheme-emerald-100);--function-brand-200: var(--scheme-emerald-200);--function-brand-300: var(--scheme-emerald-300);--function-brand-400: var(--scheme-emerald-400);--function-brand-500: var(--scheme-emerald-500);--function-brand-600: var(--scheme-emerald-600);--function-brand-700: var(--scheme-emerald-700);--function-brand-800: var(--scheme-emerald-800);--function-brand-900: var(--scheme-emerald-900);--function-brand-1000: var(--scheme-emerald-1000);--function-brand-1100: var(--scheme-emerald-1100);--function-brand-1200: var(--scheme-emerald-1200);--function-brand-600-10: var(--scheme-emerald-600-10);--function-brand-600-30: var(--scheme-emerald-600-30);--function-brand-600-50: var(--scheme-emerald-600-50)}[data-brand=aqua]{--function-brand-100: var(--scheme-aqua-100);--function-brand-200: var(--scheme-aqua-200);--function-brand-300: var(--scheme-aqua-300);--function-brand-400: var(--scheme-aqua-400);--function-brand-500: var(--scheme-aqua-500);--function-brand-600: var(--scheme-aqua-600);--function-brand-700: var(--scheme-aqua-700);--function-brand-800: var(--scheme-aqua-800);--function-brand-900: var(--scheme-aqua-900);--function-brand-1000: var(--scheme-aqua-1000);--function-brand-1100: var(--scheme-aqua-1100);--function-brand-1200: var(--scheme-aqua-1200);--function-brand-600-10: var(--scheme-aqua-600-10);--function-brand-600-30: var(--scheme-aqua-600-30);--function-brand-600-50: var(--scheme-aqua-600-50)}[data-brand=cyan]{--function-brand-100: var(--scheme-cyan-100);--function-brand-200: var(--scheme-cyan-200);--function-brand-300: var(--scheme-cyan-300);--function-brand-400: var(--scheme-cyan-400);--function-brand-500: var(--scheme-cyan-500);--function-brand-600: var(--scheme-cyan-600);--function-brand-700: var(--scheme-cyan-700);--function-brand-800: var(--scheme-cyan-800);--function-brand-900: var(--scheme-cyan-900);--function-brand-1000: var(--scheme-cyan-1000);--function-brand-1100: var(--scheme-cyan-1100);--function-brand-1200: var(--scheme-cyan-1200);--function-brand-600-10: var(--scheme-cyan-600-10);--function-brand-600-30: var(--scheme-cyan-600-30);--function-brand-600-50: var(--scheme-cyan-600-50)}[data-brand=blue]{--function-brand-100: var(--scheme-blue-100);--function-brand-200: var(--scheme-blue-200);--function-brand-300: var(--scheme-blue-300);--function-brand-400: var(--scheme-blue-400);--function-brand-500: var(--scheme-blue-500);--function-brand-600: var(--scheme-blue-600);--function-brand-700: var(--scheme-blue-700);--function-brand-800: var(--scheme-blue-800);--function-brand-900: var(--scheme-blue-900);--function-brand-1000: var(--scheme-blue-1000);--function-brand-1100: var(--scheme-blue-1100);--function-brand-1200: var(--scheme-blue-1200);--function-brand-600-10: var(--scheme-blue-600-10);--function-brand-600-30: var(--scheme-blue-600-30);--function-brand-600-50: var(--scheme-blue-600-50)}[data-brand=indigo]{--function-brand-100: var(--scheme-indigo-100);--function-brand-200: var(--scheme-indigo-200);--function-brand-300: var(--scheme-indigo-300);--function-brand-400: var(--scheme-indigo-400);--function-brand-500: var(--scheme-indigo-500);--function-brand-600: var(--scheme-indigo-600);--function-brand-700: var(--scheme-indigo-700);--function-brand-800: var(--scheme-indigo-800);--function-brand-900: var(--scheme-indigo-900);--function-brand-1000: var(--scheme-indigo-1000);--function-brand-1100: var(--scheme-indigo-1100);--function-brand-1200: var(--scheme-indigo-1200);--function-brand-600-10: var(--scheme-indigo-600-10);--function-brand-600-30: var(--scheme-indigo-600-30);--function-brand-600-50: var(--scheme-indigo-600-50)}[data-brand=violet]{--function-brand-100: var(--scheme-violet-100);--function-brand-200: var(--scheme-violet-200);--function-brand-300: var(--scheme-violet-300);--function-brand-400: var(--scheme-violet-400);--function-brand-500: var(--scheme-violet-500);--function-brand-600: var(--scheme-violet-600);--function-brand-700: var(--scheme-violet-700);--function-brand-800: var(--scheme-violet-800);--function-brand-900: var(--scheme-violet-900);--function-brand-1000: var(--scheme-violet-1000);--function-brand-1100: var(--scheme-violet-1100);--function-brand-1200: var(--scheme-violet-1200);--function-brand-600-10: var(--scheme-violet-600-10);--function-brand-600-30: var(--scheme-violet-600-30);--function-brand-600-50: var(--scheme-violet-600-50)}[data-brand=magenta]{--function-brand-100: var(--scheme-magenta-100);--function-brand-200: var(--scheme-magenta-200);--function-brand-300: var(--scheme-magenta-300);--function-brand-400: var(--scheme-magenta-400);--function-brand-500: var(--scheme-magenta-500);--function-brand-600: var(--scheme-magenta-600);--function-brand-700: var(--scheme-magenta-700);--function-brand-800: var(--scheme-magenta-800);--function-brand-900: var(--scheme-magenta-900);--function-brand-1000: var(--scheme-magenta-1000);--function-brand-1100: var(--scheme-magenta-1100);--function-brand-1200: var(--scheme-magenta-1200);--function-brand-600-10: var(--scheme-magenta-600-10);--function-brand-600-30: var(--scheme-magenta-600-30);--function-brand-600-50: var(--scheme-magenta-600-50)}[data-brand=pink]{--function-brand-100: var(--scheme-pink-100);--function-brand-200: var(--scheme-pink-200);--function-brand-300: var(--scheme-pink-300);--function-brand-400: var(--scheme-pink-400);--function-brand-500: var(--scheme-pink-500);--function-brand-600: var(--scheme-pink-600);--function-brand-700: var(--scheme-pink-700);--function-brand-800: var(--scheme-pink-800);--function-brand-900: var(--scheme-pink-900);--function-brand-1000: var(--scheme-pink-1000);--function-brand-1100: var(--scheme-pink-1100);--function-brand-1200: var(--scheme-pink-1200);--function-brand-600-10: var(--scheme-pink-600-10);--function-brand-600-30: var(--scheme-pink-600-30);--function-brand-600-50: var(--scheme-pink-600-50)}[data-accent=custom]{--function-accent-100: var(--scheme-accent-100);--function-accent-200: var(--scheme-accent-200);--function-accent-300: var(--scheme-accent-300);--function-accent-400: var(--scheme-accent-400);--function-accent-500: var(--scheme-accent-500);--function-accent-600: var(--scheme-accent-600);--function-accent-700: var(--scheme-accent-700);--function-accent-800: var(--scheme-accent-800);--function-accent-900: var(--scheme-accent-900);--function-accent-1000: var(--scheme-accent-1000);--function-accent-1100: var(--scheme-accent-1100);--function-accent-1200: var(--scheme-accent-1200);--function-accent-600-10: var(--scheme-accent-600-10);--function-accent-600-30: var(--scheme-accent-600-30);--function-accent-600-50: var(--scheme-accent-600-50)}[data-accent=red]{--function-accent-100: var(--scheme-red-100);--function-accent-200: var(--scheme-red-200);--function-accent-300: var(--scheme-red-300);--function-accent-400: var(--scheme-red-400);--function-accent-500: var(--scheme-red-500);--function-accent-600: var(--scheme-red-600);--function-accent-700: var(--scheme-red-700);--function-accent-800: var(--scheme-red-800);--function-accent-900: var(--scheme-red-900);--function-accent-1000: var(--scheme-red-1000);--function-accent-1100: var(--scheme-red-1100);--function-accent-1200: var(--scheme-red-1200);--function-accent-600-10: var(--scheme-red-600-10);--function-accent-600-30: var(--scheme-red-600-30);--function-accent-600-50: var(--scheme-red-600-50)}[data-accent=orange]{--function-accent-100: var(--scheme-orange-100);--function-accent-200: var(--scheme-orange-200);--function-accent-300: var(--scheme-orange-300);--function-accent-400: var(--scheme-orange-400);--function-accent-500: var(--scheme-orange-500);--function-accent-600: var(--scheme-orange-600);--function-accent-700: var(--scheme-orange-700);--function-accent-800: var(--scheme-orange-800);--function-accent-900: var(--scheme-orange-900);--function-accent-1000: var(--scheme-orange-1000);--function-accent-1100: var(--scheme-orange-1100);--function-accent-1200: var(--scheme-orange-1200);--function-accent-600-10: var(--scheme-orange-600-10);--function-accent-600-30: var(--scheme-orange-600-30);--function-accent-600-50: var(--scheme-orange-600-50)}[data-accent=yellow]{--function-accent-100: var(--scheme-yellow-100);--function-accent-200: var(--scheme-yellow-200);--function-accent-300: var(--scheme-yellow-300);--function-accent-400: var(--scheme-yellow-400);--function-accent-500: var(--scheme-yellow-500);--function-accent-600: var(--scheme-yellow-600);--function-accent-700: var(--scheme-yellow-700);--function-accent-800: var(--scheme-yellow-800);--function-accent-900: var(--scheme-yellow-900);--function-accent-1000: var(--scheme-yellow-1000);--function-accent-1100: var(--scheme-yellow-1100);--function-accent-1200: var(--scheme-yellow-1200);--function-accent-600-10: var(--scheme-yellow-600-10);--function-accent-600-30: var(--scheme-yellow-600-30);--function-accent-600-50: var(--scheme-yellow-600-50)}[data-accent=moss]{--function-accent-100: var(--scheme-moss-100);--function-accent-200: var(--scheme-moss-200);--function-accent-300: var(--scheme-moss-300);--function-accent-400: var(--scheme-moss-400);--function-accent-500: var(--scheme-moss-500);--function-accent-600: var(--scheme-moss-600);--function-accent-700: var(--scheme-moss-700);--function-accent-800: var(--scheme-moss-800);--function-accent-900: var(--scheme-moss-900);--function-accent-1000: var(--scheme-moss-1000);--function-accent-1100: var(--scheme-moss-1100);--function-accent-1200: var(--scheme-moss-1200);--function-accent-600-10: var(--scheme-moss-600-10);--function-accent-600-30: var(--scheme-moss-600-30);--function-accent-600-50: var(--scheme-moss-600-50)}[data-accent=green]{--function-accent-100: var(--scheme-green-100);--function-accent-200: var(--scheme-green-200);--function-accent-300: var(--scheme-green-300);--function-accent-400: var(--scheme-green-400);--function-accent-500: var(--scheme-green-500);--function-accent-600: var(--scheme-green-600);--function-accent-700: var(--scheme-green-700);--function-accent-800: var(--scheme-green-800);--function-accent-900: var(--scheme-green-900);--function-accent-1000: var(--scheme-green-1000);--function-accent-1100: var(--scheme-green-1100);--function-accent-1200: var(--scheme-green-1200);--function-accent-600-10: var(--scheme-green-600-10);--function-accent-600-30: var(--scheme-green-600-30);--function-accent-600-50: var(--scheme-green-600-50)}[data-accent=emerald]{--function-accent-100: var(--scheme-emerald-100);--function-accent-200: var(--scheme-emerald-200);--function-accent-300: var(--scheme-emerald-300);--function-accent-400: var(--scheme-emerald-400);--function-accent-500: var(--scheme-emerald-500);--function-accent-600: var(--scheme-emerald-600);--function-accent-700: var(--scheme-emerald-700);--function-accent-800: var(--scheme-emerald-800);--function-accent-900: var(--scheme-emerald-900);--function-accent-1000: var(--scheme-emerald-1000);--function-accent-1100: var(--scheme-emerald-1100);--function-accent-1200: var(--scheme-emerald-1200);--function-accent-600-10: var(--scheme-emerald-600-10);--function-accent-600-30: var(--scheme-emerald-600-30);--function-accent-600-50: var(--scheme-emerald-600-50)}[data-accent=aqua]{--function-accent-100: var(--scheme-aqua-100);--function-accent-200: var(--scheme-aqua-200);--function-accent-300: var(--scheme-aqua-300);--function-accent-400: var(--scheme-aqua-400);--function-accent-500: var(--scheme-aqua-500);--function-accent-600: var(--scheme-aqua-600);--function-accent-700: var(--scheme-aqua-700);--function-accent-800: var(--scheme-aqua-800);--function-accent-900: var(--scheme-aqua-900);--function-accent-1000: var(--scheme-aqua-1000);--function-accent-1100: var(--scheme-aqua-1100);--function-accent-1200: var(--scheme-aqua-1200);--function-accent-600-10: var(--scheme-aqua-600-10);--function-accent-600-30: var(--scheme-aqua-600-30);--function-accent-600-50: var(--scheme-aqua-600-50)}[data-accent=cyan]{--function-accent-100: var(--scheme-cyan-100);--function-accent-200: var(--scheme-cyan-200);--function-accent-300: var(--scheme-cyan-300);--function-accent-400: var(--scheme-cyan-400);--function-accent-500: var(--scheme-cyan-500);--function-accent-600: var(--scheme-cyan-600);--function-accent-700: var(--scheme-cyan-700);--function-accent-800: var(--scheme-cyan-800);--function-accent-900: var(--scheme-cyan-900);--function-accent-1000: var(--scheme-cyan-1000);--function-accent-1100: var(--scheme-cyan-1100);--function-accent-1200: var(--scheme-cyan-1200);--function-accent-600-10: var(--scheme-cyan-600-10);--function-accent-600-30: var(--scheme-cyan-600-30);--function-accent-600-50: var(--scheme-cyan-600-50)}[data-accent=blue]{--function-accent-100: var(--scheme-blue-100);--function-accent-200: var(--scheme-blue-200);--function-accent-300: var(--scheme-blue-300);--function-accent-400: var(--scheme-blue-400);--function-accent-500: var(--scheme-blue-500);--function-accent-600: var(--scheme-blue-600);--function-accent-700: var(--scheme-blue-700);--function-accent-800: var(--scheme-blue-800);--function-accent-900: var(--scheme-blue-900);--function-accent-1000: var(--scheme-blue-1000);--function-accent-1100: var(--scheme-blue-1100);--function-accent-1200: var(--scheme-blue-1200);--function-accent-600-10: var(--scheme-blue-600-10);--function-accent-600-30: var(--scheme-blue-600-30);--function-accent-600-50: var(--scheme-blue-600-50)}[data-accent=indigo]{--function-accent-100: var(--scheme-indigo-100);--function-accent-200: var(--scheme-indigo-200);--function-accent-300: var(--scheme-indigo-300);--function-accent-400: var(--scheme-indigo-400);--function-accent-500: var(--scheme-indigo-500);--function-accent-600: var(--scheme-indigo-600);--function-accent-700: var(--scheme-indigo-700);--function-accent-800: var(--scheme-indigo-800);--function-accent-900: var(--scheme-indigo-900);--function-accent-1000: var(--scheme-indigo-1000);--function-accent-1100: var(--scheme-indigo-1100);--function-accent-1200: var(--scheme-indigo-1200);--function-accent-600-10: var(--scheme-indigo-600-10);--function-accent-600-30: var(--scheme-indigo-600-30);--function-accent-600-50: var(--scheme-indigo-600-50)}[data-accent=violet]{--function-accent-100: var(--scheme-violet-100);--function-accent-200: var(--scheme-violet-200);--function-accent-300: var(--scheme-violet-300);--function-accent-400: var(--scheme-violet-400);--function-accent-500: var(--scheme-violet-500);--function-accent-600: var(--scheme-violet-600);--function-accent-700: var(--scheme-violet-700);--function-accent-800: var(--scheme-violet-800);--function-accent-900: var(--scheme-violet-900);--function-accent-1000: var(--scheme-violet-1000);--function-accent-1100: var(--scheme-violet-1100);--function-accent-1200: var(--scheme-violet-1200);--function-accent-600-10: var(--scheme-violet-600-10);--function-accent-600-30: var(--scheme-violet-600-30);--function-accent-600-50: var(--scheme-violet-600-50)}[data-accent=magenta]{--function-accent-100: var(--scheme-magenta-100);--function-accent-200: var(--scheme-magenta-200);--function-accent-300: var(--scheme-magenta-300);--function-accent-400: var(--scheme-magenta-400);--function-accent-500: var(--scheme-magenta-500);--function-accent-600: var(--scheme-magenta-600);--function-accent-700: var(--scheme-magenta-700);--function-accent-800: var(--scheme-magenta-800);--function-accent-900: var(--scheme-magenta-900);--function-accent-1000: var(--scheme-magenta-1000);--function-accent-1100: var(--scheme-magenta-1100);--function-accent-1200: var(--scheme-magenta-1200);--function-accent-600-10: var(--scheme-magenta-600-10);--function-accent-600-30: var(--scheme-magenta-600-30);--function-accent-600-50: var(--scheme-magenta-600-50)}[data-accent=pink]{--function-accent-100: var(--scheme-pink-100);--function-accent-200: var(--scheme-pink-200);--function-accent-300: var(--scheme-pink-300);--function-accent-400: var(--scheme-pink-400);--function-accent-500: var(--scheme-pink-500);--function-accent-600: var(--scheme-pink-600);--function-accent-700: var(--scheme-pink-700);--function-accent-800: var(--scheme-pink-800);--function-accent-900: var(--scheme-pink-900);--function-accent-1000: var(--scheme-pink-1000);--function-accent-1100: var(--scheme-pink-1100);--function-accent-1200: var(--scheme-pink-1200);--function-accent-600-10: var(--scheme-pink-600-10);--function-accent-600-30: var(--scheme-pink-600-30);--function-accent-600-50: var(--scheme-pink-600-50)}[data-neutral=custom]{--function-neutral-100: var(--scheme-neutral-100);--function-neutral-200: var(--scheme-neutral-200);--function-neutral-300: var(--scheme-neutral-300);--function-neutral-400: var(--scheme-neutral-400);--function-neutral-500: var(--scheme-neutral-500);--function-neutral-600: var(--scheme-neutral-600);--function-neutral-700: var(--scheme-neutral-700);--function-neutral-800: var(--scheme-neutral-800);--function-neutral-900: var(--scheme-neutral-900);--function-neutral-1000: var(--scheme-neutral-1000);--function-neutral-1100: var(--scheme-neutral-1100);--function-neutral-1200: var(--scheme-neutral-1200);--function-neutral-600-10: var(--scheme-neutral-600-10);--function-neutral-600-30: var(--scheme-neutral-600-30);--function-neutral-600-50: var(--scheme-neutral-600-50)}[data-neutral=slate]{--function-neutral-100: var(--scheme-slate-100);--function-neutral-200: var(--scheme-slate-200);--function-neutral-300: var(--scheme-slate-300);--function-neutral-400: var(--scheme-slate-400);--function-neutral-500: var(--scheme-slate-500);--function-neutral-600: var(--scheme-slate-600);--function-neutral-700: var(--scheme-slate-700);--function-neutral-800: var(--scheme-slate-800);--function-neutral-900: var(--scheme-slate-900);--function-neutral-1000: var(--scheme-slate-1000);--function-neutral-1100: var(--scheme-slate-1100);--function-neutral-1200: var(--scheme-slate-1200);--function-neutral-600-10: var(--scheme-slate-600-10);--function-neutral-600-30: var(--scheme-slate-600-30);--function-neutral-600-50: var(--scheme-slate-600-50)}[data-neutral=gray]{--function-neutral-100: var(--scheme-gray-100);--function-neutral-200: var(--scheme-gray-200);--function-neutral-300: var(--scheme-gray-300);--function-neutral-400: var(--scheme-gray-400);--function-neutral-500: var(--scheme-gray-500);--function-neutral-600: var(--scheme-gray-600);--function-neutral-700: var(--scheme-gray-700);--function-neutral-800: var(--scheme-gray-800);--function-neutral-900: var(--scheme-gray-900);--function-neutral-1000: var(--scheme-gray-1000);--function-neutral-1100: var(--scheme-gray-1100);--function-neutral-1200: var(--scheme-gray-1200);--function-neutral-600-10: var(--scheme-gray-600-10);--function-neutral-600-30: var(--scheme-gray-600-30);--function-neutral-600-50: var(--scheme-gray-600-50)}[data-neutral=sand]{--function-neutral-100: var(--scheme-sand-100);--function-neutral-200: var(--scheme-sand-200);--function-neutral-300: var(--scheme-sand-300);--function-neutral-400: var(--scheme-sand-400);--function-neutral-500: var(--scheme-sand-500);--function-neutral-600: var(--scheme-sand-600);--function-neutral-700: var(--scheme-sand-700);--function-neutral-800: var(--scheme-sand-800);--function-neutral-900: var(--scheme-sand-900);--function-neutral-1000: var(--scheme-sand-1000);--function-neutral-1100: var(--scheme-sand-1100);--function-neutral-1200: var(--scheme-sand-1200);--function-neutral-600-10: var(--scheme-sand-600-10);--function-neutral-600-30: var(--scheme-sand-600-30);--function-neutral-600-50: var(--scheme-sand-600-50)}:root{--static-space-0: 0;--static-space-1: 1px;--static-space-2: 0.125rem;--static-space-4: 0.25rem;--static-space-8: 0.5rem;--static-space-12: 0.75rem;--static-space-16: 1rem;--static-space-20: 1.25rem;--static-space-24: 1.5rem;--static-space-32: 2rem;--static-space-40: 2.5rem;--static-space-48: 3rem;--static-space-56: 3.5rem;--static-space-64: 4rem;--static-space-80: 5rem;--static-space-104: 6.5rem;--static-space-128: 8rem;--static-space-160: 10rem;--static-width-2400: 150rem;--static-width-1600: 100rem;--static-width-1440: 90rem;--static-width-1200: 75rem;--static-width-1024: 64rem;--static-width-880: 55rem;--static-width-768: 48rem;--static-width-640: 40rem;--static-width-560: 35rem;--static-width-400: 25rem;--static-width-320: 20rem;--static-height-560: 35rem;--static-height-480: 30rem;--static-height-400: 25rem;--static-height-360: 22.5rem;--static-height-320: 20rem;--static-height-280: 17.5rem;--static-height-240: 15rem;--static-height-220: 13.75rem;--static-height-160: 10rem;--responsive-width-xl: var(--static-width-1440);--responsive-width-l: var(--static-width-1200);--responsive-width-m: var(--static-width-1024);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-560);--responsive-height-l: var(--static-height-480);--responsive-height-m: var(--static-height-400);--responsive-height-s: var(--static-height-360);--responsive-height-xs: var(--static-height-280);--responsive-space-xl: var(--static-space-80);--responsive-space-l: var(--static-space-40);--responsive-space-m: var(--static-space-24);--responsive-space-s: var(--static-space-16);--responsive-space-xs: var(--static-space-12)}@media(max-width: 1024px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-480);--responsive-height-l: var(--static-height-400);--responsive-height-m: var(--static-height-360);--responsive-height-s: var(--static-height-280);--responsive-height-xs: var(--static-height-240);--responsive-space-xl: var(--static-space-64);--responsive-space-l: var(--static-space-24);--responsive-space-m: var(--static-space-16);--responsive-space-s: var(--static-space-12);--responsive-space-xs: var(--static-space-8)}}@media(max-width: 768px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-320);--responsive-height-l: var(--static-height-280);--responsive-height-m: var(--static-height-240);--responsive-height-s: var(--static-height-220);--responsive-height-xs: var(--static-height-160);--responsive-space-xl: var(--static-space-40);--responsive-space-l: var(--static-space-16);--responsive-space-m: var(--static-space-12);--responsive-space-s: var(--static-space-8);--responsive-space-xs: var(--static-space-4)}}[data-scaling="110"]{--static-space-1: calc(0.0625rem * 1.1);--static-space-2: calc(0.125rem * 1.1);--static-space-4: calc(0.25rem * 1.1);--static-space-8: calc(0.5rem * 1.1);--static-space-12: calc(0.75rem * 1.1);--static-space-16: calc(1rem * 1.1);--static-space-20: calc(1.25rem * 1.1);--static-space-24: calc(1.5rem * 1.1);--static-space-32: calc(2rem * 1.1);--static-space-40: calc(2.5rem * 1.1);--static-space-48: calc(3rem * 1.1);--static-space-56: calc(3.5rem * 1.1);--static-space-64: calc(4rem * 1.1);--static-space-80: calc(5rem * 1.1);--static-space-104: calc(6.5rem * 1.1);--static-space-128: calc(8rem * 1.1);--static-space-160: calc(10rem * 1.1);--static-width-2400: calc(150rem * 1.1);--static-width-1600: calc(100rem * 1.1);--static-width-1440: calc(90rem * 1.1);--static-width-1200: calc(75rem * 1.1);--static-width-1024: calc(64rem * 1.1);--static-width-880: calc(55rem * 1.1);--static-width-768: calc(48rem * 1.1);--static-width-560: calc(35rem * 1.1);--static-width-400: calc(25rem * 1.1);--static-width-320: calc(20rem * 1.1);--static-height-560: calc(35rem * 1.1);--static-height-480: calc(30rem * 1.1);--static-height-400: calc(25rem * 1.1);--static-height-360: calc(22.5rem * 1.1);--static-height-320: calc(20rem * 1.1);--static-height-280: calc(17.5rem * 1.1);--static-height-240: calc(15rem * 1.1);--static-height-220: calc(13.75rem * 1.1);--static-height-160: calc(10rem * 1.1)}[data-scaling="105"]{--static-space-1: calc(0.0625rem * 1.05);--static-space-2: calc(0.125rem * 1.05);--static-space-4: calc(0.25rem * 1.05);--static-space-8: calc(0.5rem * 1.05);--static-space-12: calc(0.75rem * 1.05);--static-space-16: calc(1rem * 1.05);--static-space-20: calc(1.25rem * 1.05);--static-space-24: calc(1.5rem * 1.05);--static-space-32: calc(2rem * 1.05);--static-space-40: calc(2.5rem * 1.05);--static-space-48: calc(3rem * 1.05);--static-space-56: calc(3.5rem * 1.05);--static-space-64: calc(4rem * 1.05);--static-space-80: calc(5rem * 1.05);--static-space-104: calc(6.5rem * 1.05);--static-space-128: calc(8rem * 1.05);--static-space-160: calc(10rem * 1.05);--static-width-2400: calc(150rem * 1.05);--static-width-1600: calc(100rem * 1.05);--static-width-1440: calc(90rem * 1.05);--static-width-1200: calc(75rem * 1.05);--static-width-1024: calc(64rem * 1.05);--static-width-880: calc(55rem * 1.05);--static-width-768: calc(48rem * 1.05);--static-width-560: calc(35rem * 1.05);--static-width-400: calc(25rem * 1.05);--static-width-320: calc(20rem * 1.05);--static-height-560: calc(35rem * 1.05);--static-height-480: calc(30rem * 1.05);--static-height-400: calc(25rem * 1.05);--static-height-360: calc(22.5rem * 1.05);--static-height-320: calc(20rem * 1.05);--static-height-280: calc(17.5rem * 1.05);--static-height-240: calc(15rem * 1.05);--static-height-220: calc(13.75rem * 1.05);--static-height-160: calc(10rem * 1.05)}[data-scaling="95"]{--static-space-1: calc(0.0625rem * 0.95);--static-space-2: calc(0.125rem * 0.95);--static-space-4: calc(0.25rem * 0.95);--static-space-8: calc(0.5rem * 0.95);--static-space-12: calc(0.75rem * 0.95);--static-space-16: calc(1rem * 0.95);--static-space-20: calc(1.25rem * 0.95);--static-space-24: calc(1.5rem * 0.95);--static-space-32: calc(2rem * 0.95);--static-space-40: calc(2.5rem * 0.95);--static-space-48: calc(3rem * 0.95);--static-space-56: calc(3.5rem * 0.95);--static-space-64: calc(4rem * 0.95);--static-space-80: calc(5rem * 0.95);--static-space-104: calc(6.5rem * 0.95);--static-space-128: calc(8rem * 0.95);--static-space-160: calc(10rem * 0.95);--static-width-2400: calc(150rem * 0.95);--static-width-1600: calc(100rem * 0.95);--static-width-1440: calc(90rem * 0.95);--static-width-1200: calc(75rem * 0.95);--static-width-1024: calc(64rem * 0.95);--static-width-880: calc(55rem * 0.95);--static-width-768: calc(48rem * 0.95);--static-width-560: calc(35rem * 0.95);--static-width-400: calc(25rem * 0.95);--static-width-320: calc(20rem * 0.95);--static-height-560: calc(35rem * 0.95);--static-height-480: calc(30rem * 0.95);--static-height-400: calc(25rem * 0.95);--static-height-360: calc(22.5rem * 0.95);--static-height-320: calc(20rem * 0.95);--static-height-280: calc(17.5rem * 0.95);--static-height-240: calc(15rem * 0.95);--static-height-220: calc(13.75rem * 0.95);--static-height-160: calc(10rem * 0.95)}[data-scaling="90"]{--static-space-1: calc(0.0625rem * 0.9);--static-space-2: calc(0.125rem * 0.9);--static-space-4: calc(0.25rem * 0.9);--static-space-8: calc(0.5rem * 0.9);--static-space-12: calc(0.75rem * 0.9);--static-space-16: calc(1rem * 0.9);--static-space-20: calc(1.25rem * 0.9);--static-space-24: calc(1.5rem * 0.9);--static-space-32: calc(2rem * 0.9);--static-space-40: calc(2.5rem * 0.9);--static-space-48: calc(3rem * 0.9);--static-space-56: calc(3.5rem * 0.9);--static-space-64: calc(4rem * 0.9);--static-space-80: calc(5rem * 0.9);--static-space-104: calc(6.5rem * 0.9);--static-space-128: calc(8rem * 0.9);--static-space-160: calc(10rem * 0.9);--static-width-2400: calc(150rem * 0.9);--static-width-1600: calc(100rem * 0.9);--static-width-1440: calc(90rem * 0.9);--static-width-1200: calc(75rem * 0.9);--static-width-1024: calc(64rem * 0.9);--static-width-880: calc(55rem * 0.9);--static-width-768: calc(48rem * 0.9);--static-width-560: calc(35rem * 0.9);--static-width-400: calc(25rem * 0.9);--static-width-320: calc(20rem * 0.9);--static-height-560: calc(35rem * 0.9);--static-height-480: calc(30rem * 0.9);--static-height-400: calc(25rem * 0.9);--static-height-360: calc(22.5rem * 0.9);--static-height-320: calc(20rem * 0.9);--static-height-280: calc(17.5rem * 0.9);--static-height-240: calc(15rem * 0.9);--static-height-220: calc(13.75rem * 0.9);--static-height-160: calc(10rem * 0.9)}[data-border=playful]{--radius-xs: 0.25rem;--radius-xs-nest-4: 0.375rem;--radius-xs-nest-8: 0.5rem;--radius-s: 0.5rem;--radius-s-nest-4: 0.75rem;--radius-s-nest-8: 1rem;--radius-m: 0.75rem;--radius-m-nest-4: 1rem;--radius-m-nest-8: 1.25rem;--radius-l: 1rem;--radius-l-nest-4: 1.25rem;--radius-l-nest-8: 1.75rem;--radius-xl: 1.25rem;--radius-xl-nest-4: 1.5rem;--radius-xl-nest-8: 1.875rem;--radius-full: 999rem}[data-border=conservative]{--radius-xs: 0.125rem;--radius-xs-nest-4: 0.25rem;--radius-xs-nest-8: 0.375rem;--radius-s: 0.25rem;--radius-s-nest-4: 0.375rem;--radius-s-nest-8: 0.5rem;--radius-m: 0.375rem;--radius-m-nest-4: 0.5rem;--radius-m-nest-8: 0.625rem;--radius-l: 0.625rem;--radius-l-nest-4: 0.875rem;--radius-l-nest-8: 1.125rem;--radius-xl: 0.75rem;--radius-xl-nest-4: 1rem;--radius-xl-nest-8: 1.25rem;--radius-full: 999rem}[data-border=rounded]{--radius-xs: 1rem;--radius-xs-nest-4: 1.25rem;--radius-xs-nest-8: 1.5rem;--radius-s: 1.25rem;--radius-s-nest-4: 1.5rem;--radius-s-nest-8: 2rem;--radius-m: 1.25rem;--radius-m-nest-4: 1.5rem;--radius-m-nest-8: 1.875rem;--radius-l: 1.75rem;--radius-l-nest-4: 2rem;--radius-l-nest-8: 2.5rem;--radius-xl: 2rem;--radius-xl-nest-4: 2.25rem;--radius-xl-nest-8: 2.75rem;--radius-full: 999rem}:root{--shadow-xs: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.08);--shadow-s: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 4px 8px rgba(0, 0, 0, 0.08);--shadow-m: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 8px 8px rgba(0, 0, 0, 0.08);--shadow-l: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.08);--shadow-xl: 0px 4px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 24px 24px rgba(0, 0, 0, 0.08)}:root{--font-weight-thin: 100;--font-weight-extraLight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semiBold: 600;--font-weight-bold: 700;--font-weight-extraBold: 800;--font-weight-body-default: var(--font-weight-normal);--font-weight-body-strong: var(--font-weight-bold);--font-weight-label-default: var(--font-weight-normal);--font-weight-label-strong: var(--font-weight-semiBold);--font-weight-code-default: var(--font-weight-normal);--font-weight-code-strong: var(--font-weight-bold);--font-weight-heading-default: var(--font-weight-normal);--font-weight-heading-strong: var(--font-weight-semiBold);--font-weight-display-default: var(--font-weight-light);--font-weight-display-strong: var(--font-weight-semiBold);--font-size-display-xl: 5rem;--font-size-display-l: 4rem;--font-size-display-m: 3rem;--font-size-display-s: 2.5rem;--font-size-display-xs: 2rem;--font-size-heading-xl: 1.5rem;--font-size-heading-l: 1.33rem;--font-size-heading-m: 1.25rem;--font-size-heading-s: 1.125rem;--font-size-heading-xs: 1rem;--font-size-body-xl: 1.25rem;--font-size-body-l: 1.125rem;--font-size-body-m: 1rem;--font-size-body-s: 0.875rem;--font-size-body-xs: 0.75rem;--font-size-label-l: 1rem;--font-size-label-m: 0.925rem;--font-size-label-s: 0.825rem;--line-height-display-xl: 5rem;--line-height-display-l: 4.25rem;--line-height-display-m: 3.25rem;--line-height-display-s: 3rem;--line-height-display-xs: 2.5rem;--line-height-heading-xl: 2rem;--line-height-heading-l: 1.75rem;--line-height-heading-m: 1.5rem;--line-height-heading-s: 1.5rem;--line-height-heading-xs: 1.25rem;--line-height-body-xl: 1.75rem;--line-height-body-l: 1.5rem;--line-height-body-m: 1.5rem;--line-height-body-s: 1.125rem;--line-height-body-xs: 1rem;--line-height-label-l: 1.25rem;--line-height-label-m: 1.25rem;--line-height-label-s: 1rem}@media(max-width: 1024px){:root{--font-size-display-xl: 3.5rem;--font-size-display-l: 3.25rem;--font-size-display-m: 2.75rem;--font-size-display-s: 2.25rem;--font-size-display-xs: 1.75rem;--font-size-heading-xl: 1.33rem;--font-size-heading-l: 1.25rem;--font-size-heading-m: 1.125rem;--line-height-display-xl: 3.75rem;--line-height-display-l: 3.5rem;--line-height-display-m: 3rem;--line-height-display-s: 2.5rem;--line-height-display-xs: 2rem;--line-height-heading-xl: 1.75rem;--line-height-heading-l: 1.5rem;--line-height-heading-m: 1.25rem}}@media(max-width: 768px){:root{--font-size-display-xl: 2.75rem;--font-size-display-l: 2.5rem;--font-size-display-m: 2.25rem;--font-size-display-s: 2rem;--line-height-display-xl: 3rem;--line-height-display-l: 3rem;--line-height-display-m: 2.5rem;--line-height-display-s: 2.5rem}}:root{--font-heading: var(--font-heading);--font-body: var(--font-body);--font-label: var(--font-label);--font-code: var(--font-code);--font-size-heading-multiplier: 1;--font-size-body-multiplier: 1;--font-size-label-multiplier: 1;--line-height-heading-multiplier: 1;--line-height-body-multiplier: 1;--line-height-label-multiplier: 1;--font-scaling-desktop: 16px;--font-scaling-tablet: 16px;--font-scaling-mobile: 15px;--cursor-interactive: pointer;--solid-inset-distance: 0;--solid-inset-size: 0;--solid-border-width: 0;--backdrop-filter: none;--surface-border: var(--static-transparent);--surface-background: var(--neutral-background-medium)}[data-cursor-interactive=pointer]{--cursor-interactive: pointer}[data-cursor-interactive=default]{--cursor-interactive: default}[data-desktop-size="18"]{--font-scaling-desktop: 18px}[data-desktop-size="17"]{--font-scaling-desktop: 17px}[data-desktop-size="16"]{--font-scaling-desktop: 16px}[data-desktop-size="15"]{--font-scaling-desktop: 15px}[data-desktop-size="14"]{--font-scaling-desktop: 14px}[data-desktop-size="13"]{--font-scaling-desktop: 13px}[data-tablet-size="18"]{--font-scaling-tablet: 18px}[data-tablet-size="17"]{--font-scaling-tablet: 17px}[data-tablet-size="16"]{--font-scaling-tablet: 16px}[data-tablet-size="15"]{--font-scaling-tablet: 15px}[data-tablet-size="14"]{--font-scaling-tablet: 14px}[data-tablet-size="13"]{--font-scaling-tablet: 13px}[data-mobile-size="18"]{--font-scaling-mobile: 18px}[data-mobile-size="17"]{--font-scaling-mobile: 17px}[data-mobile-size="16"]{--font-scaling-mobile: 16px}[data-mobile-size="15"]{--font-scaling-mobile: 15px}[data-mobile-size="14"]{--font-scaling-mobile: 14px}[data-mobile-size="13"]{--font-scaling-mobile: 13px}[data-theme=dark]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-black-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-800);--code-gray: var(--scheme-gray-800);--code-aqua: var(--scheme-aqua-800);--code-green: var(--scheme-green-800);--code-blue: var(--scheme-blue-800);--code-violet: var(--scheme-violet-800);--code-orange: var(--scheme-orange-800);--brand-background-strong: var(--function-brand-300);--brand-background-medium: var(--function-brand-200);--brand-background-weak: var(--function-brand-100);--brand-on-background-strong: var(--static-white);--brand-on-background-medium: var(--function-brand-900);--brand-on-background-weak: var(--function-brand-700);--brand-border-strong: var(--function-brand-400);--brand-border-medium: var(--function-brand-300);--brand-border-weak: var(--function-brand-200);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-10);--accent-background-strong: var(--function-accent-300);--accent-background-medium: var(--function-accent-200);--accent-background-weak: var(--function-accent-100);--accent-on-background-strong: var(--static-white);--accent-on-background-medium: var(--function-accent-900);--accent-on-background-weak: var(--function-accent-700);--accent-solid-strong: var(--function-accent-500);--accent-solid-medium: var(--function-accent-400);--accent-solid-weak: var(--function-accent-300);--accent-on-solid-strong: var(--static-white);--accent-on-solid-weak: var(--function-accent-900);--accent-border-strong: var(--function-accent-400);--accent-border-medium: var(--function-accent-300);--accent-border-weak: var(--function-accent-200);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-10);--neutral-background-strong: var(--function-neutral-300);--neutral-background-medium: var(--function-neutral-200);--neutral-background-weak: var(--function-neutral-100);--neutral-on-background-strong: var(--static-white);--neutral-on-background-medium: var(--function-neutral-900);--neutral-on-background-weak: var(--function-neutral-700);--neutral-solid-strong: var(--function-neutral-500);--neutral-solid-medium: var(--function-neutral-400);--neutral-solid-weak: var(--function-neutral-300);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-weak: var(--function-neutral-900);--neutral-border-strong: var(--function-neutral-400);--neutral-border-medium: var(--function-neutral-300);--neutral-border-weak: var(--function-neutral-200);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-10);--info-background-strong: var(--function-info-300);--info-background-medium: var(--function-info-200);--info-background-weak: var(--function-info-100);--info-on-background-strong: var(--static-white);--info-on-background-medium: var(--function-info-900);--info-on-background-weak: var(--function-info-700);--info-solid-strong: var(--function-info-500);--info-solid-medium: var(--function-info-400);--info-solid-weak: var(--function-info-300);--info-on-solid-strong: var(--static-white);--info-on-solid-weak: var(--function-info-900);--info-border-strong: var(--function-info-400);--info-border-medium: var(--function-info-300);--info-border-weak: var(--function-info-200);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-10);--warning-background-strong: var(--function-warning-300);--warning-background-medium: var(--function-warning-200);--warning-background-weak: var(--function-warning-100);--warning-on-background-strong: var(--static-white);--warning-on-background-medium: var(--function-warning-900);--warning-on-background-weak: var(--function-warning-700);--warning-solid-strong: var(--function-warning-500);--warning-solid-medium: var(--function-warning-400);--warning-solid-weak: var(--function-warning-300);--warning-on-solid-strong: var(--static-white);--warning-on-solid-weak: var(--function-warning-900);--warning-border-strong: var(--function-warning-400);--warning-border-medium: var(--function-warning-300);--warning-border-weak: var(--function-warning-200);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-10);--danger-background-strong: var(--function-danger-300);--danger-background-medium: var(--function-danger-200);--danger-background-weak: var(--function-danger-100);--danger-on-background-strong: var(--static-white);--danger-on-background-medium: var(--function-danger-900);--danger-on-background-weak: var(--function-danger-700);--danger-solid-strong: var(--function-danger-500);--danger-solid-medium: var(--function-danger-400);--danger-solid-weak: var(--function-danger-300);--danger-on-solid-strong: var(--static-white);--danger-on-solid-weak: var(--function-danger-900);--danger-border-strong: var(--function-danger-400);--danger-border-medium: var(--function-danger-300);--danger-border-weak: var(--function-danger-200);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-10);--success-background-strong: var(--function-success-300);--success-background-medium: var(--function-success-200);--success-background-weak: var(--function-success-100);--success-on-background-strong: var(--static-white);--success-on-background-medium: var(--function-success-900);--success-on-background-weak: var(--function-success-700);--success-solid-strong: var(--function-success-500);--success-solid-medium: var(--function-success-400);--success-solid-weak: var(--function-success-300);--success-on-solid-strong: var(--static-white);--success-on-solid-weak: var(--function-success-900);--success-border-strong: var(--function-success-400);--success-border-medium: var(--function-success-300);--success-border-weak: var(--function-success-200);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-10)}[data-theme=dark] .dark-flex{display:flex}[data-theme=dark] .dark-grid{display:grid}[data-theme=dark] .light-flex{display:none}[data-theme=dark] .light-grid{display:none}[data-theme=light]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-white-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-600);--code-gray: var(--scheme-gray-600);--code-aqua: var(--scheme-aqua-600);--code-green: var(--scheme-green-600);--code-blue: var(--scheme-blue-600);--code-violet: var(--scheme-violet-600);--code-orange: var(--scheme-orange-600);--brand-background-strong: var(--function-brand-800);--brand-background-medium: var(--function-brand-1000);--brand-background-weak: var(--static-white);--brand-on-background-strong: var(--function-brand-100);--brand-on-background-medium: var(--function-brand-400);--brand-on-background-weak: var(--function-brand-500);--brand-border-strong: var(--function-brand-800);--brand-border-medium: var(--function-brand-900);--brand-border-weak: var(--function-brand-1000);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-10);--accent-background-strong: var(--function-accent-800);--accent-background-medium: var(--function-accent-1000);--accent-background-weak: var(--static-white);--accent-on-background-strong: var(--function-accent-100);--accent-on-background-medium: var(--function-accent-400);--accent-on-background-weak: var(--function-accent-500);--accent-solid-strong: var(--function-accent-600);--accent-solid-medium: var(--function-accent-500);--accent-solid-weak: var(--function-accent-400);--accent-on-solid-strong: var(--static-white);--accent-on-solid-weak: var(--function-accent-1000);--accent-border-strong: var(--function-accent-800);--accent-border-medium: var(--function-accent-900);--accent-border-weak: var(--function-accent-1000);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-10);--neutral-background-strong: var(--function-neutral-800);--neutral-background-medium: var(--function-neutral-1000);--neutral-background-weak: var(--static-white);--neutral-on-background-strong: var(--function-neutral-100);--neutral-on-background-medium: var(--function-neutral-400);--neutral-on-background-weak: var(--function-neutral-500);--neutral-solid-strong: var(--function-neutral-600);--neutral-solid-medium: var(--function-neutral-500);--neutral-solid-weak: var(--function-neutral-400);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-weak: var(--function-neutral-1000);--neutral-border-strong: var(--function-neutral-800);--neutral-border-medium: var(--function-neutral-900);--neutral-border-weak: var(--function-neutral-1000);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-10);--info-background-strong: var(--function-info-800);--info-background-medium: var(--function-info-1000);--info-background-weak: var(--static-white);--info-on-background-strong: var(--function-info-100);--info-on-background-medium: var(--function-info-400);--info-on-background-weak: var(--function-info-500);--info-solid-strong: var(--function-info-600);--info-solid-medium: var(--function-info-500);--info-solid-weak: var(--function-info-400);--info-on-solid-strong: var(--static-white);--info-on-solid-weak: var(--function-info-1000);--info-border-strong: var(--function-info-800);--info-border-medium: var(--function-info-900);--info-border-weak: var(--function-info-1000);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-10);--warning-background-strong: var(--function-warning-800);--warning-background-medium: var(--function-warning-1000);--warning-background-weak: var(--static-white);--warning-on-background-strong: var(--function-warning-100);--warning-on-background-medium: var(--function-warning-400);--warning-on-background-weak: var(--function-warning-500);--warning-solid-strong: var(--function-warning-600);--warning-solid-medium: var(--function-warning-500);--warning-solid-weak: var(--function-warning-400);--warning-on-solid-strong: var(--static-white);--warning-on-solid-weak: var(--function-warning-1000);--warning-border-strong: var(--function-warning-800);--warning-border-medium: var(--function-warning-900);--warning-border-weak: var(--function-warning-1000);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-10);--danger-background-strong: var(--function-danger-800);--danger-background-medium: var(--function-danger-1000);--danger-background-weak: var(--static-white);--danger-on-background-strong: var(--function-danger-100);--danger-on-background-medium: var(--function-danger-400);--danger-on-background-weak: var(--function-danger-500);--danger-solid-strong: var(--function-danger-600);--danger-solid-medium: var(--function-danger-500);--danger-solid-weak: var(--function-danger-400);--danger-on-solid-strong: var(--static-white);--danger-on-solid-weak: var(--function-danger-1000);--danger-border-strong: var(--function-danger-800);--danger-border-medium: var(--function-danger-900);--danger-border-weak: var(--function-danger-1000);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-10);--success-background-strong: var(--function-success-800);--success-background-medium: var(--function-success-1000);--success-background-weak: var(--static-white);--success-on-background-strong: var(--function-success-100);--success-on-background-medium: var(--function-success-400);--success-on-background-weak: var(--function-success-500);--success-solid-strong: var(--function-success-600);--success-solid-medium: var(--function-success-500);--success-solid-weak: var(--function-success-400);--success-on-solid-strong: var(--static-white);--success-on-solid-weak: var(--function-success-1000);--success-border-strong: var(--function-success-800);--success-border-medium: var(--function-success-900);--success-border-weak: var(--function-success-1000);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-10)}[data-theme=light] .dark-flex{display:none}[data-theme=light] .dark-grid{display:none}[data-theme=light] .light-flex{display:flex}[data-theme=light] .light-grid{display:grid}[data-solid-style=plastic]{--solid-inset-distance: -1rem;--solid-inset-size: 1rem;--solid-border-width: 1px}[data-transition=all],[data-transition=micro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-micro-short: 0.1s;--transition-duration-micro-medium: 0.2s;--transition-duration-micro-long: 0.4s;--transition-micro-short: var(--transition-property-all) var(--transition-duration-micro-short) var(--transition-eased);--transition-micro-medium: var(--transition-property-all) var(--transition-duration-micro-medium) var(--transition-eased);--transition-micro-long: var(--transition-property-all) var(--transition-duration-micro-long) var(--transition-eased)}[data-transition=all],[data-transition=macro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-macro-short: 0.15s;--transition-duration-macro-medium: 0.3s;--transition-duration-macro-long: 0.6s;--transition-macro-short: var(--transition-property-all) var(--transition-duration-macro-short) var(--transition-eased);--transition-macro-medium: var(--transition-property-all) var(--transition-duration-macro-medium) var(--transition-eased);--transition-macro-long: var(--transition-property-all) var(--transition-duration-macro-long) var(--transition-eased)}[data-surface=translucent]{--backdrop-filter: blur(1rem)}[data-surface=translucent][data-theme=light],[data-surface=translucent] [data-theme=light]{--surface-background: var(--static-white-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=translucent][data-theme=dark],[data-surface=translucent] [data-theme=dark]{--surface-background: var(--static-black-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=filled][data-theme=light],[data-surface=filled] [data-theme=light]{--surface-background: var(--neutral-background-weak);--surface-border: var(--neutral-border-medium)}[data-surface=filled][data-theme=dark],[data-surface=filled] [data-theme=dark]{--surface-background: var(--neutral-background-medium);--surface-border: var(--static-transparent)}[data-theme=dark][data-solid=color],[data-theme=dark] [data-solid=color]{--brand-solid-strong: var(--function-brand-500);--brand-solid-medium: var(--function-brand-400);--brand-solid-weak: var(--function-brand-300);--brand-on-solid-strong: var(--static-white);--brand-on-solid-weak: var(--function-brand-900)}[data-theme=dark][data-solid=contrast],[data-theme=dark] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-1000);--brand-solid-medium: var(--static-white);--brand-solid-weak: var(--function-neutral-900);--brand-on-solid-strong: var(--static-black);--brand-on-solid-weak: var(--function-neutral-200)}[data-theme=dark][data-solid=inverse],[data-theme=dark] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-800);--brand-solid-medium: var(--function-brand-700);--brand-solid-weak: var(--function-brand-600);--brand-on-solid-strong: var(--static-black);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=light][data-solid=color],[data-theme=light] [data-solid=color]{--brand-solid-strong: var(--function-brand-600);--brand-solid-medium: var(--function-brand-500);--brand-solid-weak: var(--function-brand-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-weak: var(--function-brand-1000)}[data-theme=light][data-solid=contrast],[data-theme=light] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-300);--brand-solid-medium: var(--static-black);--brand-solid-weak: var(--function-neutral-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-weak: var(--function-neutral-1000)}[data-solid=color]{--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=contrast]{--solid-border-color-brand: var(--neutral-alpha-strong);--solid-inset-color-brand: var(--static-transparent);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=inverse]{--solid-border-color-brand: var(--brand-alpha-strong);--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-theme=light][data-solid=inverse],[data-theme=light] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-900);--brand-solid-medium: var(--function-brand-800);--brand-solid-weak: var(--function-brand-700);--brand-on-solid-strong: var(--static-black);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=dark]{--data-blue: var(--scheme-blue-400);--data-aqua: var(--scheme-aqua-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-yellow: var(--scheme-yellow-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-moss: var(--scheme-moss-400);--data-green: var(--scheme-green-400);--data-emerald: var(--scheme-emerald-400);--data-cyan: var(--scheme-cyan-400);--data-violet: var(--scheme-violet-400);--data-indigo: var(--scheme-indigo-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=divergent]{--data-blue: var(--scheme-red-400);--data-aqua: var(--scheme-red-500);--data-magenta: var(--scheme-orange-500);--data-pink: var(--scheme-orange-600);--data-yellow: var(--scheme-yellow-700);--data-orange: var(--scheme-yellow-800);--data-red: var(--scheme-yellow-900);--data-moss: var(--scheme-moss-1000);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-300);--data-magenta: var(--function-brand-400);--data-pink: var(--function-brand-500);--data-yellow: var(--function-brand-600);--data-orange: var(--function-brand-700);--data-red: var(--function-brand-800);--data-moss: var(--function-brand-900);--data-green: var(--function-brand-1000);--data-emerald: var(--function-brand-1100);--data-cyan: var(--function-brand-1200);--data-violet: var(--function-brand-1200);--data-indigo: var(--function-brand-1200);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=light]{--data-blue: var(--scheme-blue-400);--data-indigo: var(--scheme-indigo-400);--data-green: var(--scheme-green-400);--data-aqua: var(--scheme-aqua-400);--data-violet: var(--scheme-violet-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-cyan: var(--scheme-cyan-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-moss: var(--scheme-moss-400);--data-emerald: var(--scheme-emerald-400);--data-yellow: var(--scheme-yellow-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=divergent]{--data-blue: var(--scheme-red-300);--data-aqua: var(--scheme-red-400);--data-magenta: var(--scheme-orange-400);--data-pink: var(--scheme-orange-500);--data-yellow: var(--scheme-yellow-500);--data-orange: var(--scheme-yellow-600);--data-red: var(--scheme-yellow-700);--data-moss: var(--scheme-moss-800);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-200);--data-magenta: var(--function-brand-200);--data-pink: var(--function-brand-300);--data-yellow: var(--function-brand-400);--data-orange: var(--function-brand-500);--data-red: var(--function-brand-600);--data-moss: var(--function-brand-700);--data-green: var(--function-brand-800);--data-emerald: var(--function-brand-900);--data-cyan: var(--function-brand-1000);--data-violet: var(--function-brand-1100);--data-indigo: var(--function-brand-1100);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}/*# sourceMappingURL=tokens.css.map */
|
|
1
|
+
:root{--static-transparent: #00000000;--static-white: #ffffff;--static-white-medium: #ffffff4D;--static-black: #000000;--static-black-medium: #0000004D;--scheme-sand-100: #0D0A00;--scheme-sand-200: #1B1608;--scheme-sand-300: #443F30;--scheme-sand-400: #5E594C;--scheme-sand-500: #797465;--scheme-sand-600: #999486;--scheme-sand-700: #B7B2A4;--scheme-sand-800: #D7D2C4;--scheme-sand-900: #E5E0D2;--scheme-sand-1000: #F2EDDF;--scheme-sand-1100: #F8F3E5;--scheme-sand-1200: #FDF9EE;--scheme-sand-600-15: #99948626;--scheme-sand-600-30: #9994864D;--scheme-sand-600-50: #99948680;--scheme-gray-100: #0A0A0A;--scheme-gray-200: #151515;--scheme-gray-300: #3F3F3F;--scheme-gray-400: #595959;--scheme-gray-500: #757575;--scheme-gray-600: #959595;--scheme-gray-700: #B2B2B2;--scheme-gray-800: #D2D2D2;--scheme-gray-900: #E0E0E0;--scheme-gray-1000: #EDEDED;--scheme-gray-1100: #F3F3F3;--scheme-gray-1200: #F9F9F9;--scheme-gray-600-15: #95959526;--scheme-gray-600-30: #9595954D;--scheme-gray-600-50: #95959580;--scheme-slate-100: #040816;--scheme-slate-200: #0F152B;--scheme-slate-300: #393F55;--scheme-slate-400: #52586F;--scheme-slate-500: #6D748A;--scheme-slate-600: #8E94AA;--scheme-slate-700: #ACB2C8;--scheme-slate-800: #CCD2E8;--scheme-slate-900: #DAE0F6;--scheme-slate-1000: #E9EDFE;--scheme-slate-1100: #F1F3FD;--scheme-slate-1200: #F8F9FD;--scheme-slate-600-15: #8E94AA26;--scheme-slate-600-30: #8E94AA4D;--scheme-slate-600-50: #8E94AA80;--scheme-red-100: #130507;--scheme-red-200: #2A0A10;--scheme-red-300: #830711;--scheme-red-400: #B6020C;--scheme-red-500: #E90507;--scheme-red-600: #FF5F53;--scheme-red-700: #FF9689;--scheme-red-800: #FDC6BD;--scheme-red-900: #FDD8D2;--scheme-red-1000: #FDEAE6;--scheme-red-1100: #FCF1EF;--scheme-red-1200: #FDF9F8;--scheme-red-600-15: #FF5F5326;--scheme-red-600-30: #FF5F534D;--scheme-red-600-50: #FF5F5380;--scheme-orange-100: #120605;--scheme-orange-200: #270D0A;--scheme-orange-300: #7C1A06;--scheme-orange-400: #AC2401;--scheme-orange-500: #DB3400;--scheme-orange-600: #FD6325;--scheme-orange-700: #FF9964;--scheme-orange-800: #FEC8A4;--scheme-orange-900: #FDDAC2;--scheme-orange-1000: #FDEADD;--scheme-orange-1100: #FCF2E9;--scheme-orange-1200: #FCF9F5;--scheme-orange-600-15: #FD632526;--scheme-orange-600-30: #FD63254D;--scheme-orange-600-50: #FD632580;--scheme-yellow-100: #100704;--scheme-yellow-200: #231009;--scheme-yellow-300: #6B2D09;--scheme-yellow-400: #924205;--scheme-yellow-500: #B85B02;--scheme-yellow-600: #E07B00;--scheme-yellow-700: #FE9C0B;--scheme-yellow-800: #FECC55;--scheme-yellow-900: #FEDE79;--scheme-yellow-1000: #FCEEA7;--scheme-yellow-1100: #FBF5CB;--scheme-yellow-1200: #FBFAEB;--scheme-yellow-600-15: #E07B0026;--scheme-yellow-600-30: #E07B004D;--scheme-yellow-600-50: #E07B0080;--scheme-moss-100: #080B04;--scheme-moss-200: #111707;--scheme-moss-300: #2F460C;--scheme-moss-400: #3C630A;--scheme-moss-500: #478309;--scheme-moss-600: #4FA900;--scheme-moss-700: #54CC01;--scheme-moss-800: #76ED53;--scheme-moss-900: #98F789;--scheme-moss-1000: #C0FDBB;--scheme-moss-1100: #DAFDD7;--scheme-moss-1200: #F0FDEF;--scheme-moss-600-15: #4FA90026;--scheme-moss-600-30: #4FA9004D;--scheme-moss-600-50: #4FA90080;--scheme-green-100: #040B07;--scheme-green-200: #081810;--scheme-green-300: #0D4929;--scheme-green-400: #0C6731;--scheme-green-500: #0A8637;--scheme-green-600: #08AC3A;--scheme-green-700: #01CF38;--scheme-green-800: #5FEF61;--scheme-green-900: #91F88C;--scheme-green-1000: #C0FDBB;--scheme-green-1100: #DAFDD7;--scheme-green-1200: #F0FDEF;--scheme-green-600-15: #08AC3A26;--scheme-green-600-30: #08AC3A4D;--scheme-green-600-50: #08AC3A80;--scheme-emerald-100: #040B0A;--scheme-emerald-200: #081816;--scheme-emerald-300: #0D483C;--scheme-emerald-400: #0C6551;--scheme-emerald-500: #0A8466;--scheme-emerald-600: #08A97C;--scheme-emerald-700: #01CB90;--scheme-emerald-800: #56ECAD;--scheme-emerald-900: #84F6C3;--scheme-emerald-1000: #B4FDDA;--scheme-emerald-1100: #D7FCEA;--scheme-emerald-1200: #EEFDF5;--scheme-emerald-600-15: #08A97C26;--scheme-emerald-600-30: #08A97C4D;--scheme-emerald-600-50: #08A97C80;--scheme-aqua-100: #050B0D;--scheme-aqua-200: #081719;--scheme-aqua-300: #0C464B;--scheme-aqua-400: #0C6367;--scheme-aqua-500: #0B8184;--scheme-aqua-600: #08A6A5;--scheme-aqua-700: #01C7C3;--scheme-aqua-800: #4DE9DC;--scheme-aqua-900: #78F6E4;--scheme-aqua-1000: #B0FCEE;--scheme-aqua-1100: #D3FCF3;--scheme-aqua-1200: #ECFDF9;--scheme-aqua-600-15: #08A6A526;--scheme-aqua-600-30: #08A6A54D;--scheme-aqua-600-50: #08A6A580;--scheme-cyan-100: #050911;--scheme-cyan-200: #0A1525;--scheme-cyan-300: #094074;--scheme-cyan-400: #045B9C;--scheme-cyan-500: #0279BE;--scheme-cyan-600: #049EE2;--scheme-cyan-700: #17C0FD;--scheme-cyan-800: #60E4FC;--scheme-cyan-900: #82F1FC;--scheme-cyan-1000: #B3FAFC;--scheme-cyan-1100: #D4FBFC;--scheme-cyan-1200: #EFFCFD;--scheme-cyan-600-15: #049EE226;--scheme-cyan-600-30: #049EE24D;--scheme-cyan-600-50: #049EE280;--scheme-blue-100: #0A071B;--scheme-blue-200: #0D0B44;--scheme-blue-300: #0019CB;--scheme-blue-400: #033CF8;--scheme-blue-500: #2D69FA;--scheme-blue-600: #5A93FC;--scheme-blue-700: #84B5FD;--scheme-blue-800: #B4D6FB;--scheme-blue-900: #CBE3FB;--scheme-blue-1000: #E0EFFC;--scheme-blue-1100: #EBF5FC;--scheme-blue-1200: #F6FAFD;--scheme-blue-600-15: #5A93FC26;--scheme-blue-600-30: #5A93FC4D;--scheme-blue-600-50: #5A93FC80;--scheme-indigo-100: #0E0718;--scheme-indigo-200: #1C0B35;--scheme-indigo-300: #3D01C5;--scheme-indigo-400: #5625F7;--scheme-indigo-500: #7358FA;--scheme-indigo-600: #9585FA;--scheme-indigo-700: #B3A9FD;--scheme-indigo-800: #D2CEFB;--scheme-indigo-900: #E0DEFA;--scheme-indigo-1000: #EDEDFB;--scheme-indigo-1100: #F3F2FC;--scheme-indigo-1200: #F9F9FD;--scheme-indigo-600-15: #9585FA26;--scheme-indigo-600-30: #9585FA4D;--scheme-indigo-600-50: #9585FA80;--scheme-violet-100: #0E0512;--scheme-violet-200: #210B2B;--scheme-violet-300: #60099B;--scheme-violet-400: #7D04E4;--scheme-violet-500: #9745F7;--scheme-violet-600: #B07AFA;--scheme-violet-700: #C7A2FD;--scheme-violet-800: #DDCBFB;--scheme-violet-900: #E6DCFB;--scheme-violet-1000: #F0EBFC;--scheme-violet-1100: #F5F3FC;--scheme-violet-1200: #FAF8FD;--scheme-violet-600-15: #B07AFA26;--scheme-violet-600-30: #B07AFA4D;--scheme-violet-600-50: #B07AFA80;--scheme-magenta-100: #100511;--scheme-magenta-200: #250A26;--scheme-magenta-300: #70077B;--scheme-magenta-400: #9902B3;--scheme-magenta-500: #BD1DE8;--scheme-magenta-600: #D166FA;--scheme-magenta-700: #DC98FD;--scheme-magenta-800: #E8C7FB;--scheme-magenta-900: #EFD9FB;--scheme-magenta-1000: #F5E9FC;--scheme-magenta-1100: #F8F1FC;--scheme-magenta-1200: #FBF8FD;--scheme-magenta-600-15: #D166FA26;--scheme-magenta-600-30: #D166FA4D;--scheme-magenta-600-50: #D166FA80;--scheme-pink-100: #12050B;--scheme-pink-200: #280A1A;--scheme-pink-300: #7D074A;--scheme-pink-400: #AE0169;--scheme-pink-500: #DE028E;--scheme-pink-600: #F854BE;--scheme-pink-700: #FD8BE4;--scheme-pink-800: #FCC0F1;--scheme-pink-900: #FCD5F5;--scheme-pink-1000: #FCE7F9;--scheme-pink-1100: #FCF0FA;--scheme-pink-1200: #FDF8FC;--scheme-pink-600-15: #F854BE26;--scheme-pink-600-30: #F854BE4D;--scheme-pink-600-50: #F854BE80}:root{--function-info-100: var(--scheme-gray-100);--function-info-200: var(--scheme-gray-200);--function-info-300: var(--scheme-gray-300);--function-info-400: var(--scheme-gray-400);--function-info-500: var(--scheme-gray-500);--function-info-600: var(--scheme-gray-600);--function-info-700: var(--scheme-gray-700);--function-info-800: var(--scheme-gray-800);--function-info-900: var(--scheme-gray-900);--function-info-1000: var(--scheme-gray-1000);--function-info-1100: var(--scheme-gray-1100);--function-info-1200: var(--scheme-gray-1200);--function-info-600-15: var(--scheme-gray-600-15);--function-info-600-30: var(--scheme-gray-600-30);--function-info-600-50: var(--scheme-gray-600-50);--function-warning-100: var(--scheme-yellow-100);--function-warning-200: var(--scheme-yellow-200);--function-warning-300: var(--scheme-yellow-300);--function-warning-400: var(--scheme-yellow-400);--function-warning-500: var(--scheme-yellow-500);--function-warning-600: var(--scheme-yellow-600);--function-warning-700: var(--scheme-yellow-700);--function-warning-800: var(--scheme-yellow-800);--function-warning-900: var(--scheme-yellow-900);--function-warning-1000: var(--scheme-yellow-1000);--function-warning-1100: var(--scheme-yellow-1100);--function-warning-1200: var(--scheme-yellow-1200);--function-warning-600-15: var(--scheme-yellow-600-15);--function-warning-600-30: var(--scheme-yellow-600-30);--function-warning-600-50: var(--scheme-yellow-600-50);--function-danger-100: var(--scheme-red-100);--function-danger-200: var(--scheme-red-200);--function-danger-300: var(--scheme-red-300);--function-danger-400: var(--scheme-red-400);--function-danger-500: var(--scheme-red-500);--function-danger-600: var(--scheme-red-600);--function-danger-700: var(--scheme-red-700);--function-danger-800: var(--scheme-red-800);--function-danger-900: var(--scheme-red-900);--function-danger-1000: var(--scheme-red-1000);--function-danger-1100: var(--scheme-red-1100);--function-danger-1200: var(--scheme-red-1200);--function-danger-600-15: var(--scheme-red-600-15);--function-danger-600-30: var(--scheme-red-600-30);--function-danger-600-50: var(--scheme-red-600-50);--function-success-100: var(--scheme-green-100);--function-success-200: var(--scheme-green-200);--function-success-300: var(--scheme-green-300);--function-success-400: var(--scheme-green-400);--function-success-500: var(--scheme-green-500);--function-success-600: var(--scheme-green-600);--function-success-700: var(--scheme-green-700);--function-success-800: var(--scheme-green-800);--function-success-900: var(--scheme-green-900);--function-success-1000: var(--scheme-green-1000);--function-success-1100: var(--scheme-green-1100);--function-success-1200: var(--scheme-green-1200);--function-success-600-15: var(--scheme-green-600-15);--function-success-600-30: var(--scheme-green-600-30);--function-success-600-50: var(--scheme-green-600-50)}[data-brand=custom]{--function-brand-100: var(--scheme-brand-100);--function-brand-200: var(--scheme-brand-200);--function-brand-300: var(--scheme-brand-300);--function-brand-400: var(--scheme-brand-400);--function-brand-500: var(--scheme-brand-500);--function-brand-600: var(--scheme-brand-600);--function-brand-700: var(--scheme-brand-700);--function-brand-800: var(--scheme-brand-800);--function-brand-900: var(--scheme-brand-900);--function-brand-1000: var(--scheme-brand-1000);--function-brand-1100: var(--scheme-brand-1100);--function-brand-1200: var(--scheme-brand-1200);--function-brand-600-15: var(--scheme-brand-600-15);--function-brand-600-30: var(--scheme-brand-600-30);--function-brand-600-50: var(--scheme-brand-600-50)}[data-brand=red]{--function-brand-100: var(--scheme-red-100);--function-brand-200: var(--scheme-red-200);--function-brand-300: var(--scheme-red-300);--function-brand-400: var(--scheme-red-400);--function-brand-500: var(--scheme-red-500);--function-brand-600: var(--scheme-red-600);--function-brand-700: var(--scheme-red-700);--function-brand-800: var(--scheme-red-800);--function-brand-900: var(--scheme-red-900);--function-brand-1000: var(--scheme-red-1000);--function-brand-1100: var(--scheme-red-1100);--function-brand-1200: var(--scheme-red-1200);--function-brand-600-15: var(--scheme-red-600-15);--function-brand-600-30: var(--scheme-red-600-30);--function-brand-600-50: var(--scheme-red-600-50)}[data-brand=orange]{--function-brand-100: var(--scheme-orange-100);--function-brand-200: var(--scheme-orange-200);--function-brand-300: var(--scheme-orange-300);--function-brand-400: var(--scheme-orange-400);--function-brand-500: var(--scheme-orange-500);--function-brand-600: var(--scheme-orange-600);--function-brand-700: var(--scheme-orange-700);--function-brand-800: var(--scheme-orange-800);--function-brand-900: var(--scheme-orange-900);--function-brand-1000: var(--scheme-orange-1000);--function-brand-1100: var(--scheme-orange-1100);--function-brand-1200: var(--scheme-orange-1200);--function-brand-600-15: var(--scheme-orange-600-15);--function-brand-600-30: var(--scheme-orange-600-30);--function-brand-600-50: var(--scheme-orange-600-50)}[data-brand=yellow]{--function-brand-100: var(--scheme-yellow-100);--function-brand-200: var(--scheme-yellow-200);--function-brand-300: var(--scheme-yellow-300);--function-brand-400: var(--scheme-yellow-400);--function-brand-500: var(--scheme-yellow-500);--function-brand-600: var(--scheme-yellow-600);--function-brand-700: var(--scheme-yellow-700);--function-brand-800: var(--scheme-yellow-800);--function-brand-900: var(--scheme-yellow-900);--function-brand-1000: var(--scheme-yellow-1000);--function-brand-1100: var(--scheme-yellow-1100);--function-brand-1200: var(--scheme-yellow-1200);--function-brand-600-15: var(--scheme-yellow-600-15);--function-brand-600-30: var(--scheme-yellow-600-30);--function-brand-600-50: var(--scheme-yellow-600-50)}[data-brand=moss]{--function-brand-100: var(--scheme-moss-100);--function-brand-200: var(--scheme-moss-200);--function-brand-300: var(--scheme-moss-300);--function-brand-400: var(--scheme-moss-400);--function-brand-500: var(--scheme-moss-500);--function-brand-600: var(--scheme-moss-600);--function-brand-700: var(--scheme-moss-700);--function-brand-800: var(--scheme-moss-800);--function-brand-900: var(--scheme-moss-900);--function-brand-1000: var(--scheme-moss-1000);--function-brand-1100: var(--scheme-moss-1100);--function-brand-1200: var(--scheme-moss-1200);--function-brand-600-15: var(--scheme-moss-600-15);--function-brand-600-30: var(--scheme-moss-600-30);--function-brand-600-50: var(--scheme-moss-600-50)}[data-brand=green]{--function-brand-100: var(--scheme-green-100);--function-brand-200: var(--scheme-green-200);--function-brand-300: var(--scheme-green-300);--function-brand-400: var(--scheme-green-400);--function-brand-500: var(--scheme-green-500);--function-brand-600: var(--scheme-green-600);--function-brand-700: var(--scheme-green-700);--function-brand-800: var(--scheme-green-800);--function-brand-900: var(--scheme-green-900);--function-brand-1000: var(--scheme-green-1000);--function-brand-1100: var(--scheme-green-1100);--function-brand-1200: var(--scheme-green-1200);--function-brand-600-15: var(--scheme-green-600-15);--function-brand-600-30: var(--scheme-green-600-30);--function-brand-600-50: var(--scheme-green-600-50)}[data-brand=emerald]{--function-brand-100: var(--scheme-emerald-100);--function-brand-200: var(--scheme-emerald-200);--function-brand-300: var(--scheme-emerald-300);--function-brand-400: var(--scheme-emerald-400);--function-brand-500: var(--scheme-emerald-500);--function-brand-600: var(--scheme-emerald-600);--function-brand-700: var(--scheme-emerald-700);--function-brand-800: var(--scheme-emerald-800);--function-brand-900: var(--scheme-emerald-900);--function-brand-1000: var(--scheme-emerald-1000);--function-brand-1100: var(--scheme-emerald-1100);--function-brand-1200: var(--scheme-emerald-1200);--function-brand-600-15: var(--scheme-emerald-600-15);--function-brand-600-30: var(--scheme-emerald-600-30);--function-brand-600-50: var(--scheme-emerald-600-50)}[data-brand=aqua]{--function-brand-100: var(--scheme-aqua-100);--function-brand-200: var(--scheme-aqua-200);--function-brand-300: var(--scheme-aqua-300);--function-brand-400: var(--scheme-aqua-400);--function-brand-500: var(--scheme-aqua-500);--function-brand-600: var(--scheme-aqua-600);--function-brand-700: var(--scheme-aqua-700);--function-brand-800: var(--scheme-aqua-800);--function-brand-900: var(--scheme-aqua-900);--function-brand-1000: var(--scheme-aqua-1000);--function-brand-1100: var(--scheme-aqua-1100);--function-brand-1200: var(--scheme-aqua-1200);--function-brand-600-15: var(--scheme-aqua-600-15);--function-brand-600-30: var(--scheme-aqua-600-30);--function-brand-600-50: var(--scheme-aqua-600-50)}[data-brand=cyan]{--function-brand-100: var(--scheme-cyan-100);--function-brand-200: var(--scheme-cyan-200);--function-brand-300: var(--scheme-cyan-300);--function-brand-400: var(--scheme-cyan-400);--function-brand-500: var(--scheme-cyan-500);--function-brand-600: var(--scheme-cyan-600);--function-brand-700: var(--scheme-cyan-700);--function-brand-800: var(--scheme-cyan-800);--function-brand-900: var(--scheme-cyan-900);--function-brand-1000: var(--scheme-cyan-1000);--function-brand-1100: var(--scheme-cyan-1100);--function-brand-1200: var(--scheme-cyan-1200);--function-brand-600-15: var(--scheme-cyan-600-15);--function-brand-600-30: var(--scheme-cyan-600-30);--function-brand-600-50: var(--scheme-cyan-600-50)}[data-brand=blue]{--function-brand-100: var(--scheme-blue-100);--function-brand-200: var(--scheme-blue-200);--function-brand-300: var(--scheme-blue-300);--function-brand-400: var(--scheme-blue-400);--function-brand-500: var(--scheme-blue-500);--function-brand-600: var(--scheme-blue-600);--function-brand-700: var(--scheme-blue-700);--function-brand-800: var(--scheme-blue-800);--function-brand-900: var(--scheme-blue-900);--function-brand-1000: var(--scheme-blue-1000);--function-brand-1100: var(--scheme-blue-1100);--function-brand-1200: var(--scheme-blue-1200);--function-brand-600-15: var(--scheme-blue-600-15);--function-brand-600-30: var(--scheme-blue-600-30);--function-brand-600-50: var(--scheme-blue-600-50)}[data-brand=indigo]{--function-brand-100: var(--scheme-indigo-100);--function-brand-200: var(--scheme-indigo-200);--function-brand-300: var(--scheme-indigo-300);--function-brand-400: var(--scheme-indigo-400);--function-brand-500: var(--scheme-indigo-500);--function-brand-600: var(--scheme-indigo-600);--function-brand-700: var(--scheme-indigo-700);--function-brand-800: var(--scheme-indigo-800);--function-brand-900: var(--scheme-indigo-900);--function-brand-1000: var(--scheme-indigo-1000);--function-brand-1100: var(--scheme-indigo-1100);--function-brand-1200: var(--scheme-indigo-1200);--function-brand-600-15: var(--scheme-indigo-600-15);--function-brand-600-30: var(--scheme-indigo-600-30);--function-brand-600-50: var(--scheme-indigo-600-50)}[data-brand=violet]{--function-brand-100: var(--scheme-violet-100);--function-brand-200: var(--scheme-violet-200);--function-brand-300: var(--scheme-violet-300);--function-brand-400: var(--scheme-violet-400);--function-brand-500: var(--scheme-violet-500);--function-brand-600: var(--scheme-violet-600);--function-brand-700: var(--scheme-violet-700);--function-brand-800: var(--scheme-violet-800);--function-brand-900: var(--scheme-violet-900);--function-brand-1000: var(--scheme-violet-1000);--function-brand-1100: var(--scheme-violet-1100);--function-brand-1200: var(--scheme-violet-1200);--function-brand-600-15: var(--scheme-violet-600-15);--function-brand-600-30: var(--scheme-violet-600-30);--function-brand-600-50: var(--scheme-violet-600-50)}[data-brand=magenta]{--function-brand-100: var(--scheme-magenta-100);--function-brand-200: var(--scheme-magenta-200);--function-brand-300: var(--scheme-magenta-300);--function-brand-400: var(--scheme-magenta-400);--function-brand-500: var(--scheme-magenta-500);--function-brand-600: var(--scheme-magenta-600);--function-brand-700: var(--scheme-magenta-700);--function-brand-800: var(--scheme-magenta-800);--function-brand-900: var(--scheme-magenta-900);--function-brand-1000: var(--scheme-magenta-1000);--function-brand-1100: var(--scheme-magenta-1100);--function-brand-1200: var(--scheme-magenta-1200);--function-brand-600-15: var(--scheme-magenta-600-15);--function-brand-600-30: var(--scheme-magenta-600-30);--function-brand-600-50: var(--scheme-magenta-600-50)}[data-brand=pink]{--function-brand-100: var(--scheme-pink-100);--function-brand-200: var(--scheme-pink-200);--function-brand-300: var(--scheme-pink-300);--function-brand-400: var(--scheme-pink-400);--function-brand-500: var(--scheme-pink-500);--function-brand-600: var(--scheme-pink-600);--function-brand-700: var(--scheme-pink-700);--function-brand-800: var(--scheme-pink-800);--function-brand-900: var(--scheme-pink-900);--function-brand-1000: var(--scheme-pink-1000);--function-brand-1100: var(--scheme-pink-1100);--function-brand-1200: var(--scheme-pink-1200);--function-brand-600-15: var(--scheme-pink-600-15);--function-brand-600-30: var(--scheme-pink-600-30);--function-brand-600-50: var(--scheme-pink-600-50)}[data-accent=custom]{--function-accent-100: var(--scheme-accent-100);--function-accent-200: var(--scheme-accent-200);--function-accent-300: var(--scheme-accent-300);--function-accent-400: var(--scheme-accent-400);--function-accent-500: var(--scheme-accent-500);--function-accent-600: var(--scheme-accent-600);--function-accent-700: var(--scheme-accent-700);--function-accent-800: var(--scheme-accent-800);--function-accent-900: var(--scheme-accent-900);--function-accent-1000: var(--scheme-accent-1000);--function-accent-1100: var(--scheme-accent-1100);--function-accent-1200: var(--scheme-accent-1200);--function-accent-600-15: var(--scheme-accent-600-15);--function-accent-600-30: var(--scheme-accent-600-30);--function-accent-600-50: var(--scheme-accent-600-50)}[data-accent=red]{--function-accent-100: var(--scheme-red-100);--function-accent-200: var(--scheme-red-200);--function-accent-300: var(--scheme-red-300);--function-accent-400: var(--scheme-red-400);--function-accent-500: var(--scheme-red-500);--function-accent-600: var(--scheme-red-600);--function-accent-700: var(--scheme-red-700);--function-accent-800: var(--scheme-red-800);--function-accent-900: var(--scheme-red-900);--function-accent-1000: var(--scheme-red-1000);--function-accent-1100: var(--scheme-red-1100);--function-accent-1200: var(--scheme-red-1200);--function-accent-600-15: var(--scheme-red-600-15);--function-accent-600-30: var(--scheme-red-600-30);--function-accent-600-50: var(--scheme-red-600-50)}[data-accent=orange]{--function-accent-100: var(--scheme-orange-100);--function-accent-200: var(--scheme-orange-200);--function-accent-300: var(--scheme-orange-300);--function-accent-400: var(--scheme-orange-400);--function-accent-500: var(--scheme-orange-500);--function-accent-600: var(--scheme-orange-600);--function-accent-700: var(--scheme-orange-700);--function-accent-800: var(--scheme-orange-800);--function-accent-900: var(--scheme-orange-900);--function-accent-1000: var(--scheme-orange-1000);--function-accent-1100: var(--scheme-orange-1100);--function-accent-1200: var(--scheme-orange-1200);--function-accent-600-15: var(--scheme-orange-600-15);--function-accent-600-30: var(--scheme-orange-600-30);--function-accent-600-50: var(--scheme-orange-600-50)}[data-accent=yellow]{--function-accent-100: var(--scheme-yellow-100);--function-accent-200: var(--scheme-yellow-200);--function-accent-300: var(--scheme-yellow-300);--function-accent-400: var(--scheme-yellow-400);--function-accent-500: var(--scheme-yellow-500);--function-accent-600: var(--scheme-yellow-600);--function-accent-700: var(--scheme-yellow-700);--function-accent-800: var(--scheme-yellow-800);--function-accent-900: var(--scheme-yellow-900);--function-accent-1000: var(--scheme-yellow-1000);--function-accent-1100: var(--scheme-yellow-1100);--function-accent-1200: var(--scheme-yellow-1200);--function-accent-600-15: var(--scheme-yellow-600-15);--function-accent-600-30: var(--scheme-yellow-600-30);--function-accent-600-50: var(--scheme-yellow-600-50)}[data-accent=moss]{--function-accent-100: var(--scheme-moss-100);--function-accent-200: var(--scheme-moss-200);--function-accent-300: var(--scheme-moss-300);--function-accent-400: var(--scheme-moss-400);--function-accent-500: var(--scheme-moss-500);--function-accent-600: var(--scheme-moss-600);--function-accent-700: var(--scheme-moss-700);--function-accent-800: var(--scheme-moss-800);--function-accent-900: var(--scheme-moss-900);--function-accent-1000: var(--scheme-moss-1000);--function-accent-1100: var(--scheme-moss-1100);--function-accent-1200: var(--scheme-moss-1200);--function-accent-600-15: var(--scheme-moss-600-15);--function-accent-600-30: var(--scheme-moss-600-30);--function-accent-600-50: var(--scheme-moss-600-50)}[data-accent=green]{--function-accent-100: var(--scheme-green-100);--function-accent-200: var(--scheme-green-200);--function-accent-300: var(--scheme-green-300);--function-accent-400: var(--scheme-green-400);--function-accent-500: var(--scheme-green-500);--function-accent-600: var(--scheme-green-600);--function-accent-700: var(--scheme-green-700);--function-accent-800: var(--scheme-green-800);--function-accent-900: var(--scheme-green-900);--function-accent-1000: var(--scheme-green-1000);--function-accent-1100: var(--scheme-green-1100);--function-accent-1200: var(--scheme-green-1200);--function-accent-600-15: var(--scheme-green-600-15);--function-accent-600-30: var(--scheme-green-600-30);--function-accent-600-50: var(--scheme-green-600-50)}[data-accent=emerald]{--function-accent-100: var(--scheme-emerald-100);--function-accent-200: var(--scheme-emerald-200);--function-accent-300: var(--scheme-emerald-300);--function-accent-400: var(--scheme-emerald-400);--function-accent-500: var(--scheme-emerald-500);--function-accent-600: var(--scheme-emerald-600);--function-accent-700: var(--scheme-emerald-700);--function-accent-800: var(--scheme-emerald-800);--function-accent-900: var(--scheme-emerald-900);--function-accent-1000: var(--scheme-emerald-1000);--function-accent-1100: var(--scheme-emerald-1100);--function-accent-1200: var(--scheme-emerald-1200);--function-accent-600-15: var(--scheme-emerald-600-15);--function-accent-600-30: var(--scheme-emerald-600-30);--function-accent-600-50: var(--scheme-emerald-600-50)}[data-accent=aqua]{--function-accent-100: var(--scheme-aqua-100);--function-accent-200: var(--scheme-aqua-200);--function-accent-300: var(--scheme-aqua-300);--function-accent-400: var(--scheme-aqua-400);--function-accent-500: var(--scheme-aqua-500);--function-accent-600: var(--scheme-aqua-600);--function-accent-700: var(--scheme-aqua-700);--function-accent-800: var(--scheme-aqua-800);--function-accent-900: var(--scheme-aqua-900);--function-accent-1000: var(--scheme-aqua-1000);--function-accent-1100: var(--scheme-aqua-1100);--function-accent-1200: var(--scheme-aqua-1200);--function-accent-600-15: var(--scheme-aqua-600-15);--function-accent-600-30: var(--scheme-aqua-600-30);--function-accent-600-50: var(--scheme-aqua-600-50)}[data-accent=cyan]{--function-accent-100: var(--scheme-cyan-100);--function-accent-200: var(--scheme-cyan-200);--function-accent-300: var(--scheme-cyan-300);--function-accent-400: var(--scheme-cyan-400);--function-accent-500: var(--scheme-cyan-500);--function-accent-600: var(--scheme-cyan-600);--function-accent-700: var(--scheme-cyan-700);--function-accent-800: var(--scheme-cyan-800);--function-accent-900: var(--scheme-cyan-900);--function-accent-1000: var(--scheme-cyan-1000);--function-accent-1100: var(--scheme-cyan-1100);--function-accent-1200: var(--scheme-cyan-1200);--function-accent-600-15: var(--scheme-cyan-600-15);--function-accent-600-30: var(--scheme-cyan-600-30);--function-accent-600-50: var(--scheme-cyan-600-50)}[data-accent=blue]{--function-accent-100: var(--scheme-blue-100);--function-accent-200: var(--scheme-blue-200);--function-accent-300: var(--scheme-blue-300);--function-accent-400: var(--scheme-blue-400);--function-accent-500: var(--scheme-blue-500);--function-accent-600: var(--scheme-blue-600);--function-accent-700: var(--scheme-blue-700);--function-accent-800: var(--scheme-blue-800);--function-accent-900: var(--scheme-blue-900);--function-accent-1000: var(--scheme-blue-1000);--function-accent-1100: var(--scheme-blue-1100);--function-accent-1200: var(--scheme-blue-1200);--function-accent-600-15: var(--scheme-blue-600-15);--function-accent-600-30: var(--scheme-blue-600-30);--function-accent-600-50: var(--scheme-blue-600-50)}[data-accent=indigo]{--function-accent-100: var(--scheme-indigo-100);--function-accent-200: var(--scheme-indigo-200);--function-accent-300: var(--scheme-indigo-300);--function-accent-400: var(--scheme-indigo-400);--function-accent-500: var(--scheme-indigo-500);--function-accent-600: var(--scheme-indigo-600);--function-accent-700: var(--scheme-indigo-700);--function-accent-800: var(--scheme-indigo-800);--function-accent-900: var(--scheme-indigo-900);--function-accent-1000: var(--scheme-indigo-1000);--function-accent-1100: var(--scheme-indigo-1100);--function-accent-1200: var(--scheme-indigo-1200);--function-accent-600-15: var(--scheme-indigo-600-15);--function-accent-600-30: var(--scheme-indigo-600-30);--function-accent-600-50: var(--scheme-indigo-600-50)}[data-accent=violet]{--function-accent-100: var(--scheme-violet-100);--function-accent-200: var(--scheme-violet-200);--function-accent-300: var(--scheme-violet-300);--function-accent-400: var(--scheme-violet-400);--function-accent-500: var(--scheme-violet-500);--function-accent-600: var(--scheme-violet-600);--function-accent-700: var(--scheme-violet-700);--function-accent-800: var(--scheme-violet-800);--function-accent-900: var(--scheme-violet-900);--function-accent-1000: var(--scheme-violet-1000);--function-accent-1100: var(--scheme-violet-1100);--function-accent-1200: var(--scheme-violet-1200);--function-accent-600-15: var(--scheme-violet-600-15);--function-accent-600-30: var(--scheme-violet-600-30);--function-accent-600-50: var(--scheme-violet-600-50)}[data-accent=magenta]{--function-accent-100: var(--scheme-magenta-100);--function-accent-200: var(--scheme-magenta-200);--function-accent-300: var(--scheme-magenta-300);--function-accent-400: var(--scheme-magenta-400);--function-accent-500: var(--scheme-magenta-500);--function-accent-600: var(--scheme-magenta-600);--function-accent-700: var(--scheme-magenta-700);--function-accent-800: var(--scheme-magenta-800);--function-accent-900: var(--scheme-magenta-900);--function-accent-1000: var(--scheme-magenta-1000);--function-accent-1100: var(--scheme-magenta-1100);--function-accent-1200: var(--scheme-magenta-1200);--function-accent-600-15: var(--scheme-magenta-600-15);--function-accent-600-30: var(--scheme-magenta-600-30);--function-accent-600-50: var(--scheme-magenta-600-50)}[data-accent=pink]{--function-accent-100: var(--scheme-pink-100);--function-accent-200: var(--scheme-pink-200);--function-accent-300: var(--scheme-pink-300);--function-accent-400: var(--scheme-pink-400);--function-accent-500: var(--scheme-pink-500);--function-accent-600: var(--scheme-pink-600);--function-accent-700: var(--scheme-pink-700);--function-accent-800: var(--scheme-pink-800);--function-accent-900: var(--scheme-pink-900);--function-accent-1000: var(--scheme-pink-1000);--function-accent-1100: var(--scheme-pink-1100);--function-accent-1200: var(--scheme-pink-1200);--function-accent-600-15: var(--scheme-pink-600-15);--function-accent-600-30: var(--scheme-pink-600-30);--function-accent-600-50: var(--scheme-pink-600-50)}[data-neutral=custom]{--function-neutral-100: var(--scheme-neutral-100);--function-neutral-200: var(--scheme-neutral-200);--function-neutral-300: var(--scheme-neutral-300);--function-neutral-400: var(--scheme-neutral-400);--function-neutral-500: var(--scheme-neutral-500);--function-neutral-600: var(--scheme-neutral-600);--function-neutral-700: var(--scheme-neutral-700);--function-neutral-800: var(--scheme-neutral-800);--function-neutral-900: var(--scheme-neutral-900);--function-neutral-1000: var(--scheme-neutral-1000);--function-neutral-1100: var(--scheme-neutral-1100);--function-neutral-1200: var(--scheme-neutral-1200);--function-neutral-600-15: var(--scheme-neutral-600-15);--function-neutral-600-30: var(--scheme-neutral-600-30);--function-neutral-600-50: var(--scheme-neutral-600-50)}[data-neutral=slate]{--function-neutral-100: var(--scheme-slate-100);--function-neutral-200: var(--scheme-slate-200);--function-neutral-300: var(--scheme-slate-300);--function-neutral-400: var(--scheme-slate-400);--function-neutral-500: var(--scheme-slate-500);--function-neutral-600: var(--scheme-slate-600);--function-neutral-700: var(--scheme-slate-700);--function-neutral-800: var(--scheme-slate-800);--function-neutral-900: var(--scheme-slate-900);--function-neutral-1000: var(--scheme-slate-1000);--function-neutral-1100: var(--scheme-slate-1100);--function-neutral-1200: var(--scheme-slate-1200);--function-neutral-600-15: var(--scheme-slate-600-15);--function-neutral-600-30: var(--scheme-slate-600-30);--function-neutral-600-50: var(--scheme-slate-600-50)}[data-neutral=gray]{--function-neutral-100: var(--scheme-gray-100);--function-neutral-200: var(--scheme-gray-200);--function-neutral-300: var(--scheme-gray-300);--function-neutral-400: var(--scheme-gray-400);--function-neutral-500: var(--scheme-gray-500);--function-neutral-600: var(--scheme-gray-600);--function-neutral-700: var(--scheme-gray-700);--function-neutral-800: var(--scheme-gray-800);--function-neutral-900: var(--scheme-gray-900);--function-neutral-1000: var(--scheme-gray-1000);--function-neutral-1100: var(--scheme-gray-1100);--function-neutral-1200: var(--scheme-gray-1200);--function-neutral-600-15: var(--scheme-gray-600-15);--function-neutral-600-30: var(--scheme-gray-600-30);--function-neutral-600-50: var(--scheme-gray-600-50)}[data-neutral=sand]{--function-neutral-100: var(--scheme-sand-100);--function-neutral-200: var(--scheme-sand-200);--function-neutral-300: var(--scheme-sand-300);--function-neutral-400: var(--scheme-sand-400);--function-neutral-500: var(--scheme-sand-500);--function-neutral-600: var(--scheme-sand-600);--function-neutral-700: var(--scheme-sand-700);--function-neutral-800: var(--scheme-sand-800);--function-neutral-900: var(--scheme-sand-900);--function-neutral-1000: var(--scheme-sand-1000);--function-neutral-1100: var(--scheme-sand-1100);--function-neutral-1200: var(--scheme-sand-1200);--function-neutral-600-15: var(--scheme-sand-600-15);--function-neutral-600-30: var(--scheme-sand-600-30);--function-neutral-600-50: var(--scheme-sand-600-50)}:root{--static-space-0: 0;--static-space-1: 1px;--static-space-2: 0.125rem;--static-space-4: 0.25rem;--static-space-8: 0.5rem;--static-space-12: 0.75rem;--static-space-16: 1rem;--static-space-20: 1.25rem;--static-space-24: 1.5rem;--static-space-32: 2rem;--static-space-40: 2.5rem;--static-space-48: 3rem;--static-space-56: 3.5rem;--static-space-64: 4rem;--static-space-80: 5rem;--static-space-104: 6.5rem;--static-space-128: 8rem;--static-space-160: 10rem;--static-width-2400: 150rem;--static-width-1600: 100rem;--static-width-1440: 90rem;--static-width-1200: 75rem;--static-width-1024: 64rem;--static-width-880: 55rem;--static-width-768: 48rem;--static-width-640: 40rem;--static-width-560: 35rem;--static-width-400: 25rem;--static-width-320: 20rem;--static-height-560: 35rem;--static-height-480: 30rem;--static-height-400: 25rem;--static-height-360: 22.5rem;--static-height-320: 20rem;--static-height-280: 17.5rem;--static-height-240: 15rem;--static-height-220: 13.75rem;--static-height-160: 10rem;--responsive-width-xl: var(--static-width-1440);--responsive-width-l: var(--static-width-1200);--responsive-width-m: var(--static-width-1024);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-560);--responsive-height-l: var(--static-height-480);--responsive-height-m: var(--static-height-400);--responsive-height-s: var(--static-height-360);--responsive-height-xs: var(--static-height-280);--responsive-space-xl: var(--static-space-80);--responsive-space-l: var(--static-space-40);--responsive-space-m: var(--static-space-24);--responsive-space-s: var(--static-space-16);--responsive-space-xs: var(--static-space-12)}@media(max-width: 1024px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-480);--responsive-height-l: var(--static-height-400);--responsive-height-m: var(--static-height-360);--responsive-height-s: var(--static-height-280);--responsive-height-xs: var(--static-height-240);--responsive-space-xl: var(--static-space-64);--responsive-space-l: var(--static-space-24);--responsive-space-m: var(--static-space-16);--responsive-space-s: var(--static-space-12);--responsive-space-xs: var(--static-space-8)}}@media(max-width: 768px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-320);--responsive-height-l: var(--static-height-280);--responsive-height-m: var(--static-height-240);--responsive-height-s: var(--static-height-220);--responsive-height-xs: var(--static-height-160);--responsive-space-xl: var(--static-space-40);--responsive-space-l: var(--static-space-16);--responsive-space-m: var(--static-space-12);--responsive-space-s: var(--static-space-8);--responsive-space-xs: var(--static-space-4)}}[data-scaling="110"]{--static-space-1: calc(0.0625rem * 1.1);--static-space-2: calc(0.125rem * 1.1);--static-space-4: calc(0.25rem * 1.1);--static-space-8: calc(0.5rem * 1.1);--static-space-12: calc(0.75rem * 1.1);--static-space-16: calc(1rem * 1.1);--static-space-20: calc(1.25rem * 1.1);--static-space-24: calc(1.5rem * 1.1);--static-space-32: calc(2rem * 1.1);--static-space-40: calc(2.5rem * 1.1);--static-space-48: calc(3rem * 1.1);--static-space-56: calc(3.5rem * 1.1);--static-space-64: calc(4rem * 1.1);--static-space-80: calc(5rem * 1.1);--static-space-104: calc(6.5rem * 1.1);--static-space-128: calc(8rem * 1.1);--static-space-160: calc(10rem * 1.1);--static-width-2400: calc(150rem * 1.1);--static-width-1600: calc(100rem * 1.1);--static-width-1440: calc(90rem * 1.1);--static-width-1200: calc(75rem * 1.1);--static-width-1024: calc(64rem * 1.1);--static-width-880: calc(55rem * 1.1);--static-width-768: calc(48rem * 1.1);--static-width-560: calc(35rem * 1.1);--static-width-400: calc(25rem * 1.1);--static-width-320: calc(20rem * 1.1);--static-height-560: calc(35rem * 1.1);--static-height-480: calc(30rem * 1.1);--static-height-400: calc(25rem * 1.1);--static-height-360: calc(22.5rem * 1.1);--static-height-320: calc(20rem * 1.1);--static-height-280: calc(17.5rem * 1.1);--static-height-240: calc(15rem * 1.1);--static-height-220: calc(13.75rem * 1.1);--static-height-160: calc(10rem * 1.1)}[data-scaling="105"]{--static-space-1: calc(0.0625rem * 1.05);--static-space-2: calc(0.125rem * 1.05);--static-space-4: calc(0.25rem * 1.05);--static-space-8: calc(0.5rem * 1.05);--static-space-12: calc(0.75rem * 1.05);--static-space-16: calc(1rem * 1.05);--static-space-20: calc(1.25rem * 1.05);--static-space-24: calc(1.5rem * 1.05);--static-space-32: calc(2rem * 1.05);--static-space-40: calc(2.5rem * 1.05);--static-space-48: calc(3rem * 1.05);--static-space-56: calc(3.5rem * 1.05);--static-space-64: calc(4rem * 1.05);--static-space-80: calc(5rem * 1.05);--static-space-104: calc(6.5rem * 1.05);--static-space-128: calc(8rem * 1.05);--static-space-160: calc(10rem * 1.05);--static-width-2400: calc(150rem * 1.05);--static-width-1600: calc(100rem * 1.05);--static-width-1440: calc(90rem * 1.05);--static-width-1200: calc(75rem * 1.05);--static-width-1024: calc(64rem * 1.05);--static-width-880: calc(55rem * 1.05);--static-width-768: calc(48rem * 1.05);--static-width-560: calc(35rem * 1.05);--static-width-400: calc(25rem * 1.05);--static-width-320: calc(20rem * 1.05);--static-height-560: calc(35rem * 1.05);--static-height-480: calc(30rem * 1.05);--static-height-400: calc(25rem * 1.05);--static-height-360: calc(22.5rem * 1.05);--static-height-320: calc(20rem * 1.05);--static-height-280: calc(17.5rem * 1.05);--static-height-240: calc(15rem * 1.05);--static-height-220: calc(13.75rem * 1.05);--static-height-160: calc(10rem * 1.05)}[data-scaling="95"]{--static-space-1: calc(0.0625rem * 0.95);--static-space-2: calc(0.125rem * 0.95);--static-space-4: calc(0.25rem * 0.95);--static-space-8: calc(0.5rem * 0.95);--static-space-12: calc(0.75rem * 0.95);--static-space-16: calc(1rem * 0.95);--static-space-20: calc(1.25rem * 0.95);--static-space-24: calc(1.5rem * 0.95);--static-space-32: calc(2rem * 0.95);--static-space-40: calc(2.5rem * 0.95);--static-space-48: calc(3rem * 0.95);--static-space-56: calc(3.5rem * 0.95);--static-space-64: calc(4rem * 0.95);--static-space-80: calc(5rem * 0.95);--static-space-104: calc(6.5rem * 0.95);--static-space-128: calc(8rem * 0.95);--static-space-160: calc(10rem * 0.95);--static-width-2400: calc(150rem * 0.95);--static-width-1600: calc(100rem * 0.95);--static-width-1440: calc(90rem * 0.95);--static-width-1200: calc(75rem * 0.95);--static-width-1024: calc(64rem * 0.95);--static-width-880: calc(55rem * 0.95);--static-width-768: calc(48rem * 0.95);--static-width-560: calc(35rem * 0.95);--static-width-400: calc(25rem * 0.95);--static-width-320: calc(20rem * 0.95);--static-height-560: calc(35rem * 0.95);--static-height-480: calc(30rem * 0.95);--static-height-400: calc(25rem * 0.95);--static-height-360: calc(22.5rem * 0.95);--static-height-320: calc(20rem * 0.95);--static-height-280: calc(17.5rem * 0.95);--static-height-240: calc(15rem * 0.95);--static-height-220: calc(13.75rem * 0.95);--static-height-160: calc(10rem * 0.95)}[data-scaling="90"]{--static-space-1: calc(0.0625rem * 0.9);--static-space-2: calc(0.125rem * 0.9);--static-space-4: calc(0.25rem * 0.9);--static-space-8: calc(0.5rem * 0.9);--static-space-12: calc(0.75rem * 0.9);--static-space-16: calc(1rem * 0.9);--static-space-20: calc(1.25rem * 0.9);--static-space-24: calc(1.5rem * 0.9);--static-space-32: calc(2rem * 0.9);--static-space-40: calc(2.5rem * 0.9);--static-space-48: calc(3rem * 0.9);--static-space-56: calc(3.5rem * 0.9);--static-space-64: calc(4rem * 0.9);--static-space-80: calc(5rem * 0.9);--static-space-104: calc(6.5rem * 0.9);--static-space-128: calc(8rem * 0.9);--static-space-160: calc(10rem * 0.9);--static-width-2400: calc(150rem * 0.9);--static-width-1600: calc(100rem * 0.9);--static-width-1440: calc(90rem * 0.9);--static-width-1200: calc(75rem * 0.9);--static-width-1024: calc(64rem * 0.9);--static-width-880: calc(55rem * 0.9);--static-width-768: calc(48rem * 0.9);--static-width-560: calc(35rem * 0.9);--static-width-400: calc(25rem * 0.9);--static-width-320: calc(20rem * 0.9);--static-height-560: calc(35rem * 0.9);--static-height-480: calc(30rem * 0.9);--static-height-400: calc(25rem * 0.9);--static-height-360: calc(22.5rem * 0.9);--static-height-320: calc(20rem * 0.9);--static-height-280: calc(17.5rem * 0.9);--static-height-240: calc(15rem * 0.9);--static-height-220: calc(13.75rem * 0.9);--static-height-160: calc(10rem * 0.9)}[data-border=playful]{--radius-xs: 0.25rem;--radius-xs-nest-4: 0.375rem;--radius-xs-nest-8: 0.5rem;--radius-s: 0.5rem;--radius-s-nest-4: 0.75rem;--radius-s-nest-8: 1rem;--radius-m: 0.75rem;--radius-m-nest-4: 1rem;--radius-m-nest-8: 1.25rem;--radius-l: 1rem;--radius-l-nest-4: 1.25rem;--radius-l-nest-8: 1.75rem;--radius-xl: 1.25rem;--radius-xl-nest-4: 1.5rem;--radius-xl-nest-8: 1.875rem;--radius-full: 999rem}[data-border=conservative]{--radius-xs: 0.125rem;--radius-xs-nest-4: 0.25rem;--radius-xs-nest-8: 0.375rem;--radius-s: 0.25rem;--radius-s-nest-4: 0.375rem;--radius-s-nest-8: 0.5rem;--radius-m: 0.375rem;--radius-m-nest-4: 0.5rem;--radius-m-nest-8: 0.625rem;--radius-l: 0.625rem;--radius-l-nest-4: 0.875rem;--radius-l-nest-8: 1.125rem;--radius-xl: 0.75rem;--radius-xl-nest-4: 1rem;--radius-xl-nest-8: 1.25rem;--radius-full: 999rem}[data-border=rounded]{--radius-xs: 1rem;--radius-xs-nest-4: 1.25rem;--radius-xs-nest-8: 1.5rem;--radius-s: 1.25rem;--radius-s-nest-4: 1.5rem;--radius-s-nest-8: 2rem;--radius-m: 1.25rem;--radius-m-nest-4: 1.5rem;--radius-m-nest-8: 1.875rem;--radius-l: 1.75rem;--radius-l-nest-4: 2rem;--radius-l-nest-8: 2.5rem;--radius-xl: 2rem;--radius-xl-nest-4: 2.25rem;--radius-xl-nest-8: 2.75rem;--radius-full: 999rem}:root{--shadow-xs: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.08);--shadow-s: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 4px 8px rgba(0, 0, 0, 0.08);--shadow-m: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 8px 8px rgba(0, 0, 0, 0.08);--shadow-l: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.08);--shadow-xl: 0px 4px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 24px 24px rgba(0, 0, 0, 0.08)}:root{--font-weight-thin: 100;--font-weight-extraLight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semiBold: 600;--font-weight-bold: 700;--font-weight-extraBold: 800;--font-weight-body-default: var(--font-weight-normal);--font-weight-body-strong: var(--font-weight-bold);--font-weight-label-default: var(--font-weight-normal);--font-weight-label-strong: var(--font-weight-semiBold);--font-weight-code-default: var(--font-weight-normal);--font-weight-code-strong: var(--font-weight-bold);--font-weight-heading-default: var(--font-weight-normal);--font-weight-heading-strong: var(--font-weight-semiBold);--font-weight-display-default: var(--font-weight-light);--font-weight-display-strong: var(--font-weight-semiBold);--font-size-display-xl: 5rem;--font-size-display-l: 4rem;--font-size-display-m: 3rem;--font-size-display-s: 2.5rem;--font-size-display-xs: 2rem;--font-size-heading-xl: 1.5rem;--font-size-heading-l: 1.33rem;--font-size-heading-m: 1.25rem;--font-size-heading-s: 1.125rem;--font-size-heading-xs: 1rem;--font-size-body-xl: 1.25rem;--font-size-body-l: 1.125rem;--font-size-body-m: 1rem;--font-size-body-s: 0.875rem;--font-size-body-xs: 0.75rem;--font-size-label-l: 1rem;--font-size-label-m: 0.925rem;--font-size-label-s: 0.825rem;--line-height-display-xl: 5rem;--line-height-display-l: 4.25rem;--line-height-display-m: 3.25rem;--line-height-display-s: 3rem;--line-height-display-xs: 2.5rem;--line-height-heading-xl: 2rem;--line-height-heading-l: 1.75rem;--line-height-heading-m: 1.5rem;--line-height-heading-s: 1.5rem;--line-height-heading-xs: 1.25rem;--line-height-body-xl: 1.75rem;--line-height-body-l: 1.5rem;--line-height-body-m: 1.5rem;--line-height-body-s: 1.125rem;--line-height-body-xs: 1rem;--line-height-label-l: 1.25rem;--line-height-label-m: 1.25rem;--line-height-label-s: 1rem}@media(max-width: 1024px){:root{--font-size-display-xl: 3.5rem;--font-size-display-l: 3.25rem;--font-size-display-m: 2.75rem;--font-size-display-s: 2.25rem;--font-size-display-xs: 1.75rem;--font-size-heading-xl: 1.33rem;--font-size-heading-l: 1.25rem;--font-size-heading-m: 1.125rem;--line-height-display-xl: 3.75rem;--line-height-display-l: 3.5rem;--line-height-display-m: 3rem;--line-height-display-s: 2.5rem;--line-height-display-xs: 2rem;--line-height-heading-xl: 1.75rem;--line-height-heading-l: 1.5rem;--line-height-heading-m: 1.25rem}}@media(max-width: 768px){:root{--font-size-display-xl: 2.75rem;--font-size-display-l: 2.5rem;--font-size-display-m: 2.25rem;--font-size-display-s: 2rem;--line-height-display-xl: 3rem;--line-height-display-l: 3rem;--line-height-display-m: 2.5rem;--line-height-display-s: 2.5rem}}:root{--font-heading: var(--font-heading);--font-body: var(--font-body);--font-label: var(--font-label);--font-code: var(--font-code);--font-size-heading-multiplier: 1;--font-size-body-multiplier: 1;--font-size-label-multiplier: 1;--line-height-heading-multiplier: 1;--line-height-body-multiplier: 1;--line-height-label-multiplier: 1;--font-scaling-desktop: 16px;--font-scaling-tablet: 16px;--font-scaling-mobile: 15px;--cursor-interactive: pointer;--solid-inset-distance: 0;--solid-inset-size: 0;--solid-border-width: 0;--backdrop-filter: none;--surface-border: var(--static-transparent);--surface-background: var(--neutral-background-medium)}[data-cursor-interactive=pointer]{--cursor-interactive: pointer}[data-cursor-interactive=default]{--cursor-interactive: default}[data-desktop-size="18"]{--font-scaling-desktop: 18px}[data-desktop-size="17"]{--font-scaling-desktop: 17px}[data-desktop-size="16"]{--font-scaling-desktop: 16px}[data-desktop-size="15"]{--font-scaling-desktop: 15px}[data-desktop-size="14"]{--font-scaling-desktop: 14px}[data-desktop-size="13"]{--font-scaling-desktop: 13px}[data-tablet-size="18"]{--font-scaling-tablet: 18px}[data-tablet-size="17"]{--font-scaling-tablet: 17px}[data-tablet-size="16"]{--font-scaling-tablet: 16px}[data-tablet-size="15"]{--font-scaling-tablet: 15px}[data-tablet-size="14"]{--font-scaling-tablet: 14px}[data-tablet-size="13"]{--font-scaling-tablet: 13px}[data-mobile-size="18"]{--font-scaling-mobile: 18px}[data-mobile-size="17"]{--font-scaling-mobile: 17px}[data-mobile-size="16"]{--font-scaling-mobile: 16px}[data-mobile-size="15"]{--font-scaling-mobile: 15px}[data-mobile-size="14"]{--font-scaling-mobile: 14px}[data-mobile-size="13"]{--font-scaling-mobile: 13px}[data-theme=dark]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-black-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-800);--code-gray: var(--scheme-gray-800);--code-aqua: var(--scheme-aqua-800);--code-green: var(--scheme-green-800);--code-blue: var(--scheme-blue-800);--code-violet: var(--scheme-violet-800);--code-orange: var(--scheme-orange-800);--brand-background-strong: var(--function-brand-300);--brand-background-medium: var(--function-brand-200);--brand-background-weak: var(--function-brand-100);--brand-on-background-strong: var(--static-white);--brand-on-background-medium: var(--function-brand-900);--brand-on-background-weak: var(--function-brand-700);--brand-border-strong: var(--function-brand-400);--brand-border-medium: var(--function-brand-300);--brand-border-weak: var(--function-brand-200);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-15);--accent-background-strong: var(--function-accent-300);--accent-background-medium: var(--function-accent-200);--accent-background-weak: var(--function-accent-100);--accent-on-background-strong: var(--static-white);--accent-on-background-medium: var(--function-accent-900);--accent-on-background-weak: var(--function-accent-700);--accent-solid-strong: var(--function-accent-500);--accent-solid-medium: var(--function-accent-400);--accent-solid-weak: var(--function-accent-300);--accent-on-solid-strong: var(--static-white);--accent-on-solid-weak: var(--function-accent-900);--accent-border-strong: var(--function-accent-400);--accent-border-medium: var(--function-accent-300);--accent-border-weak: var(--function-accent-200);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-15);--neutral-background-strong: var(--function-neutral-300);--neutral-background-medium: var(--function-neutral-200);--neutral-background-weak: var(--function-neutral-100);--neutral-on-background-strong: var(--static-white);--neutral-on-background-medium: var(--function-neutral-900);--neutral-on-background-weak: var(--function-neutral-700);--neutral-solid-strong: var(--function-neutral-500);--neutral-solid-medium: var(--function-neutral-400);--neutral-solid-weak: var(--function-neutral-300);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-weak: var(--function-neutral-900);--neutral-border-strong: var(--function-neutral-400);--neutral-border-medium: var(--function-neutral-300);--neutral-border-weak: var(--function-neutral-200);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-15);--info-background-strong: var(--function-info-300);--info-background-medium: var(--function-info-200);--info-background-weak: var(--function-info-100);--info-on-background-strong: var(--static-white);--info-on-background-medium: var(--function-info-900);--info-on-background-weak: var(--function-info-700);--info-solid-strong: var(--function-info-500);--info-solid-medium: var(--function-info-400);--info-solid-weak: var(--function-info-300);--info-on-solid-strong: var(--static-white);--info-on-solid-weak: var(--function-info-900);--info-border-strong: var(--function-info-400);--info-border-medium: var(--function-info-300);--info-border-weak: var(--function-info-200);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-15);--warning-background-strong: var(--function-warning-300);--warning-background-medium: var(--function-warning-200);--warning-background-weak: var(--function-warning-100);--warning-on-background-strong: var(--static-white);--warning-on-background-medium: var(--function-warning-900);--warning-on-background-weak: var(--function-warning-700);--warning-solid-strong: var(--function-warning-500);--warning-solid-medium: var(--function-warning-400);--warning-solid-weak: var(--function-warning-300);--warning-on-solid-strong: var(--static-white);--warning-on-solid-weak: var(--function-warning-900);--warning-border-strong: var(--function-warning-400);--warning-border-medium: var(--function-warning-300);--warning-border-weak: var(--function-warning-200);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-15);--danger-background-strong: var(--function-danger-300);--danger-background-medium: var(--function-danger-200);--danger-background-weak: var(--function-danger-100);--danger-on-background-strong: var(--static-white);--danger-on-background-medium: var(--function-danger-900);--danger-on-background-weak: var(--function-danger-700);--danger-solid-strong: var(--function-danger-500);--danger-solid-medium: var(--function-danger-400);--danger-solid-weak: var(--function-danger-300);--danger-on-solid-strong: var(--static-white);--danger-on-solid-weak: var(--function-danger-900);--danger-border-strong: var(--function-danger-400);--danger-border-medium: var(--function-danger-300);--danger-border-weak: var(--function-danger-200);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-15);--success-background-strong: var(--function-success-300);--success-background-medium: var(--function-success-200);--success-background-weak: var(--function-success-100);--success-on-background-strong: var(--static-white);--success-on-background-medium: var(--function-success-900);--success-on-background-weak: var(--function-success-700);--success-solid-strong: var(--function-success-500);--success-solid-medium: var(--function-success-400);--success-solid-weak: var(--function-success-300);--success-on-solid-strong: var(--static-white);--success-on-solid-weak: var(--function-success-900);--success-border-strong: var(--function-success-400);--success-border-medium: var(--function-success-300);--success-border-weak: var(--function-success-200);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-15)}[data-theme=dark] .dark-flex{display:flex}[data-theme=dark] .dark-grid{display:grid}[data-theme=dark] .light-flex{display:none}[data-theme=dark] .light-grid{display:none}[data-theme=light]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-white-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-600);--code-gray: var(--scheme-gray-600);--code-aqua: var(--scheme-aqua-600);--code-green: var(--scheme-green-600);--code-blue: var(--scheme-blue-600);--code-violet: var(--scheme-violet-600);--code-orange: var(--scheme-orange-600);--brand-background-strong: var(--function-brand-800);--brand-background-medium: var(--function-brand-1000);--brand-background-weak: var(--static-white);--brand-on-background-strong: var(--function-brand-100);--brand-on-background-medium: var(--function-brand-400);--brand-on-background-weak: var(--function-brand-500);--brand-border-strong: var(--function-brand-800);--brand-border-medium: var(--function-brand-900);--brand-border-weak: var(--function-brand-1000);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-15);--accent-background-strong: var(--function-accent-800);--accent-background-medium: var(--function-accent-1000);--accent-background-weak: var(--static-white);--accent-on-background-strong: var(--function-accent-100);--accent-on-background-medium: var(--function-accent-400);--accent-on-background-weak: var(--function-accent-500);--accent-solid-strong: var(--function-accent-600);--accent-solid-medium: var(--function-accent-500);--accent-solid-weak: var(--function-accent-400);--accent-on-solid-strong: var(--static-white);--accent-on-solid-weak: var(--function-accent-1000);--accent-border-strong: var(--function-accent-800);--accent-border-medium: var(--function-accent-900);--accent-border-weak: var(--function-accent-1000);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-15);--neutral-background-strong: var(--function-neutral-800);--neutral-background-medium: var(--function-neutral-1000);--neutral-background-weak: var(--static-white);--neutral-on-background-strong: var(--function-neutral-100);--neutral-on-background-medium: var(--function-neutral-400);--neutral-on-background-weak: var(--function-neutral-500);--neutral-solid-strong: var(--function-neutral-600);--neutral-solid-medium: var(--function-neutral-500);--neutral-solid-weak: var(--function-neutral-400);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-weak: var(--function-neutral-1000);--neutral-border-strong: var(--function-neutral-800);--neutral-border-medium: var(--function-neutral-900);--neutral-border-weak: var(--function-neutral-1000);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-15);--info-background-strong: var(--function-info-800);--info-background-medium: var(--function-info-1000);--info-background-weak: var(--static-white);--info-on-background-strong: var(--function-info-100);--info-on-background-medium: var(--function-info-400);--info-on-background-weak: var(--function-info-500);--info-solid-strong: var(--function-info-600);--info-solid-medium: var(--function-info-500);--info-solid-weak: var(--function-info-400);--info-on-solid-strong: var(--static-white);--info-on-solid-weak: var(--function-info-1000);--info-border-strong: var(--function-info-800);--info-border-medium: var(--function-info-900);--info-border-weak: var(--function-info-1000);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-15);--warning-background-strong: var(--function-warning-800);--warning-background-medium: var(--function-warning-1000);--warning-background-weak: var(--static-white);--warning-on-background-strong: var(--function-warning-100);--warning-on-background-medium: var(--function-warning-400);--warning-on-background-weak: var(--function-warning-500);--warning-solid-strong: var(--function-warning-600);--warning-solid-medium: var(--function-warning-500);--warning-solid-weak: var(--function-warning-400);--warning-on-solid-strong: var(--static-white);--warning-on-solid-weak: var(--function-warning-1000);--warning-border-strong: var(--function-warning-800);--warning-border-medium: var(--function-warning-900);--warning-border-weak: var(--function-warning-1000);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-15);--danger-background-strong: var(--function-danger-800);--danger-background-medium: var(--function-danger-1000);--danger-background-weak: var(--static-white);--danger-on-background-strong: var(--function-danger-100);--danger-on-background-medium: var(--function-danger-400);--danger-on-background-weak: var(--function-danger-500);--danger-solid-strong: var(--function-danger-600);--danger-solid-medium: var(--function-danger-500);--danger-solid-weak: var(--function-danger-400);--danger-on-solid-strong: var(--static-white);--danger-on-solid-weak: var(--function-danger-1000);--danger-border-strong: var(--function-danger-800);--danger-border-medium: var(--function-danger-900);--danger-border-weak: var(--function-danger-1000);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-15);--success-background-strong: var(--function-success-800);--success-background-medium: var(--function-success-1000);--success-background-weak: var(--static-white);--success-on-background-strong: var(--function-success-100);--success-on-background-medium: var(--function-success-400);--success-on-background-weak: var(--function-success-500);--success-solid-strong: var(--function-success-600);--success-solid-medium: var(--function-success-500);--success-solid-weak: var(--function-success-400);--success-on-solid-strong: var(--static-white);--success-on-solid-weak: var(--function-success-1000);--success-border-strong: var(--function-success-800);--success-border-medium: var(--function-success-900);--success-border-weak: var(--function-success-1000);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-15)}[data-theme=light] .dark-flex{display:none}[data-theme=light] .dark-grid{display:none}[data-theme=light] .light-flex{display:flex}[data-theme=light] .light-grid{display:grid}[data-solid-style=plastic]{--solid-inset-distance: -1rem;--solid-inset-size: 1rem;--solid-border-width: 1px}[data-transition=all],[data-transition=micro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-micro-short: 0.1s;--transition-duration-micro-medium: 0.2s;--transition-duration-micro-long: 0.4s;--transition-micro-short: var(--transition-property-all) var(--transition-duration-micro-short) var(--transition-eased);--transition-micro-medium: var(--transition-property-all) var(--transition-duration-micro-medium) var(--transition-eased);--transition-micro-long: var(--transition-property-all) var(--transition-duration-micro-long) var(--transition-eased)}[data-transition=all],[data-transition=macro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-macro-short: 0.15s;--transition-duration-macro-medium: 0.3s;--transition-duration-macro-long: 0.6s;--transition-macro-short: var(--transition-property-all) var(--transition-duration-macro-short) var(--transition-eased);--transition-macro-medium: var(--transition-property-all) var(--transition-duration-macro-medium) var(--transition-eased);--transition-macro-long: var(--transition-property-all) var(--transition-duration-macro-long) var(--transition-eased)}[data-surface=translucent]{--backdrop-filter: blur(1rem)}[data-surface=translucent][data-theme=light],[data-surface=translucent] [data-theme=light]{--surface-background: var(--static-white-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=translucent][data-theme=dark],[data-surface=translucent] [data-theme=dark]{--surface-background: var(--static-black-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=filled][data-theme=light],[data-surface=filled] [data-theme=light]{--surface-background: var(--neutral-background-weak);--surface-border: var(--neutral-border-medium)}[data-surface=filled][data-theme=dark],[data-surface=filled] [data-theme=dark]{--surface-background: var(--neutral-background-medium);--surface-border: var(--static-transparent)}[data-theme=dark][data-solid=color],[data-theme=dark] [data-solid=color]{--brand-solid-strong: var(--function-brand-500);--brand-solid-medium: var(--function-brand-400);--brand-solid-weak: var(--function-brand-300);--brand-on-solid-strong: var(--static-white);--brand-on-solid-weak: var(--function-brand-900)}[data-theme=dark][data-solid=contrast],[data-theme=dark] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-1000);--brand-solid-medium: var(--static-white);--brand-solid-weak: var(--function-neutral-900);--brand-on-solid-strong: var(--static-black);--brand-on-solid-weak: var(--function-neutral-200)}[data-theme=dark][data-solid=inverse],[data-theme=dark] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-800);--brand-solid-medium: var(--function-brand-700);--brand-solid-weak: var(--function-brand-600);--brand-on-solid-strong: var(--static-black);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=light][data-solid=color],[data-theme=light] [data-solid=color]{--brand-solid-strong: var(--function-brand-600);--brand-solid-medium: var(--function-brand-500);--brand-solid-weak: var(--function-brand-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-weak: var(--function-brand-1000)}[data-theme=light][data-solid=contrast],[data-theme=light] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-300);--brand-solid-medium: var(--static-black);--brand-solid-weak: var(--function-neutral-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-weak: var(--function-neutral-1000)}[data-solid=color]{--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=contrast]{--solid-border-color-brand: var(--neutral-alpha-strong);--solid-inset-color-brand: var(--static-transparent);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=inverse]{--solid-border-color-brand: var(--brand-alpha-strong);--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-theme=light][data-solid=inverse],[data-theme=light] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-900);--brand-solid-medium: var(--function-brand-800);--brand-solid-weak: var(--function-brand-700);--brand-on-solid-strong: var(--static-black);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=dark]{--data-blue: var(--scheme-blue-400);--data-aqua: var(--scheme-aqua-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-yellow: var(--scheme-yellow-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-moss: var(--scheme-moss-400);--data-green: var(--scheme-green-400);--data-emerald: var(--scheme-emerald-400);--data-cyan: var(--scheme-cyan-400);--data-violet: var(--scheme-violet-400);--data-indigo: var(--scheme-indigo-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=divergent]{--data-blue: var(--scheme-red-400);--data-aqua: var(--scheme-red-500);--data-magenta: var(--scheme-orange-500);--data-pink: var(--scheme-orange-600);--data-yellow: var(--scheme-yellow-700);--data-orange: var(--scheme-yellow-800);--data-red: var(--scheme-yellow-900);--data-moss: var(--scheme-moss-1000);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-300);--data-magenta: var(--function-brand-400);--data-pink: var(--function-brand-500);--data-yellow: var(--function-brand-600);--data-orange: var(--function-brand-700);--data-red: var(--function-brand-800);--data-moss: var(--function-brand-900);--data-green: var(--function-brand-1000);--data-emerald: var(--function-brand-1100);--data-cyan: var(--function-brand-1200);--data-violet: var(--function-brand-1200);--data-indigo: var(--function-brand-1200);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=light]{--data-blue: var(--scheme-blue-400);--data-indigo: var(--scheme-indigo-400);--data-green: var(--scheme-green-400);--data-aqua: var(--scheme-aqua-400);--data-violet: var(--scheme-violet-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-cyan: var(--scheme-cyan-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-moss: var(--scheme-moss-400);--data-emerald: var(--scheme-emerald-400);--data-yellow: var(--scheme-yellow-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=divergent]{--data-blue: var(--scheme-red-300);--data-aqua: var(--scheme-red-400);--data-magenta: var(--scheme-orange-400);--data-pink: var(--scheme-orange-500);--data-yellow: var(--scheme-yellow-500);--data-orange: var(--scheme-yellow-600);--data-red: var(--scheme-yellow-700);--data-moss: var(--scheme-moss-800);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-200);--data-magenta: var(--function-brand-200);--data-pink: var(--function-brand-300);--data-yellow: var(--function-brand-400);--data-orange: var(--function-brand-500);--data-red: var(--function-brand-600);--data-moss: var(--function-brand-700);--data-green: var(--function-brand-800);--data-emerald: var(--function-brand-900);--data-cyan: var(--function-brand-1000);--data-violet: var(--function-brand-1100);--data-indigo: var(--function-brand-1100);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}/*# sourceMappingURL=tokens.css.map */
|
package/dist/interfaces.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, ElementType, HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { Colors, flex, gridSize, opacity, RadiusNest, RadiusSize, ShadowSize, SpacingToken, TextSize, TextType, TextVariant, TextWeight } from "./types";
|
|
3
3
|
export interface ResponsiveProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
top?: SpacingToken;
|
|
5
5
|
right?: SpacingToken;
|
|
@@ -92,15 +92,15 @@ export interface StyleProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
92
92
|
textSize?: TextSize;
|
|
93
93
|
textType?: TextType;
|
|
94
94
|
textWeight?: TextWeight;
|
|
95
|
-
background?:
|
|
96
|
-
solid?:
|
|
97
|
-
borderTop?:
|
|
98
|
-
borderRight?:
|
|
99
|
-
borderBottom?:
|
|
100
|
-
borderLeft?:
|
|
101
|
-
borderX?:
|
|
102
|
-
borderY?:
|
|
103
|
-
border?:
|
|
95
|
+
background?: Colors | "surface" | "overlay" | "page" | "transparent";
|
|
96
|
+
solid?: Colors;
|
|
97
|
+
borderTop?: Colors | "surface" | "transparent";
|
|
98
|
+
borderRight?: Colors | "surface" | "transparent";
|
|
99
|
+
borderBottom?: Colors | "surface" | "transparent";
|
|
100
|
+
borderLeft?: Colors | "surface" | "transparent";
|
|
101
|
+
borderX?: Colors | "surface" | "transparent";
|
|
102
|
+
borderY?: Colors | "surface" | "transparent";
|
|
103
|
+
border?: Colors | "surface" | "transparent";
|
|
104
104
|
borderStyle?: "solid" | "dashed";
|
|
105
105
|
borderWidth?: 1 | 2 | 4 | 6 | 8;
|
|
106
106
|
topRadius?: RadiusSize;
|
|
@@ -131,8 +131,8 @@ export interface DisplayProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
131
131
|
light?: boolean;
|
|
132
132
|
}
|
|
133
133
|
export interface CommonProps extends HTMLAttributes<HTMLDivElement> {
|
|
134
|
-
onBackground?:
|
|
135
|
-
onSolid?:
|
|
134
|
+
onBackground?: Colors;
|
|
135
|
+
onSolid?: Colors;
|
|
136
136
|
align?: CSSProperties["textAlign"];
|
|
137
137
|
className?: string;
|
|
138
138
|
children?: ReactNode;
|
package/dist/interfaces.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../src/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../src/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/modules/data/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAenD,OAAO,EACL,UAAU,EAOV,QAAQ,EACT,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/modules/data/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAenD,OAAO,EACL,UAAU,EAOV,QAAQ,EACT,MAAM,GAAG,CAAC;AAIX,UAAU,aAAc,SAAQ,UAAU;IACxC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmRrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { Column, Row } from "../../components";
|
|
|
7
7
|
import { getDistributedColor } from "./utils/colorDistribution";
|
|
8
8
|
import { LinearGradient, DataTooltip, Legend, ChartStatus, ChartHeader, } from ".";
|
|
9
9
|
import { useDataTheme } from "../../contexts/DataThemeProvider";
|
|
10
|
-
const BarChart = ({ title, description, data, series, date, emptyState, errorState, error = false, loading = false, legend: legendProp = {}, axis = "both", border = "neutral-
|
|
10
|
+
const BarChart = ({ title, description, data, series, date, emptyState, errorState, error = false, loading = false, tooltip = true, legend: legendProp = {}, axis = "both", grid = "y", border = "neutral-alpha-weak", variant: variantProp, barWidth = "l", hover = false, "data-viz-style": dataVizStyle, ...flex }) => {
|
|
11
11
|
const { variant: themeVariant, mode, height, tick: { fill: tickFill, fontSize: tickFontSize, line: tickLine }, axis: { stroke: axisLineStroke }, } = useDataTheme();
|
|
12
12
|
const variant = variantProp || themeVariant;
|
|
13
13
|
const legend = {
|
|
@@ -70,7 +70,7 @@ const BarChart = ({ title, description, data, series, date, emptyState, errorSta
|
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
}, [data, selectedDateRange, xAxisKey]);
|
|
73
|
-
return (_jsxs(Column, { fillWidth: true, height: height, border: border, radius: "l", "data-viz-style": dataVizStyle || mode, ...flex, children: [_jsx(ChartHeader, { title: title, description: description,
|
|
73
|
+
return (_jsxs(Column, { fillWidth: true, height: height, border: border, radius: "l", "data-viz-style": dataVizStyle || mode, ...flex, children: [_jsx(ChartHeader, { title: title, description: description, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date?.presets }), _jsxs(Row, { fill: true, borderTop: (title || description || date?.selector) ? (border || "neutral-alpha-weak") : undefined, topRadius: flex.radius || "l", overflow: "hidden", children: [_jsx(ChartStatus, { loading: loading, empty: !filteredData || filteredData.length === 0, emptyState: emptyState, error: error, errorState: errorState }), !loading && !error && filteredData && filteredData.length > 0 && (_jsx(RechartsResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(RechartsBarChart, { data: filteredData, margin: { left: 0, bottom: 0, top: 0, right: 0 }, barGap: 4, children: [_jsx(RechartsCartesianGrid, { vertical: grid === "x" || grid === "both", horizontal: grid === "y" || grid === "both", stroke: "var(--neutral-alpha-weak)" }), legend.display && (_jsx(RechartsLegend, { content: (props) => {
|
|
74
74
|
const customPayload = autoSeries.map((series, index) => ({
|
|
75
75
|
value: series.key,
|
|
76
76
|
color: barColors[index],
|
|
@@ -116,7 +116,7 @@ const BarChart = ({ title, description, data, series, date, emptyState, errorSta
|
|
|
116
116
|
fontSize: tickFontSize,
|
|
117
117
|
}, axisLine: {
|
|
118
118
|
stroke: axisLineStroke,
|
|
119
|
-
} })), _jsx(RechartsTooltip, { cursor: { fill: hover ? "var(--neutral-alpha-weak)" : "var(--static-transparent)" }, content: (props) => (_jsx(DataTooltip, { ...props, date: date, variant: variant })) }), _jsx("defs", { children: barColors.map((color, index) => (_jsx(LinearGradient, { id: `barGradient${chartId}${index}`, color: color, variant: variant }, `gradient-${chartId}-${index}`))) }), autoSeries.map((series, index) => (_jsx(RechartsBar, { dataKey: series.key, name: series.key, fill: `url(#barGradient${chartId}${index})`, stroke: barColors[index], strokeWidth: 1, transform: "translate(0, -1)", barSize: typeof barWidth === "string" && barWidth === "fill"
|
|
119
|
+
} })), tooltip && (_jsx(RechartsTooltip, { cursor: { fill: hover ? "var(--neutral-alpha-weak)" : "var(--static-transparent)" }, content: (props) => (_jsx(DataTooltip, { ...props, date: date, variant: variant })) })), _jsx("defs", { children: barColors.map((color, index) => (_jsx(LinearGradient, { id: `barGradient${chartId}${index}`, color: color, variant: variant }, `gradient-${chartId}-${index}`))) }), autoSeries.map((series, index) => (_jsx(RechartsBar, { dataKey: series.key, name: series.key, fill: `url(#barGradient${chartId}${index})`, stroke: barColors[index], strokeWidth: 1, transform: "translate(0, -1)", barSize: typeof barWidth === "string" && barWidth === "fill"
|
|
120
120
|
? "100%"
|
|
121
121
|
: typeof barWidth === "string" && barWidth === "xs"
|
|
122
122
|
? 12
|