lingee-ui 0.0.25 → 0.0.26
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/README.md +3 -2
- package/dist/button/index.d.mts +1 -1
- package/dist/button/index.d.ts +1 -1
- package/dist/{chunk-2N2YZIHQ.js → chunk-IVBJOGYS.js} +1 -1
- package/dist/{chunk-EBYXYMEL.mjs → chunk-VLFNSJ2J.mjs} +1 -1
- package/dist/{index-89atTLPD.d.mts → index-BVXwKHfX.d.mts} +3 -3
- package/dist/{index-89atTLPD.d.ts → index-BVXwKHfX.d.ts} +3 -3
- package/dist/index.css +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/tabs/index.css +1 -1
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/tabs/index.js +1 -1
- package/dist/tabs/index.mjs +1 -1
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
- package/skill/AGENTS-SNIPPET.md +34 -9
- package/skill/SKILL.md +11 -11
- package/skill/VERSION.json +4 -4
- package/skill/references/components/color-picker.md +1 -1
- package/skill/references/components/date-picker.md +1 -1
- package/skill/references/components/dialog.md +1 -1
- package/skill/references/components/scroll-area.md +2 -2
- package/skill/references/components/slider.md +1 -1
- package/skill/references/icons.md +5 -3
- package/skill/references/setup.md +11 -3
- package/skill/references/tokens.md +36 -9
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6D80FF;--lg-success-10: var(--lg-green-10);--lg-success-50: var(--lg-green-50);--lg-success-100: var(--lg-green-100);--lg-success-200: var(--lg-green-200);--lg-success-300: var(--lg-green-300);--lg-success-400: var(--lg-green-400);--lg-success-500: var(--lg-green-500);--lg-success-600: var(--lg-green-600);--lg-success-700: var(--lg-green-700);--lg-success-800: var(--lg-green-800);--lg-success-900: var(--lg-green-900);--lg-success-950: var(--lg-green-950);--lg-warning-10: var(--lg-orange-10);--lg-warning-50: var(--lg-orange-50);--lg-warning-100: var(--lg-orange-100);--lg-warning-200: var(--lg-orange-200);--lg-warning-300: var(--lg-orange-300);--lg-warning-400: var(--lg-orange-400);--lg-warning-500: var(--lg-orange-500);--lg-warning-600: var(--lg-orange-600);--lg-warning-700: var(--lg-orange-700);--lg-warning-800: var(--lg-orange-800);--lg-warning-900: var(--lg-orange-900);--lg-warning-950: var(--lg-orange-950);--lg-danger-10: var(--lg-red-10);--lg-danger-50: var(--lg-red-50);--lg-danger-100: var(--lg-red-100);--lg-danger-200: var(--lg-red-200);--lg-danger-300: var(--lg-red-300);--lg-danger-400: var(--lg-red-400);--lg-danger-500: var(--lg-red-500);--lg-danger-600: var(--lg-red-600);--lg-danger-700: var(--lg-red-700);--lg-danger-800: var(--lg-red-800);--lg-danger-900: var(--lg-red-900);--lg-danger-950: var(--lg-red-950);--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-4: rgba(0, 0, 0, .04);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-black-blue-0: rgba(0, 29, 65, 0);--lg-black-blue-2: rgba(0, 29, 65, .02);--lg-black-blue-3: rgba(0, 29, 65, .03);--lg-black-blue-4: rgba(0, 29, 65, .04);--lg-black-blue-6: rgba(0, 29, 65, .06);--lg-black-blue-8: rgba(0, 29, 65, .08);--lg-black-blue-12: rgba(0, 29, 65, .12);--lg-black-blue-18: rgba(0, 29, 65, .18);--lg-black-blue-28: rgba(0, 29, 65, .28);--lg-black-blue-46: rgba(0, 29, 65, .46);--lg-black-blue-64: rgba(0, 29, 65, .64);--lg-black-blue-82: rgba(0, 29, 65, .82);--lg-black-blue-94: rgba(0, 29, 65, .94);--lg-black-blue-100: #001D41;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-2: rgba(255, 255, 255, .02);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-4: rgba(255, 255, 255, .04);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-8: rgba(255, 255, 255, .08);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #FFFFFF;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(255, 41, 59, 0);--lg-red-500-3: rgba(255, 41, 59, .03);--lg-red-500-6: rgba(255, 41, 59, .06);--lg-red-500-8: rgba(255, 41, 59, .08);--lg-red-500-12: rgba(255, 41, 59, .12);--lg-red-500-28: rgba(255, 41, 59, .28);--lg-red-500-46: rgba(255, 41, 59, .46);--lg-red-500-64: rgba(255, 41, 59, .64);--lg-red-500-82: rgba(255, 41, 59, .82);--lg-red-500-94: rgba(255, 41, 59, .94);--lg-red-500-100: #FF293B;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF5EC;--lg-orange-100: #FFE8D6;--lg-orange-200: #FFD5B5;--lg-orange-300: #FFBE90;--lg-orange-400: #FFA56A;--lg-orange-500: #FF8D42;--lg-orange-600: #FF7700;--lg-orange-700: #DD6301;--lg-orange-800: #BA5002;--lg-orange-900: #964009;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #FF7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #FFB200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE500;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 229, 0, 0);--lg-yellow-500-3: rgba(255, 229, 0, .03);--lg-yellow-500-6: rgba(255, 229, 0, .06);--lg-yellow-500-8: rgba(255, 229, 0, .08);--lg-yellow-500-12: rgba(255, 229, 0, .12);--lg-yellow-500-28: rgba(255, 229, 0, .28);--lg-yellow-500-46: rgba(255, 229, 0, .46);--lg-yellow-500-64: rgba(255, 229, 0, .64);--lg-yellow-500-82: rgba(255, 229, 0, .82);--lg-yellow-500-94: rgba(255, 229, 0, .94);--lg-yellow-500-100: #FFE500;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74D70B;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08CC50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E5B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-color-11: #08C787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00E5E5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00A3F4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4D89FF;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155F6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858F9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8F40FF;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #F858D0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-new-group-0: rgba(255, 36, 109, 0);--lg-pink-new-group-3: rgba(255, 36, 109, .03);--lg-pink-new-group-6: rgba(255, 36, 109, .06);--lg-pink-new-group-8: rgba(255, 36, 109, .08);--lg-pink-new-group-12: rgba(255, 36, 109, .12);--lg-pink-new-group-28: rgba(255, 36, 109, .28);--lg-pink-new-group-46: rgba(255, 36, 109, .46);--lg-pink-new-group-64: rgba(255, 36, 109, .64);--lg-pink-new-group-82: rgba(255, 36, 109, .82);--lg-pink-new-group-94: rgba(255, 36, 109, .94);--lg-pink-new-group-100: #FF246D;--lg-chart-1: #599CFF;--lg-chart-2: var(--lg-emerald-500);--lg-chart-3: var(--lg-amber-500);--lg-chart-4: var(--lg-cyan-500);--lg-chart-5: var(--lg-lime-500);--lg-chart-6: #767AFF;--lg-chart-7: #97A3C1;--lg-chart-8: #769DFF;--lg-chart-9: #999999;--lg-chart-10: var(--lg-fuchsia-500);--lg-chart-11: var(--lg-teal-500);--lg-chart-12: var(--lg-yellow-500);--lg-chart-13: var(--lg-purple-500);--lg-chart-14: var(--lg-pink-500);--lg-chart-15: var(--lg-violet-500);--lg-chart-1-64: rgba(89, 156, 255, .64);--lg-chart-2-64: rgba(8, 199, 135, .64);--lg-chart-3-64: rgba(255, 178, 0, .64);--lg-chart-4-64: rgba(0, 163, 244, .64);--lg-chart-5-64: rgba(116, 215, 11, .64);--lg-chart-6-64: rgba(118, 122, 255, .64);--lg-chart-7-64: rgba(151, 163, 193, .64);--lg-chart-8-64: rgba(118, 157, 255, .64);--lg-chart-9-64: rgba(153, 153, 153, .64);--lg-chart-10-64: rgba(248, 88, 208, .64);--lg-chart-11-64: rgba(0, 229, 229, .64);--lg-chart-12-64: rgba(255, 230, 0, .64);--lg-chart-13-64: rgba(143, 64, 255, .64);--lg-chart-14-64: rgba(255, 36, 109, .64);--lg-chart-15-64: rgba(120, 88, 249, .64);--lg-chart-1-28: rgba(89, 156, 255, .28);--lg-chart-2-28: rgba(8, 199, 135, .28);--lg-chart-1-8: rgba(89, 156, 255, .08);--lg-chart-2-8: rgba(8, 199, 135, .08);--lg-chart-1-0: rgba(89, 156, 255, 0)}:root{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-100);--lg-g-fg-color-black-moderate: var(--lg-black-18);--lg-g-fg-color-black-faint: var(--lg-black-28);--lg-g-fg-color-black-default: var(--lg-black-46);--lg-g-fg-color-black-muted: var(--lg-black-64);--lg-g-fg-color-black-strong: var(--lg-black-82);--lg-g-fg-color-black-intense: var(--lg-black-94);--lg-g-fg-color-primary-muted: var(--lg-primary-300);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-danger-300);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-300);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-black-64);--lg-g-fg-color-black-blue-moderate: var(--lg-black-blue-18);--lg-g-fg-color-black-blue-faint: var(--lg-black-blue-28);--lg-g-fg-color-black-blue-default: var(--lg-black-blue-46);--lg-g-fg-color-black-blue-muted: var(--lg-black-blue-64);--lg-g-fg-color-black-blue-strong: var(--lg-black-blue-82);--lg-g-fg-color-black-blue-intense: var(--lg-black-blue-94);--lg-g-border-color-black-faint: var(--lg-black-3);--lg-g-border-color-black-dim: var(--lg-black-4);--lg-g-border-color-black-subtle: var(--lg-black-6);--lg-g-border-color-black-soft: var(--lg-black-8);--lg-g-border-color-black-muted: var(--lg-black-12);--lg-g-border-color-black-moderate: var(--lg-black-18);--lg-g-border-color-black-emphasis: var(--lg-black-64);--lg-g-border-color-black-intense: var(--lg-black-94);--lg-g-border-color-primary-soft: var(--lg-primary-300);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-border-color-warning-subtle: var(--lg-warning-100);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-border-color-danger-subtle: var(--lg-danger-100);--lg-g-border-color-danger-muted: var(--lg-danger-300);--lg-g-border-color-danger-low: var(--lg-danger-500);--lg-g-border-color-danger-default: var(--lg-danger-600);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-border-color-success-subtle: var(--lg-success-100);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-border-color-blue-subtle: var(--lg-blue-100);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-black-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-black-6);--lg-g-border-color-warning-muted: var(--lg-warning-300);--lg-g-border-color-success-muted: var(--lg-success-300);--lg-g-bg-color-white-emphasis: var(--lg-white-64);--lg-g-bg-color-white-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-strong: var(--lg-white-82);--lg-g-bg-color-white-translucent-ghost: var(--lg-white-0);--lg-g-bg-color-black-ghost: var(--lg-black-0);--lg-g-bg-color-black-hint: var(--lg-black-2);--lg-g-bg-color-black-faint: var(--lg-black-3);--lg-g-bg-color-black-dim: var(--lg-black-4);--lg-g-bg-color-black-subtle: var(--lg-black-6);--lg-g-bg-color-black-soft: var(--lg-black-8);--lg-g-bg-color-black-muted: var(--lg-black-12);--lg-g-bg-color-black-moderate: var(--lg-black-18);--lg-g-bg-color-black-default: var(--lg-black-46);--lg-g-bg-color-black-emphasis: var(--lg-black-64);--lg-g-bg-color-black-strong: var(--lg-black-82);--lg-g-bg-color-black-intense: var(--lg-black-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-primary-500-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-8);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-300);--lg-g-bg-color-primary-low: var(--lg-primary-500);--lg-g-bg-color-primary-default: var(--lg-primary-600);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-0);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-6);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-600);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-0);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-6);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-danger-50);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-danger-300);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-600);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-0);--lg-g-bg-color-success-translucent-faint: rgba(8, 204, 80, .03);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-success-50);--lg-g-bg-color-success-faint-dark: var(--lg-success-50);--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-0);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-50);--lg-g-bg-color-blue-faint-dark: var(--lg-blue-50);--lg-g-bg-color-blue-default: var(--lg-blue-600);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-50);--lg-g-bg-color-amber-faint-dark: var(--lg-amber-50);--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-50);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-50);--lg-g-bg-color-fuchsia-faint-dark: var(--lg-fuchsia-50);--lg-g-bg-color-emerald-faint: var(--lg-emerald-50);--lg-g-bg-color-indigo-faint: var(--lg-indigo-50);--lg-g-bg-color-indigo-faint-dark: var(--lg-indigo-50);--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #F7F7FA;--lg-g-bg-color-white: #FAFAFA;--lg-g-bg-color-navigation: #F1F1F6;--lg-g-bg-color-white-tabs: var(--lg-white-64);--lg-g-bg-color-white-default: var(--lg-white-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-6);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-6);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-12);--lg-g-bg-color-table-default: #F9F9F9;--lg-g-bg-color-white-bg1: var(--lg-white-100);--lg-g-bg-color-white-bg2: var(--lg-white-82);--lg-g-bg-color-white-bg3: var(--lg-white-100);--lg-g-bg-color-white-tabs2: var(--lg-white-82);--lg-g-bg-color-black-people: var(--lg-black-18);--lg-g-bg-color-black-translucent-soft: var(--lg-black-4);--lg-g-bg-color-black-translucent-muted: var(--lg-black-2);--lg-g-bg-color-color: var(--lg-blue-100);--lg-g-shadow-color-black-subtle: var(--lg-black-3);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}[data-theme=dark]{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-28);--lg-g-fg-color-black-moderate: var(--lg-white-18);--lg-g-fg-color-black-faint: var(--lg-white-28);--lg-g-fg-color-black-default: var(--lg-white-46);--lg-g-fg-color-black-muted: var(--lg-white-64);--lg-g-fg-color-black-strong: var(--lg-white-82);--lg-g-fg-color-black-intense: var(--lg-white-94);--lg-g-fg-color-primary-muted: var(--lg-primary-500-28);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-red-500-28);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-500-28);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-white-46);--lg-g-fg-color-black-blue-moderate: #FFFFFF;--lg-g-fg-color-black-blue-faint: #FFFFFF;--lg-g-fg-color-black-blue-default: #FFFFFF;--lg-g-fg-color-black-blue-muted: #FFFFFF;--lg-g-fg-color-black-blue-strong: #FFFFFF;--lg-g-fg-color-black-blue-intense: #FFFFFF;--lg-g-border-color-black-faint: var(--lg-white-3);--lg-g-border-color-black-dim: var(--lg-white-4);--lg-g-border-color-black-subtle: var(--lg-white-3);--lg-g-border-color-black-soft: var(--lg-white-12);--lg-g-border-color-black-muted: var(--lg-white-18);--lg-g-border-color-black-moderate: var(--lg-white-28);--lg-g-border-color-black-emphasis: var(--lg-white-64);--lg-g-border-color-black-intense: var(--lg-white-94);--lg-g-border-color-primary-soft: var(--lg-primary-500-28);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-border-color-warning-subtle: var(--lg-warning-900);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-border-color-danger-subtle: var(--lg-danger-900);--lg-g-border-color-danger-muted: var(--lg-red-500-12);--lg-g-border-color-danger-low: var(--lg-red-500-46);--lg-g-border-color-danger-default: var(--lg-red-500-28);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-12);--lg-g-border-color-success-subtle: var(--lg-success-900);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-12);--lg-g-border-color-blue-subtle: var(--lg-blue-900);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-white-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-white-8);--lg-g-border-color-warning-muted: var(--lg-warning-800);--lg-g-border-color-success-muted: var(--lg-success-900);--lg-g-bg-color-white-emphasis: var(--lg-white-4);--lg-g-bg-color-white-heavy: #232426;--lg-g-bg-color-white-translucent-heavy: var(--lg-white-12);--lg-g-bg-color-white-translucent-strong: rgba(35, 36, 38, .82);--lg-g-bg-color-white-translucent-ghost: rgba(35, 36, 38, 0);--lg-g-bg-color-black-ghost: var(--lg-white-0);--lg-g-bg-color-black-hint: var(--lg-white-3);--lg-g-bg-color-black-faint: var(--lg-white-3);--lg-g-bg-color-black-dim: var(--lg-white-6);--lg-g-bg-color-black-subtle: var(--lg-white-8);--lg-g-bg-color-black-soft: var(--lg-white-12);--lg-g-bg-color-black-muted: var(--lg-white-12);--lg-g-bg-color-black-moderate: var(--lg-white-18);--lg-g-bg-color-black-default: var(--lg-white-46);--lg-g-bg-color-black-emphasis: var(--lg-white-64);--lg-g-bg-color-black-strong: var(--lg-white-82);--lg-g-bg-color-black-intense: var(--lg-white-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-white-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-12);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-500-28);--lg-g-bg-color-primary-low: var(--lg-primary-800);--lg-g-bg-color-primary-default: var(--lg-primary-700);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-700);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-700);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-3);--lg-g-bg-color-success-translucent-faint: var(--lg-green-500-8);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-green-500-3);--lg-g-bg-color-success-faint-dark: #222428;--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-faint-dark: #222428;--lg-g-bg-color-blue-default: var(--lg-blue-700);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-500-8);--lg-g-bg-color-amber-faint-dark: #282520;--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-500-12);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-500-12);--lg-g-bg-color-fuchsia-faint-dark: #272326;--lg-g-bg-color-emerald-faint: var(--lg-green-500-12);--lg-g-bg-color-indigo-faint: var(--lg-indigo-500-12);--lg-g-bg-color-indigo-faint-dark: #222327;--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #121214;--lg-g-bg-color-white: #191A1B;--lg-g-bg-color-navigation: #19191B;--lg-g-bg-color-white-tabs: var(--lg-white-8);--lg-g-bg-color-white-default: var(--lg-black-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-8);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-8);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-28);--lg-g-bg-color-table-default: #252526;--lg-g-bg-color-white-bg1: var(--lg-white-4);--lg-g-bg-color-white-bg2: var(--lg-white-6);--lg-g-bg-color-white-bg3: var(--lg-white-6);--lg-g-bg-color-white-tabs2: var(--lg-white-12);--lg-g-bg-color-black-people: var(--lg-white-18);--lg-g-bg-color-black-translucent-soft: var(--lg-white-8);--lg-g-bg-color-black-translucent-muted: var(--lg-white-6);--lg-g-bg-color-color: var(--lg-blue-100);--lg-g-shadow-color-black-subtle: var(--lg-black-12);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}:root{--lg-g-fg-color-black-aint: var(--lg-g-fg-color-black-faint);--lg-g-fg-color-indigo-defauit: var(--lg-g-fg-color-indigo-default);--lg-g-fg-color-lime-defauit: var(--lg-g-fg-color-lime-default);--lg-g-fg-color-violet-defauit: var(--lg-g-fg-color-violet-default);--lg-g-bg-color-emeraid-translucent-soft: var(--lg-g-bg-color-emerald-translucent-soft)}:root{--lg-spacing-3x-small: 2px;--lg-spacing-2x-small: 4px;--lg-spacing-1-5x-small: 6px;--lg-spacing-x-small: 8px;--lg-spacing-0-5x-small: 10px;--lg-spacing-small: 12px;--lg-spacing-medium: 16px;--lg-spacing-large: 20px;--lg-spacing-0-5x-large: 24px;--lg-spacing-x-large: 28px;--lg-spacing-2x-large: 36px;--lg-spacing-3x-large: 48px;--lg-spacing-4x-large: 72px;--lg-radius-small: 4px;--lg-radius-medium: 6px;--lg-radius-x-medium: 8px;--lg-radius-large: 12px;--lg-radius-x-large: 16px;--lg-radius-2x-large: 20px;--lg-radius-3x-large: 24px;--lg-radius-4x-large: 28px;--lg-radius-5x-large: 32px;--lg-radius-circle: 999px;--lg-radius-pill: 999px;--lg-font-size-small-10: 10px;--lg-font-size-small-12: 12px;--lg-font-size-small-14: 14px;--lg-font-size-medium-16: 16px;--lg-font-size-medium-18: 18px;--lg-font-size-large-20: 20px;--lg-font-size-large-24: 24px;--lg-font-size-large-28: 28px;--lg-font-size-large-32: 32px;--lg-font-size-large-36: 36px;--lg-font-size-large-48: 48px;--lg-font-size-large-72: 72px;--lg-font-family-body: "PingFang SC";--lg-font-family-title: "PingFang SC";--lg-font-family-display: "PingFang SC";--lg-font-weight-light: light;--lg-font-weight-normal: regular;--lg-font-weight-semibold: semibold;--lg-font-weight-bold: bold;--lg-transition-duration: .2s;--lg-transition-timing: cubic-bezier(.645, .045, .355, 1);--lg-line-height-15: 15px;--lg-line-height-18: 18px;--lg-line-height-22: 22px;--lg-line-height-24: 24px;--lg-line-height-28: 28px;--lg-line-height-30: 30px;--lg-line-height-36: 36px;--lg-line-height-42: 42px;--lg-line-height-48: 48px;--lg-line-height-54: 54px;--lg-line-height-72: 72px;--lg-line-height-108: 108px}
|
|
1
|
+
:root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6D80FF;--lg-success-10: var(--lg-green-10);--lg-success-50: var(--lg-green-50);--lg-success-100: var(--lg-green-100);--lg-success-200: var(--lg-green-200);--lg-success-300: var(--lg-green-300);--lg-success-400: var(--lg-green-400);--lg-success-500: var(--lg-green-500);--lg-success-600: var(--lg-green-600);--lg-success-700: var(--lg-green-700);--lg-success-800: var(--lg-green-800);--lg-success-900: var(--lg-green-900);--lg-success-950: var(--lg-green-950);--lg-warning-10: var(--lg-orange-10);--lg-warning-50: var(--lg-orange-50);--lg-warning-100: var(--lg-orange-100);--lg-warning-200: var(--lg-orange-200);--lg-warning-300: var(--lg-orange-300);--lg-warning-400: var(--lg-orange-400);--lg-warning-500: var(--lg-orange-500);--lg-warning-600: var(--lg-orange-600);--lg-warning-700: var(--lg-orange-700);--lg-warning-800: var(--lg-orange-800);--lg-warning-900: var(--lg-orange-900);--lg-warning-950: var(--lg-orange-950);--lg-danger-10: var(--lg-red-10);--lg-danger-50: var(--lg-red-50);--lg-danger-100: var(--lg-red-100);--lg-danger-200: var(--lg-red-200);--lg-danger-300: var(--lg-red-300);--lg-danger-400: var(--lg-red-400);--lg-danger-500: var(--lg-red-500);--lg-danger-600: var(--lg-red-600);--lg-danger-700: var(--lg-red-700);--lg-danger-800: var(--lg-red-800);--lg-danger-900: var(--lg-red-900);--lg-danger-950: var(--lg-red-950);--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-4: rgba(0, 0, 0, .04);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-black-blue-0: rgba(0, 29, 65, 0);--lg-black-blue-2: rgba(0, 29, 65, .02);--lg-black-blue-3: rgba(0, 29, 65, .03);--lg-black-blue-4: rgba(0, 29, 65, .04);--lg-black-blue-6: rgba(0, 29, 65, .06);--lg-black-blue-8: rgba(0, 29, 65, .08);--lg-black-blue-12: rgba(0, 29, 65, .12);--lg-black-blue-18: rgba(0, 29, 65, .18);--lg-black-blue-28: rgba(0, 29, 65, .28);--lg-black-blue-46: rgba(0, 29, 65, .46);--lg-black-blue-64: rgba(0, 29, 65, .64);--lg-black-blue-82: rgba(0, 29, 65, .82);--lg-black-blue-94: rgba(0, 29, 65, .94);--lg-black-blue-100: #001D41;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-2: rgba(255, 255, 255, .02);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-4: rgba(255, 255, 255, .04);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-8: rgba(255, 255, 255, .08);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #FFFFFF;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(255, 41, 59, 0);--lg-red-500-3: rgba(255, 41, 59, .03);--lg-red-500-6: rgba(255, 41, 59, .06);--lg-red-500-8: rgba(255, 41, 59, .08);--lg-red-500-12: rgba(255, 41, 59, .12);--lg-red-500-28: rgba(255, 41, 59, .28);--lg-red-500-46: rgba(255, 41, 59, .46);--lg-red-500-64: rgba(255, 41, 59, .64);--lg-red-500-82: rgba(255, 41, 59, .82);--lg-red-500-94: rgba(255, 41, 59, .94);--lg-red-500-100: #FF293B;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF5EC;--lg-orange-100: #FFE8D6;--lg-orange-200: #FFD5B5;--lg-orange-300: #FFBE90;--lg-orange-400: #FFA56A;--lg-orange-500: #FF8D42;--lg-orange-600: #FF7700;--lg-orange-700: #DD6301;--lg-orange-800: #BA5002;--lg-orange-900: #964009;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #FF7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #FFB200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE500;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 229, 0, 0);--lg-yellow-500-3: rgba(255, 229, 0, .03);--lg-yellow-500-6: rgba(255, 229, 0, .06);--lg-yellow-500-8: rgba(255, 229, 0, .08);--lg-yellow-500-12: rgba(255, 229, 0, .12);--lg-yellow-500-28: rgba(255, 229, 0, .28);--lg-yellow-500-46: rgba(255, 229, 0, .46);--lg-yellow-500-64: rgba(255, 229, 0, .64);--lg-yellow-500-82: rgba(255, 229, 0, .82);--lg-yellow-500-94: rgba(255, 229, 0, .94);--lg-yellow-500-100: #FFE500;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74D70B;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08CC50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E5B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-color-11: #08C787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00E5E5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00A3F4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4D89FF;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155F6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858F9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8F40FF;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #F858D0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-new-group-0: rgba(255, 36, 109, 0);--lg-pink-new-group-3: rgba(255, 36, 109, .03);--lg-pink-new-group-6: rgba(255, 36, 109, .06);--lg-pink-new-group-8: rgba(255, 36, 109, .08);--lg-pink-new-group-12: rgba(255, 36, 109, .12);--lg-pink-new-group-28: rgba(255, 36, 109, .28);--lg-pink-new-group-46: rgba(255, 36, 109, .46);--lg-pink-new-group-64: rgba(255, 36, 109, .64);--lg-pink-new-group-82: rgba(255, 36, 109, .82);--lg-pink-new-group-94: rgba(255, 36, 109, .94);--lg-pink-new-group-100: #FF246D;--lg-chart-1: #599CFF;--lg-chart-2: var(--lg-emerald-500);--lg-chart-3: var(--lg-amber-500);--lg-chart-4: var(--lg-cyan-500);--lg-chart-5: var(--lg-lime-500);--lg-chart-6: #767AFF;--lg-chart-7: #97A3C1;--lg-chart-8: #769DFF;--lg-chart-9: #999999;--lg-chart-10: var(--lg-fuchsia-500);--lg-chart-11: var(--lg-teal-500);--lg-chart-12: var(--lg-yellow-500);--lg-chart-13: var(--lg-purple-500);--lg-chart-14: var(--lg-pink-500);--lg-chart-15: var(--lg-violet-500);--lg-chart-1-64: rgba(89, 156, 255, .64);--lg-chart-2-64: rgba(8, 199, 135, .64);--lg-chart-3-64: rgba(255, 178, 0, .64);--lg-chart-4-64: rgba(0, 163, 244, .64);--lg-chart-5-64: rgba(116, 215, 11, .64);--lg-chart-6-64: rgba(118, 122, 255, .64);--lg-chart-7-64: rgba(151, 163, 193, .64);--lg-chart-8-64: rgba(118, 157, 255, .64);--lg-chart-9-64: rgba(153, 153, 153, .64);--lg-chart-10-64: rgba(248, 88, 208, .64);--lg-chart-11-64: rgba(0, 229, 229, .64);--lg-chart-12-64: rgba(255, 230, 0, .64);--lg-chart-13-64: rgba(143, 64, 255, .64);--lg-chart-14-64: rgba(255, 36, 109, .64);--lg-chart-15-64: rgba(120, 88, 249, .64);--lg-chart-1-28: rgba(89, 156, 255, .28);--lg-chart-2-28: rgba(8, 199, 135, .28);--lg-chart-1-8: rgba(89, 156, 255, .08);--lg-chart-2-8: rgba(8, 199, 135, .08);--lg-chart-1-0: rgba(89, 156, 255, 0)}:root{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-100);--lg-g-fg-color-black-moderate: var(--lg-black-18);--lg-g-fg-color-black-faint: var(--lg-black-28);--lg-g-fg-color-black-default: var(--lg-black-46);--lg-g-fg-color-black-muted: var(--lg-black-64);--lg-g-fg-color-black-strong: var(--lg-black-82);--lg-g-fg-color-black-intense: var(--lg-black-94);--lg-g-fg-color-primary-muted: var(--lg-primary-300);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-danger-300);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-300);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-black-64);--lg-g-fg-color-black-blue-moderate: var(--lg-black-blue-18);--lg-g-fg-color-black-blue-faint: var(--lg-black-blue-28);--lg-g-fg-color-black-blue-default: var(--lg-black-blue-46);--lg-g-fg-color-black-blue-muted: var(--lg-black-blue-64);--lg-g-fg-color-black-blue-strong: var(--lg-black-blue-82);--lg-g-fg-color-black-blue-intense: var(--lg-black-blue-94);--lg-g-border-color-black-faint: var(--lg-black-3);--lg-g-border-color-black-dim: var(--lg-black-4);--lg-g-border-color-black-subtle: var(--lg-black-6);--lg-g-border-color-black-soft: var(--lg-black-8);--lg-g-border-color-black-muted: var(--lg-black-12);--lg-g-border-color-black-moderate: var(--lg-black-18);--lg-g-border-color-black-emphasis: var(--lg-black-64);--lg-g-border-color-black-intense: var(--lg-black-94);--lg-g-border-color-primary-soft: var(--lg-primary-300);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-border-color-warning-subtle: var(--lg-warning-100);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-border-color-danger-subtle: var(--lg-danger-100);--lg-g-border-color-danger-muted: var(--lg-danger-300);--lg-g-border-color-danger-low: var(--lg-danger-500);--lg-g-border-color-danger-default: var(--lg-danger-600);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-border-color-success-subtle: var(--lg-success-100);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-border-color-blue-subtle: var(--lg-blue-100);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-black-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-black-6);--lg-g-border-color-warning-muted: var(--lg-warning-300);--lg-g-border-color-success-muted: var(--lg-success-300);--lg-g-border-color-white-heavy: var(--lg-white-100);--lg-g-border-color-primary-translucent-moderate: var(--lg-primary-500-28);--lg-g-border-color-warning-translucent-moderate: var(--lg-orange-500-28);--lg-g-border-color-danger-translucent-moderate: var(--lg-red-500-28);--lg-g-border-color-success-translucent-moderate: var(--lg-green-500-28);--lg-g-border-color-blue-translucent-moderate: var(--lg-blue-500-28);--lg-g-border-color-amber-translucent-moderate: var(--lg-amber-500-28);--lg-g-border-color-teal-translucent-moderate: var(--lg-teal-500-28);--lg-g-border-color-emerald-translucent-moderate: var(--lg-emerald-500-28);--lg-g-border-color-lime-translucent-moderate: var(--lg-lime-500-28);--lg-g-border-color-cyan-translucent-moderate: var(--lg-cyan-500-28);--lg-g-border-color-purple-translucent-moderate: var(--lg-purple-500-28);--lg-g-border-color-indigo-translucent-moderate: var(--lg-indigo-500-28);--lg-g-border-color-violet-translucent-moderate: var(--lg-violet-500-28);--lg-g-border-color-fuchsia-translucent-moderate: var(--lg-fuchsia-500-28);--lg-g-border-color-pink-translucent-moderate: var(--lg-pink-new-group-28);--lg-g-bg-color-white-emphasis: var(--lg-white-64);--lg-g-bg-color-white-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-strong: var(--lg-white-82);--lg-g-bg-color-white-translucent-ghost: var(--lg-white-0);--lg-g-bg-color-black-ghost: var(--lg-black-0);--lg-g-bg-color-black-hint: var(--lg-black-2);--lg-g-bg-color-black-faint: var(--lg-black-3);--lg-g-bg-color-black-dim: var(--lg-black-4);--lg-g-bg-color-black-subtle: var(--lg-black-6);--lg-g-bg-color-black-soft: var(--lg-black-8);--lg-g-bg-color-black-muted: var(--lg-black-12);--lg-g-bg-color-black-moderate: var(--lg-black-18);--lg-g-bg-color-black-default: var(--lg-black-46);--lg-g-bg-color-black-emphasis: var(--lg-black-64);--lg-g-bg-color-black-strong: var(--lg-black-82);--lg-g-bg-color-black-intense: var(--lg-black-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-primary-500-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-8);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-300);--lg-g-bg-color-primary-low: var(--lg-primary-500);--lg-g-bg-color-primary-default: var(--lg-primary-600);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-0);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-6);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-600);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-0);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-6);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-danger-50);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-danger-300);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-600);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-0);--lg-g-bg-color-success-translucent-faint: rgba(8, 204, 80, .03);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-success-50);--lg-g-bg-color-success-faint-dark: var(--lg-success-50);--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-0);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-50);--lg-g-bg-color-blue-faint-dark: var(--lg-blue-50);--lg-g-bg-color-blue-default: var(--lg-blue-600);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-50);--lg-g-bg-color-amber-faint-dark: var(--lg-amber-50);--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-50);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-50);--lg-g-bg-color-fuchsia-faint-dark: var(--lg-fuchsia-50);--lg-g-bg-color-emerald-faint: var(--lg-emerald-50);--lg-g-bg-color-indigo-faint: var(--lg-indigo-50);--lg-g-bg-color-indigo-faint-dark: var(--lg-indigo-50);--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #F7F7FA;--lg-g-bg-color-white: #FAFAFA;--lg-g-bg-color-navigation: #F1F1F6;--lg-g-bg-color-white-tabs: var(--lg-white-64);--lg-g-bg-color-white-default: var(--lg-white-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-6);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-6);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-12);--lg-g-bg-color-table-default: #F9F9F9;--lg-g-bg-color-white-bg1: var(--lg-white-100);--lg-g-bg-color-white-bg2: var(--lg-white-82);--lg-g-bg-color-white-bg3: var(--lg-white-100);--lg-g-bg-color-white-tabs2: var(--lg-white-82);--lg-g-bg-color-black-people: var(--lg-black-18);--lg-g-bg-color-black-translucent-soft: var(--lg-black-4);--lg-g-bg-color-black-translucent-muted: var(--lg-black-2);--lg-g-bg-color-color: var(--lg-blue-100);--lg-g-shadow-color-black-subtle: var(--lg-black-3);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}[data-theme=dark]{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-28);--lg-g-fg-color-black-moderate: var(--lg-white-18);--lg-g-fg-color-black-faint: var(--lg-white-28);--lg-g-fg-color-black-default: var(--lg-white-46);--lg-g-fg-color-black-muted: var(--lg-white-64);--lg-g-fg-color-black-strong: var(--lg-white-82);--lg-g-fg-color-black-intense: var(--lg-white-94);--lg-g-fg-color-primary-muted: var(--lg-primary-500-28);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-red-500-28);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-500-28);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-white-46);--lg-g-fg-color-black-blue-moderate: var(--lg-white-18);--lg-g-fg-color-black-blue-faint: var(--lg-white-28);--lg-g-fg-color-black-blue-default: var(--lg-white-46);--lg-g-fg-color-black-blue-muted: var(--lg-white-64);--lg-g-fg-color-black-blue-strong: var(--lg-white-82);--lg-g-fg-color-black-blue-intense: var(--lg-white-94);--lg-g-border-color-black-faint: var(--lg-white-3);--lg-g-border-color-black-dim: var(--lg-white-4);--lg-g-border-color-black-subtle: var(--lg-white-3);--lg-g-border-color-black-soft: var(--lg-white-12);--lg-g-border-color-black-muted: var(--lg-white-18);--lg-g-border-color-black-moderate: var(--lg-white-28);--lg-g-border-color-black-emphasis: var(--lg-white-64);--lg-g-border-color-black-intense: var(--lg-white-94);--lg-g-border-color-primary-soft: var(--lg-primary-500-28);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-border-color-warning-subtle: var(--lg-warning-900);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-border-color-danger-subtle: var(--lg-danger-900);--lg-g-border-color-danger-muted: var(--lg-red-500-12);--lg-g-border-color-danger-low: var(--lg-red-500-46);--lg-g-border-color-danger-default: var(--lg-red-500-28);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-12);--lg-g-border-color-success-subtle: var(--lg-success-900);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-12);--lg-g-border-color-blue-subtle: var(--lg-blue-900);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-white-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-white-8);--lg-g-border-color-warning-muted: var(--lg-warning-800);--lg-g-border-color-success-muted: var(--lg-success-900);--lg-g-border-color-white-heavy: var(--lg-white-100);--lg-g-border-color-primary-translucent-moderate: var(--lg-primary-500-28);--lg-g-border-color-warning-translucent-moderate: var(--lg-orange-500-28);--lg-g-border-color-danger-translucent-moderate: var(--lg-red-500-28);--lg-g-border-color-success-translucent-moderate: var(--lg-green-500-28);--lg-g-border-color-blue-translucent-moderate: var(--lg-blue-500-28);--lg-g-border-color-amber-translucent-moderate: var(--lg-amber-500-28);--lg-g-border-color-teal-translucent-moderate: var(--lg-teal-500-28);--lg-g-border-color-emerald-translucent-moderate: var(--lg-emerald-500-28);--lg-g-border-color-lime-translucent-moderate: var(--lg-lime-500-28);--lg-g-border-color-cyan-translucent-moderate: var(--lg-cyan-500-28);--lg-g-border-color-purple-translucent-moderate: var(--lg-purple-500-28);--lg-g-border-color-indigo-translucent-moderate: var(--lg-indigo-500-28);--lg-g-border-color-violet-translucent-moderate: var(--lg-violet-500-28);--lg-g-border-color-fuchsia-translucent-moderate: var(--lg-fuchsia-500-28);--lg-g-border-color-pink-translucent-moderate: var(--lg-pink-new-group-28);--lg-g-bg-color-white-emphasis: var(--lg-white-4);--lg-g-bg-color-white-heavy: #232426;--lg-g-bg-color-white-translucent-heavy: var(--lg-white-12);--lg-g-bg-color-white-translucent-strong: rgba(35, 36, 38, .82);--lg-g-bg-color-white-translucent-ghost: rgba(35, 36, 38, 0);--lg-g-bg-color-black-ghost: var(--lg-white-0);--lg-g-bg-color-black-hint: var(--lg-white-3);--lg-g-bg-color-black-faint: var(--lg-white-3);--lg-g-bg-color-black-dim: var(--lg-white-6);--lg-g-bg-color-black-subtle: var(--lg-white-8);--lg-g-bg-color-black-soft: var(--lg-white-12);--lg-g-bg-color-black-muted: var(--lg-white-12);--lg-g-bg-color-black-moderate: var(--lg-white-18);--lg-g-bg-color-black-default: var(--lg-white-46);--lg-g-bg-color-black-emphasis: var(--lg-white-64);--lg-g-bg-color-black-strong: var(--lg-white-82);--lg-g-bg-color-black-intense: var(--lg-white-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-white-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-12);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-500-28);--lg-g-bg-color-primary-low: var(--lg-primary-800);--lg-g-bg-color-primary-default: var(--lg-primary-700);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-700);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-700);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-3);--lg-g-bg-color-success-translucent-faint: var(--lg-green-500-8);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-green-500-3);--lg-g-bg-color-success-faint-dark: #222428;--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-faint-dark: #222428;--lg-g-bg-color-blue-default: var(--lg-blue-700);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-500-8);--lg-g-bg-color-amber-faint-dark: #282520;--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-500-12);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-500-12);--lg-g-bg-color-fuchsia-faint-dark: #272326;--lg-g-bg-color-emerald-faint: var(--lg-green-500-12);--lg-g-bg-color-indigo-faint: var(--lg-indigo-500-12);--lg-g-bg-color-indigo-faint-dark: #222327;--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #121214;--lg-g-bg-color-white: #191A1B;--lg-g-bg-color-navigation: #19191B;--lg-g-bg-color-white-tabs: var(--lg-white-8);--lg-g-bg-color-white-default: var(--lg-black-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-8);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-8);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-28);--lg-g-bg-color-table-default: #252526;--lg-g-bg-color-white-bg1: var(--lg-white-4);--lg-g-bg-color-white-bg2: var(--lg-white-6);--lg-g-bg-color-white-bg3: var(--lg-white-6);--lg-g-bg-color-white-tabs2: var(--lg-white-12);--lg-g-bg-color-black-people: var(--lg-white-18);--lg-g-bg-color-black-translucent-soft: var(--lg-white-8);--lg-g-bg-color-black-translucent-muted: var(--lg-white-6);--lg-g-bg-color-color: var(--lg-blue-100);--lg-g-shadow-color-black-subtle: var(--lg-black-12);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}[data-theme=warm]{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-100);--lg-g-fg-color-black-moderate: var(--lg-black-18);--lg-g-fg-color-black-faint: var(--lg-black-28);--lg-g-fg-color-black-default: var(--lg-black-46);--lg-g-fg-color-black-muted: var(--lg-black-64);--lg-g-fg-color-black-strong: var(--lg-black-82);--lg-g-fg-color-black-intense: var(--lg-black-94);--lg-g-fg-color-primary-muted: var(--lg-primary-300);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-danger-300);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-300);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-black-64);--lg-g-fg-color-black-blue-moderate: var(--lg-black-blue-18);--lg-g-fg-color-black-blue-faint: var(--lg-black-blue-28);--lg-g-fg-color-black-blue-default: var(--lg-black-blue-46);--lg-g-fg-color-black-blue-muted: var(--lg-black-blue-64);--lg-g-fg-color-black-blue-strong: var(--lg-black-blue-82);--lg-g-fg-color-black-blue-intense: var(--lg-black-blue-94);--lg-g-border-color-black-faint: var(--lg-black-3);--lg-g-border-color-black-dim: var(--lg-black-4);--lg-g-border-color-black-subtle: var(--lg-black-6);--lg-g-border-color-black-soft: var(--lg-black-8);--lg-g-border-color-black-muted: var(--lg-black-12);--lg-g-border-color-black-moderate: var(--lg-black-18);--lg-g-border-color-black-emphasis: var(--lg-black-64);--lg-g-border-color-black-intense: var(--lg-black-94);--lg-g-border-color-primary-soft: var(--lg-primary-300);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-border-color-warning-subtle: var(--lg-warning-100);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-border-color-danger-subtle: var(--lg-danger-100);--lg-g-border-color-danger-muted: var(--lg-danger-300);--lg-g-border-color-danger-low: var(--lg-danger-500);--lg-g-border-color-danger-default: var(--lg-danger-600);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-border-color-success-subtle: var(--lg-success-100);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-border-color-blue-subtle: var(--lg-blue-100);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-black-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-black-6);--lg-g-border-color-warning-muted: var(--lg-warning-300);--lg-g-border-color-success-muted: var(--lg-success-300);--lg-g-border-color-white-heavy: var(--lg-white-100);--lg-g-border-color-primary-translucent-moderate: var(--lg-primary-500-28);--lg-g-border-color-warning-translucent-moderate: var(--lg-orange-500-28);--lg-g-border-color-danger-translucent-moderate: var(--lg-red-500-28);--lg-g-border-color-success-translucent-moderate: var(--lg-green-500-28);--lg-g-border-color-blue-translucent-moderate: var(--lg-blue-500-28);--lg-g-border-color-amber-translucent-moderate: var(--lg-amber-500-28);--lg-g-border-color-teal-translucent-moderate: var(--lg-teal-500-28);--lg-g-border-color-emerald-translucent-moderate: var(--lg-emerald-500-28);--lg-g-border-color-lime-translucent-moderate: var(--lg-lime-500-28);--lg-g-border-color-cyan-translucent-moderate: var(--lg-cyan-500-28);--lg-g-border-color-purple-translucent-moderate: var(--lg-purple-500-28);--lg-g-border-color-indigo-translucent-moderate: var(--lg-indigo-500-28);--lg-g-border-color-violet-translucent-moderate: var(--lg-violet-500-28);--lg-g-border-color-fuchsia-translucent-moderate: var(--lg-fuchsia-500-28);--lg-g-border-color-pink-translucent-moderate: var(--lg-pink-new-group-28);--lg-g-bg-color-white-emphasis: var(--lg-white-64);--lg-g-bg-color-white-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-strong: var(--lg-white-82);--lg-g-bg-color-white-translucent-ghost: var(--lg-white-0);--lg-g-bg-color-black-ghost: var(--lg-black-0);--lg-g-bg-color-black-hint: var(--lg-black-2);--lg-g-bg-color-black-faint: var(--lg-black-3);--lg-g-bg-color-black-dim: var(--lg-black-4);--lg-g-bg-color-black-subtle: var(--lg-black-6);--lg-g-bg-color-black-soft: var(--lg-black-8);--lg-g-bg-color-black-muted: var(--lg-black-12);--lg-g-bg-color-black-moderate: var(--lg-black-18);--lg-g-bg-color-black-default: var(--lg-black-46);--lg-g-bg-color-black-emphasis: var(--lg-black-64);--lg-g-bg-color-black-strong: var(--lg-black-82);--lg-g-bg-color-black-intense: var(--lg-black-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-primary-500-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-8);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-300);--lg-g-bg-color-primary-low: var(--lg-primary-500);--lg-g-bg-color-primary-default: var(--lg-primary-600);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-0);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-6);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-600);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-0);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-6);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-danger-50);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-danger-300);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-600);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-0);--lg-g-bg-color-success-translucent-faint: rgba(8, 204, 80, .03);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-success-50);--lg-g-bg-color-success-faint-dark: var(--lg-success-50);--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-0);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-50);--lg-g-bg-color-blue-faint-dark: var(--lg-blue-50);--lg-g-bg-color-blue-default: var(--lg-blue-600);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-50);--lg-g-bg-color-amber-faint-dark: var(--lg-amber-50);--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-50);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-50);--lg-g-bg-color-fuchsia-faint-dark: var(--lg-fuchsia-50);--lg-g-bg-color-emerald-faint: var(--lg-emerald-50);--lg-g-bg-color-indigo-faint: var(--lg-indigo-50);--lg-g-bg-color-indigo-faint-dark: var(--lg-indigo-50);--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #F5F5F2;--lg-g-bg-color-white: #FAFAFA;--lg-g-bg-color-navigation: #F0EFEB;--lg-g-bg-color-white-tabs: var(--lg-white-64);--lg-g-bg-color-white-default: var(--lg-white-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-6);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-6);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-12);--lg-g-bg-color-table-default: #F9F9F9;--lg-g-bg-color-white-bg1: var(--lg-white-100);--lg-g-bg-color-white-bg2: var(--lg-white-82);--lg-g-bg-color-white-bg3: var(--lg-white-100);--lg-g-bg-color-white-tabs2: var(--lg-white-82);--lg-g-bg-color-black-people: var(--lg-black-18);--lg-g-bg-color-black-translucent-soft: var(--lg-black-4);--lg-g-bg-color-black-translucent-muted: var(--lg-black-2);--lg-g-bg-color-color: var(--lg-blue-100);--lg-g-shadow-color-black-subtle: var(--lg-black-3);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}:root{--lg-g-fg-color-black-aint: var(--lg-g-fg-color-black-faint);--lg-g-fg-color-indigo-defauit: var(--lg-g-fg-color-indigo-default);--lg-g-fg-color-lime-defauit: var(--lg-g-fg-color-lime-default);--lg-g-fg-color-violet-defauit: var(--lg-g-fg-color-violet-default);--lg-g-bg-color-emeraid-translucent-soft: var(--lg-g-bg-color-emerald-translucent-soft)}:root{--lg-spacing-3x-small: 2px;--lg-spacing-2x-small: 4px;--lg-spacing-1-5x-small: 6px;--lg-spacing-x-small: 8px;--lg-spacing-0-5x-small: 10px;--lg-spacing-small: 12px;--lg-spacing-medium: 16px;--lg-spacing-large: 20px;--lg-spacing-0-5x-large: 24px;--lg-spacing-x-large: 28px;--lg-spacing-2x-large: 36px;--lg-spacing-3x-large: 48px;--lg-spacing-4x-large: 72px;--lg-radius-small: 4px;--lg-radius-medium: 6px;--lg-radius-x-medium: 8px;--lg-radius-large: 12px;--lg-radius-x-large: 16px;--lg-radius-2x-large: 20px;--lg-radius-3x-large: 24px;--lg-radius-4x-large: 28px;--lg-radius-5x-large: 32px;--lg-radius-circle: 999px;--lg-radius-pill: 999px;--lg-font-size-small-10: 10px;--lg-font-size-small-12: 12px;--lg-font-size-small-14: 14px;--lg-font-size-medium-16: 16px;--lg-font-size-medium-18: 18px;--lg-font-size-large-20: 20px;--lg-font-size-large-24: 24px;--lg-font-size-large-28: 28px;--lg-font-size-large-32: 32px;--lg-font-size-large-36: 36px;--lg-font-size-large-48: 48px;--lg-font-size-large-72: 72px;--lg-font-family-body: "PingFang SC";--lg-font-family-title: "PingFang SC";--lg-font-family-display: "PingFang SC";--lg-font-weight-light: light;--lg-font-weight-normal: regular;--lg-font-weight-semibold: semibold;--lg-font-weight-bold: bold;--lg-transition-duration: .2s;--lg-transition-timing: cubic-bezier(.645, .045, .355, 1);--lg-line-height-15: 15px;--lg-line-height-18: 18px;--lg-line-height-22: 22px;--lg-line-height-24: 24px;--lg-line-height-28: 28px;--lg-line-height-30: 30px;--lg-line-height-36: 36px;--lg-line-height-42: 42px;--lg-line-height-48: 48px;--lg-line-height-54: 54px;--lg-line-height-72: 72px;--lg-line-height-108: 108px}
|
package/package.json
CHANGED
package/skill/AGENTS-SNIPPET.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
> **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成,禁止手工编辑。**
|
|
4
4
|
> 供根 `AGENTS.md` 引用,避免手写清单随组件库迭代脱节。
|
|
5
|
-
> 组件库 `0.0.
|
|
5
|
+
> 组件库 `0.0.26` | 图标库 `1.0.23`
|
|
6
6
|
|
|
7
7
|
## 可用组件(45)
|
|
8
8
|
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
|
|
72
72
|
按 CSS 属性选前缀:`color`/`fill`/`stroke` → `fg`,`background` → `bg`,`border-color`/`outline` → `border`。
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
各主题变量名相同,`data-theme="dark"` / `data-theme="warm"` 自动切换。色值列供**反查**(设计稿色值找 Token)与**比对**(少数 Token 亮暗语义不对称)使用,**不要把色值直接写进业务代码**。表里查不到所需颜色时可写硬编码(加注释标明来源),但**任何情况都不得引用 primitives**。
|
|
75
75
|
|
|
76
76
|
### ⚠️ 已废弃的错拼 Token
|
|
77
77
|
|
|
@@ -85,6 +85,15 @@
|
|
|
85
85
|
| `--lg-g-fg-color-violet-default` | ~~`--lg-g-fg-color-violet-defauit`~~ |
|
|
86
86
|
| `--lg-g-bg-color-emerald-translucent-soft` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
|
|
87
87
|
|
|
88
|
+
### 暖棕主题(2)
|
|
89
|
+
|
|
90
|
+
`data-theme="warm"` 是亮色的浅底变体,只有下列 Token 与亮色取值不同,其余同亮色:
|
|
91
|
+
|
|
92
|
+
| Token | 亮色 | 暖棕 |
|
|
93
|
+
|-------|------|------|
|
|
94
|
+
| `--lg-g-bg-color-page-default` | `#F7F7FA` | `#F5F5F2` |
|
|
95
|
+
| `--lg-g-bg-color-navigation` | `#F1F1F6` | `#F0EFEB` |
|
|
96
|
+
|
|
88
97
|
#### 前景色 fg(54)
|
|
89
98
|
|
|
90
99
|
| Token | 亮色 | 暗色 |
|
|
@@ -137,12 +146,12 @@
|
|
|
137
146
|
| `--lg-g-fg-color-lime-low` | `#74D70B` | `#74D70B` |
|
|
138
147
|
| `--lg-g-fg-color-violet-low` | `#7858F9` | `#7858F9` |
|
|
139
148
|
| `--lg-g-fg-color-black-title` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.46)` |
|
|
140
|
-
| `--lg-g-fg-color-black-blue-moderate` | `rgba(0, 29, 65, 0.18)` |
|
|
141
|
-
| `--lg-g-fg-color-black-blue-faint` | `rgba(0, 29, 65, 0.28)` |
|
|
142
|
-
| `--lg-g-fg-color-black-blue-default` | `rgba(0, 29, 65, 0.46)` |
|
|
143
|
-
| `--lg-g-fg-color-black-blue-muted` | `rgba(0, 29, 65, 0.64)` |
|
|
144
|
-
| `--lg-g-fg-color-black-blue-strong` | `rgba(0, 29, 65, 0.82)` |
|
|
145
|
-
| `--lg-g-fg-color-black-blue-intense` | `rgba(0, 29, 65, 0.94)` |
|
|
149
|
+
| `--lg-g-fg-color-black-blue-moderate` | `rgba(0, 29, 65, 0.18)` | `rgba(255, 255, 255, 0.18)` |
|
|
150
|
+
| `--lg-g-fg-color-black-blue-faint` | `rgba(0, 29, 65, 0.28)` | `rgba(255, 255, 255, 0.28)` |
|
|
151
|
+
| `--lg-g-fg-color-black-blue-default` | `rgba(0, 29, 65, 0.46)` | `rgba(255, 255, 255, 0.46)` |
|
|
152
|
+
| `--lg-g-fg-color-black-blue-muted` | `rgba(0, 29, 65, 0.64)` | `rgba(255, 255, 255, 0.64)` |
|
|
153
|
+
| `--lg-g-fg-color-black-blue-strong` | `rgba(0, 29, 65, 0.82)` | `rgba(255, 255, 255, 0.82)` |
|
|
154
|
+
| `--lg-g-fg-color-black-blue-intense` | `rgba(0, 29, 65, 0.94)` | `rgba(255, 255, 255, 0.94)` |
|
|
146
155
|
|
|
147
156
|
#### 背景色 bg(108)
|
|
148
157
|
|
|
@@ -257,7 +266,7 @@
|
|
|
257
266
|
| `--lg-g-bg-color-black-translucent-muted` | `rgba(0, 0, 0, 0.02)` | `rgba(255, 255, 255, 0.06)` |
|
|
258
267
|
| `--lg-g-bg-color-color` | `#E4EEFF` | `#E4EEFF` |
|
|
259
268
|
|
|
260
|
-
#### 边框色 border(
|
|
269
|
+
#### 边框色 border(61)
|
|
261
270
|
|
|
262
271
|
| Token | 亮色 | 暗色 |
|
|
263
272
|
|-------|------|------|
|
|
@@ -306,6 +315,22 @@
|
|
|
306
315
|
| `--lg-g-border-color-black-stroke` | `rgba(0, 0, 0, 0.06)` | `rgba(255, 255, 255, 0.08)` |
|
|
307
316
|
| `--lg-g-border-color-warning-muted` | `#FFBE90` | `#BA5002` |
|
|
308
317
|
| `--lg-g-border-color-success-muted` | `#7AEB9C` | `#0C5B31` |
|
|
318
|
+
| `--lg-g-border-color-white-heavy` | `#FFFFFF` | `#FFFFFF` |
|
|
319
|
+
| `--lg-g-border-color-primary-translucent-moderate` | `rgba(109, 128, 255, 0.28)` | `rgba(109, 128, 255, 0.28)` |
|
|
320
|
+
| `--lg-g-border-color-warning-translucent-moderate` | `rgba(255, 119, 0, 0.28)` | `rgba(255, 119, 0, 0.28)` |
|
|
321
|
+
| `--lg-g-border-color-danger-translucent-moderate` | `rgba(255, 41, 59, 0.28)` | `rgba(255, 41, 59, 0.28)` |
|
|
322
|
+
| `--lg-g-border-color-success-translucent-moderate` | `rgba(8, 204, 80, 0.28)` | `rgba(8, 204, 80, 0.28)` |
|
|
323
|
+
| `--lg-g-border-color-blue-translucent-moderate` | `rgba(77, 137, 255, 0.28)` | `rgba(77, 137, 255, 0.28)` |
|
|
324
|
+
| `--lg-g-border-color-amber-translucent-moderate` | `rgba(255, 178, 0, 0.28)` | `rgba(255, 178, 0, 0.28)` |
|
|
325
|
+
| `--lg-g-border-color-teal-translucent-moderate` | `rgba(0, 229, 229, 0.28)` | `rgba(0, 229, 229, 0.28)` |
|
|
326
|
+
| `--lg-g-border-color-emerald-translucent-moderate` | `rgba(8, 199, 135, 0.28)` | `rgba(8, 199, 135, 0.28)` |
|
|
327
|
+
| `--lg-g-border-color-lime-translucent-moderate` | `rgba(116, 215, 11, 0.28)` | `rgba(116, 215, 11, 0.28)` |
|
|
328
|
+
| `--lg-g-border-color-cyan-translucent-moderate` | `rgba(0, 163, 244, 0.28)` | `rgba(0, 163, 244, 0.28)` |
|
|
329
|
+
| `--lg-g-border-color-purple-translucent-moderate` | `rgba(143, 64, 255, 0.28)` | `rgba(143, 64, 255, 0.28)` |
|
|
330
|
+
| `--lg-g-border-color-indigo-translucent-moderate` | `rgba(81, 85, 246, 0.28)` | `rgba(81, 85, 246, 0.28)` |
|
|
331
|
+
| `--lg-g-border-color-violet-translucent-moderate` | `rgba(120, 88, 249, 0.28)` | `rgba(120, 88, 249, 0.28)` |
|
|
332
|
+
| `--lg-g-border-color-fuchsia-translucent-moderate` | `rgba(248, 88, 208, 0.28)` | `rgba(248, 88, 208, 0.28)` |
|
|
333
|
+
| `--lg-g-border-color-pink-translucent-moderate` | `rgba(255, 36, 109, 0.28)` | `rgba(255, 36, 109, 0.28)` |
|
|
309
334
|
#### 其他(4)
|
|
310
335
|
|
|
311
336
|
| Token | 亮色 | 暗色 |
|
package/skill/SKILL.md
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
name: lingee-ui-usage
|
|
3
3
|
description: 使用 lingee-ui 组件库与 lingee-icon 图标库开发 React 界面。当需要编写含按钮、表单、弹窗、表格、下拉、页签、图标等 UI 的 React/TypeScript 代码,或需要查询 lingee-ui 组件 API、Design Token 语义变量、可用图标名时触发。关键词:lingee-ui、lingee-icon、组件库、图标库、Design Token、语义变量、lg- 前缀、UI 组件。
|
|
4
4
|
metadata:
|
|
5
|
-
lingeeUi: "0.0.
|
|
6
|
-
lingeeIcon: "1.0.
|
|
5
|
+
lingeeUi: "0.0.26"
|
|
6
|
+
lingeeIcon: "1.0.23"
|
|
7
7
|
generatedBy: "gen-skill.mjs"
|
|
8
8
|
---
|
|
9
9
|
|
|
10
10
|
# lingee-ui 组件库使用技能
|
|
11
11
|
|
|
12
|
-
Kingdee Lingee 设计体系的 React 组件库(45 个组件)与图标库(
|
|
12
|
+
Kingdee Lingee 设计体系的 React 组件库(45 个组件)与图标库(992 个图标)。
|
|
13
13
|
本技能面向**消费方项目**,只覆盖「如何用」,不含组件库内部开发约定。
|
|
14
14
|
|
|
15
|
-
- 组件库版本 `0.0.
|
|
15
|
+
- 组件库版本 `0.0.26` | 图标库版本 `1.0.23`
|
|
16
16
|
- 组件在线预览:https://kingdee.github.io/lingee-ui/
|
|
17
17
|
- 图标在线预览:https://kingdee.github.io/lingee-icon/
|
|
18
18
|
|
|
@@ -50,7 +50,7 @@ createRoot(el).render(
|
|
|
50
50
|
);
|
|
51
51
|
```
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
详细接入说明(主题切换、仅用 Token、样式覆盖、SSR)见 `references/setup.md`。
|
|
54
54
|
|
|
55
55
|
## 组件清单
|
|
56
56
|
|
|
@@ -140,14 +140,14 @@ import { Search, Trash } from "lingee-icon";
|
|
|
140
140
|
图标默认 `size="1em"`、`color="currentColor"`,即随父级字号与文字颜色走,
|
|
141
141
|
所以**优先用 CSS 控制颜色**而不是传 `color` prop。
|
|
142
142
|
|
|
143
|
-
完整 Props 见 `references/setup.md`,
|
|
143
|
+
完整 Props 见 `references/setup.md`,992 个图标的名称与中文语义索引见 `references/icons.md`。
|
|
144
144
|
选图标时必须从索引中查找,**不要凭猜测写图标名**,也不要从 `@ant-design/icons`、`lucide-react` 等其他库引入。
|
|
145
145
|
|
|
146
146
|
## 颜色:优先用语义 Token
|
|
147
147
|
|
|
148
148
|
两条铁律:
|
|
149
149
|
|
|
150
|
-
1. **禁止使用 primitives 色板变量**(`--lg-primary-600`、`--lg-black-82
|
|
150
|
+
1. **禁止使用 primitives 色板变量**(`--lg-primary-600`、`--lg-black-82`),它们不随主题切换,这条没有例外
|
|
151
151
|
2. 优先用语义层 `--lg-g-*` 变量,按 CSS 属性选前缀:
|
|
152
152
|
|
|
153
153
|
| CSS 属性 | Token 前缀 |
|
|
@@ -180,7 +180,7 @@ import { Search, Trash } from "lingee-icon";
|
|
|
180
180
|
| 边框-品牌 | `var(--lg-g-border-color-primary-default)` | `#495DFF` |
|
|
181
181
|
| 边框-危险 | `var(--lg-g-border-color-danger-default)` | `#F12234` |
|
|
182
182
|
|
|
183
|
-
|
|
183
|
+
主题给 `<html>` 设 `data-theme` 即自动切换:暗色为 `dark`,暖棕为 `warm`,不设为亮色,无需额外处理。
|
|
184
184
|
|
|
185
185
|
### 已废弃的错拼 Token
|
|
186
186
|
|
|
@@ -208,7 +208,7 @@ import { Search, Trash } from "lingee-icon";
|
|
|
208
208
|
|
|
209
209
|
设计稿给的是 hex 时,到 `references/tokens.md` 搜该 hex,表格含亮/暗两列最终色值,可直接反查。
|
|
210
210
|
|
|
211
|
-
全量
|
|
211
|
+
全量 227 个语义 Token 见 `references/tokens.md`。
|
|
212
212
|
|
|
213
213
|
## 查阅详细 API
|
|
214
214
|
|
|
@@ -217,7 +217,7 @@ import { Search, Trash } from "lingee-icon";
|
|
|
217
217
|
|
|
218
218
|
| 文件 | 内容 |
|
|
219
219
|
|------|------|
|
|
220
|
-
| `references/setup.md` | 安装、样式引入、Provider
|
|
220
|
+
| `references/setup.md` | 安装、样式引入、Provider、主题切换、样式覆盖、图标 Props |
|
|
221
221
|
| `references/components/*.md` | 逐组件 API 表 + 最小示例 |
|
|
222
|
-
| `references/tokens.md` | 全量语义 Token
|
|
222
|
+
| `references/tokens.md` | 全量语义 Token(含亮 / 暗色值与暖棕差异项,可按 hex 反查) |
|
|
223
223
|
| `references/icons.md` | 全量图标索引(含中文语义) |
|
package/skill/VERSION.json
CHANGED
|
@@ -17,7 +17,7 @@ export default function BasicDemo() {
|
|
|
17
17
|
return (
|
|
18
18
|
<div style={{ width: 260 }}>
|
|
19
19
|
<ColorPicker value={color} onChange={setColor} />
|
|
20
|
-
<p style={{ marginTop: 12, fontSize: 14, color: "
|
|
20
|
+
<p style={{ marginTop: 12, fontSize: 14, color: "var(--lg-g-fg-color-black-muted)" }}>
|
|
21
21
|
Current color: {color}
|
|
22
22
|
</p>
|
|
23
23
|
</div>
|
|
@@ -18,7 +18,7 @@ export default function BasicDemo() {
|
|
|
18
18
|
<div style={{ width: 292 }}>
|
|
19
19
|
{/* 不传 placeholder,展示组件跟随 Provider 语言的默认占位符 */}
|
|
20
20
|
<DatePicker value={value} onChange={(v) => setValue(v)} />
|
|
21
|
-
<p style={{ marginTop: 12, fontSize: 14, color: "
|
|
21
|
+
<p style={{ marginTop: 12, fontSize: 14, color: "var(--lg-g-fg-color-black-muted)" }}>
|
|
22
22
|
{value ? value.toLocaleDateString() : "—"}
|
|
23
23
|
</p>
|
|
24
24
|
</div>
|
|
@@ -28,7 +28,7 @@ export default function BasicDemo() {
|
|
|
28
28
|
onOk={() => setOpen(false)}
|
|
29
29
|
onCancel={() => setOpen(false)}
|
|
30
30
|
>
|
|
31
|
-
<p style={{ padding: "0 20px", color: "
|
|
31
|
+
<p style={{ padding: "0 20px", color: "var(--lg-g-fg-color-black-muted)" }}>
|
|
32
32
|
This is the dialog content area. You can put anything here.
|
|
33
33
|
</p>
|
|
34
34
|
</Dialog>
|
|
@@ -14,7 +14,7 @@ const items = Array.from({ length: 50 }, (_, i) => `Item ${i + 1}`);
|
|
|
14
14
|
|
|
15
15
|
export default function BasicDemo() {
|
|
16
16
|
return (
|
|
17
|
-
<div style={{ width: 280, border: "1px solid
|
|
17
|
+
<div style={{ width: 280, border: "1px solid var(--lg-g-border-color-black-muted)", borderRadius: 8 }}>
|
|
18
18
|
<ScrollArea style={{ maxHeight: 300 }}>
|
|
19
19
|
<div style={{ padding: 8 }}>
|
|
20
20
|
{items.map((item) => (
|
|
@@ -22,7 +22,7 @@ export default function BasicDemo() {
|
|
|
22
22
|
key={item}
|
|
23
23
|
style={{
|
|
24
24
|
padding: "8px 12px",
|
|
25
|
-
borderBottom: "1px solid
|
|
25
|
+
borderBottom: "1px solid var(--lg-g-border-color-black-subtle)",
|
|
26
26
|
fontSize: 14,
|
|
27
27
|
}}
|
|
28
28
|
>
|
|
@@ -17,7 +17,7 @@ export default function BasicDemo() {
|
|
|
17
17
|
return (
|
|
18
18
|
<div style={{ width: 300 }}>
|
|
19
19
|
<Slider value={value} onChange={setValue} />
|
|
20
|
-
<p style={{ marginTop: 12, fontSize: 14, color: "
|
|
20
|
+
<p style={{ marginTop: 12, fontSize: 14, color: "var(--lg-g-fg-color-black-muted)" }}>
|
|
21
21
|
Current value: {value[0]}
|
|
22
22
|
</p>
|
|
23
23
|
</div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# 图标索引
|
|
2
2
|
|
|
3
|
-
图标库 `1.0.
|
|
3
|
+
图标库 `1.0.23`,共 992 个图标、27 个分类。图标名为 PascalCase,直接作为 React 组件名从 `lingee-icon` 导入。
|
|
4
4
|
|
|
5
5
|
```tsx
|
|
6
6
|
import { Search } from "lingee-icon";
|
|
@@ -12,7 +12,7 @@ import { Search } from "lingee-icon";
|
|
|
12
12
|
|
|
13
13
|
---
|
|
14
14
|
|
|
15
|
-
## 通用类(
|
|
15
|
+
## 通用类(59)
|
|
16
16
|
|
|
17
17
|
| 图标名 | 语义/用途 |
|
|
18
18
|
|--------|----------|
|
|
@@ -49,6 +49,7 @@ import { Search } from "lingee-icon";
|
|
|
49
49
|
| LayoutDashboard | 更多操作(竖向) |
|
|
50
50
|
| Like | 点赞(选中) |
|
|
51
51
|
| Like1 | 点赞 |
|
|
52
|
+
| LingeeLogo | 灵基 Logo(品牌标识) |
|
|
52
53
|
| Location | 定位/位置 |
|
|
53
54
|
| Map | 地图 |
|
|
54
55
|
| MeetingRoom | 会议室 |
|
|
@@ -544,7 +545,7 @@ import { Search } from "lingee-icon";
|
|
|
544
545
|
| Wifi | WiFi |
|
|
545
546
|
| WifiOff | WiFi关闭 |
|
|
546
547
|
|
|
547
|
-
## 代码开发(
|
|
548
|
+
## 代码开发(34)
|
|
548
549
|
|
|
549
550
|
| 图标名 | 语义/用途 |
|
|
550
551
|
|--------|----------|
|
|
@@ -570,6 +571,7 @@ import { Search } from "lingee-icon";
|
|
|
570
571
|
| Hourglass | 沙漏/等待 |
|
|
571
572
|
| Key | 密钥 |
|
|
572
573
|
| Layers | 图层 |
|
|
574
|
+
| LayersOutline | 层叠描边/企业资产(kcode) |
|
|
573
575
|
| Organize | 组织/整理 |
|
|
574
576
|
| SquareCode | 代码块 |
|
|
575
577
|
| Terminal | 终端 |
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# 接入指南
|
|
2
2
|
|
|
3
|
-
组件库 `0.0.
|
|
3
|
+
组件库 `0.0.26` | 图标库 `1.0.23`
|
|
4
4
|
|
|
5
5
|
## 安装
|
|
6
6
|
|
|
@@ -56,14 +56,22 @@ import { LingeeProvider, enUS } from "lingee-ui";
|
|
|
56
56
|
|
|
57
57
|
需要在业务代码里复用组件库文案时,用 `useLocale()` 取完整语言包,或 `useComponentLocale("Pagination")` 取单个组件的片段。
|
|
58
58
|
|
|
59
|
-
##
|
|
59
|
+
## 主题切换
|
|
60
60
|
|
|
61
|
-
|
|
61
|
+
内置亮色(默认)、暗色、暖棕三套主题。给 `<html>` 设 `data-theme`,全部语义 Token 自动切换:
|
|
62
62
|
|
|
63
63
|
```ts
|
|
64
64
|
document.documentElement.setAttribute("data-theme", "dark");
|
|
65
65
|
```
|
|
66
66
|
|
|
67
|
+
| 主题 | `data-theme` | `color-scheme` |
|
|
68
|
+
|------|----------------|------------------|
|
|
69
|
+
| 亮色 | 不设,或 `light` | `light` |
|
|
70
|
+
| 暗色 | `dark` | `dark` |
|
|
71
|
+
| 暖棕 | `warm` | `light` |
|
|
72
|
+
|
|
73
|
+
暖棕是浅底主题,与亮色只有少数底色不同,差异项见 `references/tokens.md` 的「暖棕主题」。原生控件与滚动条按 `color-scheme` 绘制,它只认 `light` / `dark`,暖棕写 `light`。业务代码按主题分支时只认 `dark`,其余值(含 `warm`)按亮色处理,不要写成「不是 `light` 就是暗色」。
|
|
74
|
+
|
|
67
75
|
前提是组件与业务样式都只用语义层 `--lg-g-*` 变量。用了 primitives 或硬编码色值的地方不会跟随切换。
|
|
68
76
|
|
|
69
77
|
## 按需引入
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
# 语义 Token 全表
|
|
2
2
|
|
|
3
|
-
组件库 `0.0.
|
|
3
|
+
组件库 `0.0.26`。仅列语义层(`--lg-g-*`)。
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
亮色、暗色与暖棕**变量名完全相同**,给 `<html>` 加 `data-theme="dark"` 或 `data-theme="warm"` 即自动切换,业务代码只写一次。
|
|
6
|
+
|
|
7
|
+
暖棕与亮色只有少数 Token 取值不同,单独列在「暖棕主题」一节,全表不再重复暖棕列。
|
|
6
8
|
|
|
7
9
|
下表「亮色 / 暗色」列是各主题下的最终色值,用途有两个:
|
|
8
10
|
|
|
@@ -24,6 +26,15 @@
|
|
|
24
26
|
| `var(--lg-g-fg-color-violet-default)` | ~~`--lg-g-fg-color-violet-defauit`~~ |
|
|
25
27
|
| `var(--lg-g-bg-color-emerald-translucent-soft)` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
|
|
26
28
|
|
|
29
|
+
## 暖棕主题(2)
|
|
30
|
+
|
|
31
|
+
`data-theme="warm"` 是亮色的浅底变体,只有下列 Token 与亮色取值不同,其余同亮色:
|
|
32
|
+
|
|
33
|
+
| Token | 亮色 | 暖棕 |
|
|
34
|
+
|-------|------|------|
|
|
35
|
+
| `var(--lg-g-bg-color-page-default)` | `#F7F7FA` | `#F5F5F2` |
|
|
36
|
+
| `var(--lg-g-bg-color-navigation)` | `#F1F1F6` | `#F0EFEB` |
|
|
37
|
+
|
|
27
38
|
## 前景色 fg(color / fill / stroke)(54)
|
|
28
39
|
|
|
29
40
|
| Token | 亮色 | 暗色 |
|
|
@@ -76,12 +87,12 @@
|
|
|
76
87
|
| `var(--lg-g-fg-color-lime-low)` | `#74D70B` | `#74D70B` |
|
|
77
88
|
| `var(--lg-g-fg-color-violet-low)` | `#7858F9` | `#7858F9` |
|
|
78
89
|
| `var(--lg-g-fg-color-black-title)` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.46)` |
|
|
79
|
-
| `var(--lg-g-fg-color-black-blue-moderate)` | `rgba(0, 29, 65, 0.18)` |
|
|
80
|
-
| `var(--lg-g-fg-color-black-blue-faint)` | `rgba(0, 29, 65, 0.28)` |
|
|
81
|
-
| `var(--lg-g-fg-color-black-blue-default)` | `rgba(0, 29, 65, 0.46)` |
|
|
82
|
-
| `var(--lg-g-fg-color-black-blue-muted)` | `rgba(0, 29, 65, 0.64)` |
|
|
83
|
-
| `var(--lg-g-fg-color-black-blue-strong)` | `rgba(0, 29, 65, 0.82)` |
|
|
84
|
-
| `var(--lg-g-fg-color-black-blue-intense)` | `rgba(0, 29, 65, 0.94)` |
|
|
90
|
+
| `var(--lg-g-fg-color-black-blue-moderate)` | `rgba(0, 29, 65, 0.18)` | `rgba(255, 255, 255, 0.18)` |
|
|
91
|
+
| `var(--lg-g-fg-color-black-blue-faint)` | `rgba(0, 29, 65, 0.28)` | `rgba(255, 255, 255, 0.28)` |
|
|
92
|
+
| `var(--lg-g-fg-color-black-blue-default)` | `rgba(0, 29, 65, 0.46)` | `rgba(255, 255, 255, 0.46)` |
|
|
93
|
+
| `var(--lg-g-fg-color-black-blue-muted)` | `rgba(0, 29, 65, 0.64)` | `rgba(255, 255, 255, 0.64)` |
|
|
94
|
+
| `var(--lg-g-fg-color-black-blue-strong)` | `rgba(0, 29, 65, 0.82)` | `rgba(255, 255, 255, 0.82)` |
|
|
95
|
+
| `var(--lg-g-fg-color-black-blue-intense)` | `rgba(0, 29, 65, 0.94)` | `rgba(255, 255, 255, 0.94)` |
|
|
85
96
|
|
|
86
97
|
## 背景色 bg(background)(108)
|
|
87
98
|
|
|
@@ -196,7 +207,7 @@
|
|
|
196
207
|
| `var(--lg-g-bg-color-black-translucent-muted)` | `rgba(0, 0, 0, 0.02)` | `rgba(255, 255, 255, 0.06)` |
|
|
197
208
|
| `var(--lg-g-bg-color-color)` | `#E4EEFF` | `#E4EEFF` |
|
|
198
209
|
|
|
199
|
-
## 边框色 border(border-color / outline)(
|
|
210
|
+
## 边框色 border(border-color / outline)(61)
|
|
200
211
|
|
|
201
212
|
| Token | 亮色 | 暗色 |
|
|
202
213
|
|-------|------|------|
|
|
@@ -245,6 +256,22 @@
|
|
|
245
256
|
| `var(--lg-g-border-color-black-stroke)` | `rgba(0, 0, 0, 0.06)` | `rgba(255, 255, 255, 0.08)` |
|
|
246
257
|
| `var(--lg-g-border-color-warning-muted)` | `#FFBE90` | `#BA5002` |
|
|
247
258
|
| `var(--lg-g-border-color-success-muted)` | `#7AEB9C` | `#0C5B31` |
|
|
259
|
+
| `var(--lg-g-border-color-white-heavy)` | `#FFFFFF` | `#FFFFFF` |
|
|
260
|
+
| `var(--lg-g-border-color-primary-translucent-moderate)` | `rgba(109, 128, 255, 0.28)` | `rgba(109, 128, 255, 0.28)` |
|
|
261
|
+
| `var(--lg-g-border-color-warning-translucent-moderate)` | `rgba(255, 119, 0, 0.28)` | `rgba(255, 119, 0, 0.28)` |
|
|
262
|
+
| `var(--lg-g-border-color-danger-translucent-moderate)` | `rgba(255, 41, 59, 0.28)` | `rgba(255, 41, 59, 0.28)` |
|
|
263
|
+
| `var(--lg-g-border-color-success-translucent-moderate)` | `rgba(8, 204, 80, 0.28)` | `rgba(8, 204, 80, 0.28)` |
|
|
264
|
+
| `var(--lg-g-border-color-blue-translucent-moderate)` | `rgba(77, 137, 255, 0.28)` | `rgba(77, 137, 255, 0.28)` |
|
|
265
|
+
| `var(--lg-g-border-color-amber-translucent-moderate)` | `rgba(255, 178, 0, 0.28)` | `rgba(255, 178, 0, 0.28)` |
|
|
266
|
+
| `var(--lg-g-border-color-teal-translucent-moderate)` | `rgba(0, 229, 229, 0.28)` | `rgba(0, 229, 229, 0.28)` |
|
|
267
|
+
| `var(--lg-g-border-color-emerald-translucent-moderate)` | `rgba(8, 199, 135, 0.28)` | `rgba(8, 199, 135, 0.28)` |
|
|
268
|
+
| `var(--lg-g-border-color-lime-translucent-moderate)` | `rgba(116, 215, 11, 0.28)` | `rgba(116, 215, 11, 0.28)` |
|
|
269
|
+
| `var(--lg-g-border-color-cyan-translucent-moderate)` | `rgba(0, 163, 244, 0.28)` | `rgba(0, 163, 244, 0.28)` |
|
|
270
|
+
| `var(--lg-g-border-color-purple-translucent-moderate)` | `rgba(143, 64, 255, 0.28)` | `rgba(143, 64, 255, 0.28)` |
|
|
271
|
+
| `var(--lg-g-border-color-indigo-translucent-moderate)` | `rgba(81, 85, 246, 0.28)` | `rgba(81, 85, 246, 0.28)` |
|
|
272
|
+
| `var(--lg-g-border-color-violet-translucent-moderate)` | `rgba(120, 88, 249, 0.28)` | `rgba(120, 88, 249, 0.28)` |
|
|
273
|
+
| `var(--lg-g-border-color-fuchsia-translucent-moderate)` | `rgba(248, 88, 208, 0.28)` | `rgba(248, 88, 208, 0.28)` |
|
|
274
|
+
| `var(--lg-g-border-color-pink-translucent-moderate)` | `rgba(255, 36, 109, 0.28)` | `rgba(255, 36, 109, 0.28)` |
|
|
248
275
|
|
|
249
276
|
## 其他(4)
|
|
250
277
|
|