@apollo-design/theme 0.0.0-stage → 0.1.9

package/dist/presets/material3.css

@@ -0,0 +1,54 @@
+/*! @apollo-design/theme material3: generated with getDesignToken + getCSSVarDeclarations. */
+:root[data-apollo-preset="material3"],[data-apollo-preset="material3"]{--apollo-blue:#1677FF;--apollo-purple:#722ED1;--apollo-cyan:#13C2C2;--apollo-green:#52C41A;--apollo-magenta:#EB2F96;--apollo-pink:#EB2F96;--apollo-red:#F5222D;--apollo-orange:#FA8C16;--apollo-yellow:#FADB14;--apollo-volcano:#FA541C;--apollo-geekblue:#2F54EB;--apollo-gold:#FAAD14;--apollo-lime:#A0D911;--apollo-color-primary:#0073e6;--apollo-color-success:#226b3b;--apollo-color-warning:#805200;--apollo-color-error:#b3261e;--apollo-color-info:#0073e6;--apollo-color-link:#0073e6;--apollo-color-text-base:#1d1b20;--apollo-color-bg-base:#fffbfe;--apollo-font-family:Roboto, 'Noto Sans', system-ui, sans-serif;--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:16px;--apollo-line-width:1px;--apollo-line-type:solid;--apollo-motion-ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--apollo-motion-ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--apollo-motion-ease-out:cubic-bezier(0.2, 0, 0, 1);--apollo-motion-ease-in-out:cubic-bezier(0.2, 0, 0, 1);--apollo-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--apollo-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--apollo-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--apollo-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--apollo-border-radius:12px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:40px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--apollo-font-weight-strong:500;--apollo-box-shadow:0 2px 6px 2px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.3);--apollo-box-shadow-secondary:0 4px 8px 3px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.3);--apollo-box-shadow-tertiary:0 1px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.3);--apollo-box-shadow-card:0 1px 3px rgba(0,0,0,0.15);--apollo-blue-1:#e6f4ff;--apollo-blue-2:#bae0ff;--apollo-blue-3:#91caff;--apollo-blue-4:#69b1ff;--apollo-blue-5:#4096ff;--apollo-blue-6:#1677ff;--apollo-blue-7:#0958d9;--apollo-blue-8:#003eb3;--apollo-blue-9:#002c8c;--apollo-blue-10:#001d66;--apollo-purple-1:#f9f0ff;--apollo-purple-2:#efdbff;--apollo-purple-3:#d3adf7;--apollo-purple-4:#b37feb;--apollo-purple-5:#9254de;--apollo-purple-6:#722ed1;--apollo-purple-7:#531dab;--apollo-purple-8:#391085;--apollo-purple-9:#22075e;--apollo-purple-10:#120338;--apollo-cyan-1:#e6fffb;--apollo-cyan-2:#b5f5ec;--apollo-cyan-3:#87e8de;--apollo-cyan-4:#5cdbd3;--apollo-cyan-5:#36cfc9;--apollo-cyan-6:#13c2c2;--apollo-cyan-7:#08979c;--apollo-cyan-8:#006d75;--apollo-cyan-9:#00474f;--apollo-cyan-10:#002329;--apollo-green-1:#f6ffed;--apollo-green-2:#d9f7be;--apollo-green-3:#b7eb8f;--apollo-green-4:#95de64;--apollo-green-5:#73d13d;--apollo-green-6:#52c41a;--apollo-green-7:#389e0d;--apollo-green-8:#237804;--apollo-green-9:#135200;--apollo-green-10:#092b00;--apollo-magenta-1:#fff0f6;--apollo-magenta-2:#ffd6e7;--apollo-magenta-3:#ffadd2;--apollo-magenta-4:#ff85c0;--apollo-magenta-5:#f759ab;--apollo-magenta-6:#eb2f96;--apollo-magenta-7:#c41d7f;--apollo-magenta-8:#9e1068;--apollo-magenta-9:#780650;--apollo-magenta-10:#520339;--apollo-pink-1:#fff0f6;--apollo-pink-2:#ffd6e7;--apollo-pink-3:#ffadd2;--apollo-pink-4:#ff85c0;--apollo-pink-5:#f759ab;--apollo-pink-6:#eb2f96;--apollo-pink-7:#c41d7f;--apollo-pink-8:#9e1068;--apollo-pink-9:#780650;--apollo-pink-10:#520339;--apollo-red-1:#fff1f0;--apollo-red-2:#ffccc7;--apollo-red-3:#ffa39e;--apollo-red-4:#ff7875;--apollo-red-5:#ff4d4f;--apollo-red-6:#f5222d;--apollo-red-7:#cf1322;--apollo-red-8:#a8071a;--apollo-red-9:#820014;--apollo-red-10:#5c0011;--apollo-orange-1:#fff7e6;--apollo-orange-2:#ffe7ba;--apollo-orange-3:#ffd591;--apollo-orange-4:#ffc069;--apollo-orange-5:#ffa940;--apollo-orange-6:#fa8c16;--apollo-orange-7:#d46b08;--apollo-orange-8:#ad4e00;--apollo-orange-9:#873800;--apollo-orange-10:#612500;--apollo-yellow-1:#feffe6;--apollo-yellow-2:#ffffb8;--apollo-yellow-3:#fffb8f;--apollo-yellow-4:#fff566;--apollo-yellow-5:#ffec3d;--apollo-yellow-6:#fadb14;--apollo-yellow-7:#d4b106;--apollo-yellow-8:#ad8b00;--apollo-yellow-9:#876800;--apollo-yellow-10:#614700;--apollo-volcano-1:#fff2e8;--apollo-volcano-2:#ffd8bf;--apollo-volcano-3:#ffbb96;--apollo-volcano-4:#ff9c6e;--apollo-volcano-5:#ff7a45;--apollo-volcano-6:#fa541c;--apollo-volcano-7:#d4380d;--apollo-volcano-8:#ad2102;--apollo-volcano-9:#871400;--apollo-volcano-10:#610b00;--apollo-geekblue-1:#f0f5ff;--apollo-geekblue-2:#d6e4ff;--apollo-geekblue-3:#adc6ff;--apollo-geekblue-4:#85a5ff;--apollo-geekblue-5:#597ef7;--apollo-geekblue-6:#2f54eb;--apollo-geekblue-7:#1d39c4;--apollo-geekblue-8:#10239e;--apollo-geekblue-9:#061178;--apollo-geekblue-10:#030852;--apollo-gold-1:#fffbe6;--apollo-gold-2:#fff1b8;--apollo-gold-3:#ffe58f;--apollo-gold-4:#ffd666;--apollo-gold-5:#ffc53d;--apollo-gold-6:#faad14;--apollo-gold-7:#d48806;--apollo-gold-8:#ad6800;--apollo-gold-9:#874d00;--apollo-gold-10:#613400;--apollo-lime-1:#fcffe6;--apollo-lime-2:#f4ffb8;--apollo-lime-3:#eaff8f;--apollo-lime-4:#d3f261;--apollo-lime-5:#bae637;--apollo-lime-6:#a0d911;--apollo-lime-7:#7cb305;--apollo-lime-8:#5b8c00;--apollo-lime-9:#3f6600;--apollo-lime-10:#254000;--apollo-color-shadow:#000;--apollo-color-text:rgba(29,27,32,0.88);--apollo-color-text-secondary:rgba(29,27,32,0.65);--apollo-color-text-tertiary:rgba(29,27,32,0.45);--apollo-color-text-quaternary:rgba(29,27,32,0.25);--apollo-color-fill:rgba(29,27,32,0.15);--apollo-color-fill-secondary:rgba(29,27,32,0.06);--apollo-color-fill-tertiary:rgba(29,27,32,0.04);--apollo-color-fill-quaternary:rgba(29,27,32,0.02);--apollo-color-bg-solid:rgb(29,27,32);--apollo-color-bg-solid-hover:rgba(29,27,32,0.75);--apollo-color-bg-solid-active:rgba(29,27,32,0.95);--apollo-color-bg-layout:#f3f3f3;--apollo-color-bg-container:#fdfdfd;--apollo-color-bg-elevated:#f0f6fc;--apollo-color-bg-spotlight:rgba(29,27,32,0.85);--apollo-color-bg-blur:transparent;--apollo-color-border:#d7d6d7;--apollo-color-border-disabled:#d7d6d7;--apollo-color-border-secondary:#eeedee;--apollo-color-primary-bg:#e6f7ff;--apollo-color-primary-bg-hover:#a3ddff;--apollo-color-primary-border:#7acaff;--apollo-color-primary-border-hover:#52b4ff;--apollo-color-primary-hover:#2793f2;--apollo-color-primary-active:#0059bf;--apollo-color-primary-text-hover:#2793f2;--apollo-color-primary-text:#0073e6;--apollo-color-primary-text-active:#0059bf;--apollo-color-success-bg:#a1aba2;--apollo-color-success-bg-hover:#959e97;--apollo-color-success-border:#74917c;--apollo-color-success-border-hover:#558562;--apollo-color-success-hover:#558562;--apollo-color-success-active:#134526;--apollo-color-success-text-hover:#3a784d;--apollo-color-success-text:#226b3b;--apollo-color-success-text-active:#134526;--apollo-color-error-bg:#f2e7e4;--apollo-color-error-bg-hover:#e6c2ba;--apollo-color-error-bg-filled-hover:#e6c0b9;--apollo-color-error-bg-active:#d9988d;--apollo-color-error-border:#d9988d;--apollo-color-error-border-hover:#cc7064;--apollo-color-error-hover:#bf4a3f;--apollo-color-error-active:#8c1311;--apollo-color-error-text-hover:#bf4a3f;--apollo-color-error-text:#b3261e;--apollo-color-error-text-active:#8c1311;--apollo-color-warning-bg:#bfbbac;--apollo-color-warning-bg-hover:#b3a472;--apollo-color-warning-border:#a68f50;--apollo-color-warning-border-hover:#997a31;--apollo-color-warning-hover:#997a31;--apollo-color-warning-active:#593600;--apollo-color-warning-text-hover:#8c6516;--apollo-color-warning-text:#805200;--apollo-color-warning-text-active:#593600;--apollo-color-info-bg:#e6f7ff;--apollo-color-info-bg-hover:#a3ddff;--apollo-color-info-border:#7acaff;--apollo-color-info-border-hover:#52b4ff;--apollo-color-info-hover:#52b4ff;--apollo-color-info-active:#0059bf;--apollo-color-info-text-hover:#2793f2;--apollo-color-info-text:#0073e6;--apollo-color-info-text-active:#0059bf;--apollo-color-link-hover:#52b4ff;--apollo-color-link-active:#0059bf;--apollo-blue-hover:#4096ff;--apollo-blue-active:#0958d9;--apollo-purple-hover:#9254de;--apollo-purple-active:#531dab;--apollo-cyan-hover:#36cfc9;--apollo-cyan-active:#08979c;--apollo-green-hover:#73d13d;--apollo-green-active:#389e0d;--apollo-magenta-hover:#f759ab;--apollo-magenta-active:#c41d7f;--apollo-pink-hover:#f759ab;--apollo-pink-active:#c41d7f;--apollo-red-hover:#ff4d4f;--apollo-red-active:#cf1322;--apollo-orange-hover:#ffa940;--apollo-orange-active:#d46b08;--apollo-yellow-hover:#ffec3d;--apollo-yellow-active:#d4b106;--apollo-volcano-hover:#ff7a45;--apollo-volcano-active:#d4380d;--apollo-geekblue-hover:#597ef7;--apollo-geekblue-active:#1d39c4;--apollo-lime-hover:#bae637;--apollo-lime-active:#7cb305;--apollo-gold-hover:#ffc53d;--apollo-gold-active:#d48806;--apollo-color-bg-mask:rgba(0,0,0,0.45);--apollo-color-white:#fff;--apollo-font-size-sm:14px;--apollo-font-size-lg:18px;--apollo-font-size-xl:22px;--apollo-font-size-heading-1:32px;--apollo-font-size-heading-2:28px;--apollo-font-size-heading-3:24px;--apollo-font-size-heading-4:22px;--apollo-font-size-heading-5:18px;--apollo-line-height:1.5;--apollo-line-height-lg:1.4444444444444444;--apollo-line-height-sm:1.5714285714285714;--apollo-font-height:24px;--apollo-font-height-lg:26px;--apollo-font-height-sm:22px;--apollo-line-height-heading-1:1.25;--apollo-line-height-heading-2:1.3;--apollo-line-height-heading-3:1.35;--apollo-line-height-heading-4:1.4;--apollo-line-height-heading-5:1.45;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:24px;--apollo-size-md:20px;--apollo-size-ms:16px;--apollo-size:16px;--apollo-size-sm:12px;--apollo-size-xs:8px;--apollo-size-xxs:4px;--apollo-control-height-sm:30px;--apollo-control-height-xs:20px;--apollo-control-height-lg:50px;--apollo-motion-duration-fast:0.1s;--apollo-motion-duration-mid:0.2s;--apollo-motion-duration-slow:0.3s;--apollo-line-width-bold:2px;--apollo-border-radius-xs:4px;--apollo-border-radius-sm:6px;--apollo-border-radius-lg:18px;--apollo-border-radius-outer:6px;--apollo-color-fill-content:rgba(29,27,32,0.06);--apollo-color-fill-content-hover:rgba(29,27,32,0.15);--apollo-color-fill-alter:rgba(29,27,32,0.02);--apollo-color-bg-container-disabled:rgba(29,27,32,0.04);--apollo-color-border-bg:#fdfdfd;--apollo-color-split:rgba(39,24,39,0.07);--apollo-color-text-placeholder:rgba(29,27,32,0.25);--apollo-color-text-disabled:rgba(29,27,32,0.25);--apollo-color-text-heading:rgba(29,27,32,0.88);--apollo-color-text-label:rgba(29,27,32,0.65);--apollo-color-text-description:rgba(29,27,32,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#b3261e;--apollo-color-bg-text-hover:rgba(29,27,32,0.06);--apollo-color-bg-text-active:rgba(29,27,32,0.15);--apollo-color-icon:rgba(29,27,32,0.45);--apollo-color-icon-hover:rgba(29,27,32,0.88);--apollo-color-error-outline:rgba(143,33,3,0.1);--apollo-color-warning-outline:rgba(59,47,0,0.32);--apollo-color-error-affix:#b3261e;--apollo-color-warning-affix:#805200;--apollo-font-size-icon:14px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:20px;--apollo-control-item-bg-hover:rgba(29,27,32,0.04);--apollo-control-item-bg-active:#e6f7ff;--apollo-control-item-bg-active-hover:#a3ddff;--apollo-control-item-bg-active-disabled:rgba(29,27,32,0.15);--apollo-control-tmp-outline:rgba(29,27,32,0.02);--apollo-control-outline:rgba(225,246,255,0.81);--apollo-opacity-loading:0.65;--apollo-link-decoration:none;--apollo-link-hover-decoration:none;--apollo-link-focus-decoration:none;--apollo-control-padding-horizontal:12px;--apollo-control-padding-horizontal-sm:8px;--apollo-padding-xxs:4px;--apollo-padding-xs:8px;--apollo-padding-sm:12px;--apollo-padding:16px;--apollo-padding-md:20px;--apollo-padding-lg:24px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:24px;--apollo-padding-content-vertical-lg:16px;--apollo-padding-content-horizontal:16px;--apollo-padding-content-vertical:12px;--apollo-padding-content-horizontal-sm:16px;--apollo-padding-content-vertical-sm:8px;--apollo-margin-xxs:4px;--apollo-margin-xs:8px;--apollo-margin-sm:12px;--apollo-margin:16px;--apollo-margin-md:20px;--apollo-margin-lg:24px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-box-shadow-popover-arrow:2px 2px 5px rgba(0,0,0,0.05);--apollo-drop-shadow-popover:drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05));--apollo-box-shadow-drawer-right:
+      -6px 0 16px 0 rgba(0,0,0,0.08),
+      -3px 0 6px -4px rgba(0,0,0,0.12),
+      -9px 0 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-drawer-left:
+      6px 0 16px 0 rgba(0,0,0,0.08),
+      3px 0 6px -4px rgba(0,0,0,0.12),
+      9px 0 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-drawer-up:
+      0 6px 16px 0 rgba(0,0,0,0.08),
+      0 3px 6px -4px rgba(0,0,0,0.12),
+      0 9px 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-drawer-down:
+      0 -6px 16px 0 rgba(0,0,0,0.08),
+      0 -3px 6px -4px rgba(0,0,0,0.12),
+      0 -9px 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0,0,0,0.08);--apollo-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0,0,0,0.08);--apollo-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0,0,0,0.08);--apollo-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0,0,0,0.08);}
+:root[data-apollo-preset="material3"][data-apollo-theme="dark"],[data-apollo-preset="material3"][data-apollo-theme="dark"]{--apollo-blue:#1677FF;--apollo-purple:#722ED1;--apollo-cyan:#13C2C2;--apollo-green:#52C41A;--apollo-magenta:#EB2F96;--apollo-pink:#EB2F96;--apollo-red:#F5222D;--apollo-orange:#FA8C16;--apollo-yellow:#FADB14;--apollo-volcano:#FA541C;--apollo-geekblue:#2F54EB;--apollo-gold:#FAAD14;--apollo-lime:#A0D911;--apollo-color-primary:#0365c7;--apollo-color-success:#7eb891;--apollo-color-warning:#c9aa5d;--apollo-color-error:#d19f9d;--apollo-color-info:#0365c7;--apollo-color-link:#70a5dc;--apollo-color-text-base:#e6e0e9;--apollo-color-bg-base:#121015;--apollo-font-family:Roboto, 'Noto Sans', system-ui, sans-serif;--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:16px;--apollo-line-width:1px;--apollo-line-type:solid;--apollo-motion-ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--apollo-motion-ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--apollo-motion-ease-out:cubic-bezier(0.2, 0, 0, 1);--apollo-motion-ease-in-out:cubic-bezier(0.2, 0, 0, 1);--apollo-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--apollo-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--apollo-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--apollo-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--apollo-border-radius:12px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:40px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--apollo-font-weight-strong:500;--apollo-box-shadow:0 2px 6px 2px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.3);--apollo-box-shadow-secondary:0 4px 8px 3px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.3);--apollo-box-shadow-tertiary:0 1px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.3);--apollo-box-shadow-card:0 1px 3px rgba(0,0,0,0.15);--apollo-blue-1:#111a2c;--apollo-blue-2:#112545;--apollo-blue-3:#15325b;--apollo-blue-4:#15417e;--apollo-blue-5:#1554ad;--apollo-blue-6:#1668dc;--apollo-blue-7:#3c89e8;--apollo-blue-8:#65a9f3;--apollo-blue-9:#8dc5f8;--apollo-blue-10:#b7dcfa;--apollo-purple-1:#1a1325;--apollo-purple-2:#24163a;--apollo-purple-3:#301c4d;--apollo-purple-4:#3e2069;--apollo-purple-5:#51258f;--apollo-purple-6:#642ab5;--apollo-purple-7:#854eca;--apollo-purple-8:#ab7ae0;--apollo-purple-9:#cda8f0;--apollo-purple-10:#ebd7fa;--apollo-cyan-1:#112123;--apollo-cyan-2:#113536;--apollo-cyan-3:#144848;--apollo-cyan-4:#146262;--apollo-cyan-5:#138585;--apollo-cyan-6:#13a8a8;--apollo-cyan-7:#33bcb7;--apollo-cyan-8:#58d1c9;--apollo-cyan-9:#84e2d8;--apollo-cyan-10:#b2f1e8;--apollo-green-1:#162312;--apollo-green-2:#1d3712;--apollo-green-3:#274916;--apollo-green-4:#306317;--apollo-green-5:#3c8618;--apollo-green-6:#49aa19;--apollo-green-7:#6abe39;--apollo-green-8:#8fd460;--apollo-green-9:#b2e58b;--apollo-green-10:#d5f2bb;--apollo-magenta-1:#291321;--apollo-magenta-2:#40162f;--apollo-magenta-3:#551c3b;--apollo-magenta-4:#75204f;--apollo-magenta-5:#a02669;--apollo-magenta-6:#cb2b83;--apollo-magenta-7:#e0529c;--apollo-magenta-8:#f37fb7;--apollo-magenta-9:#f8a8cc;--apollo-magenta-10:#fad2e3;--apollo-pink-1:#291321;--apollo-pink-2:#40162f;--apollo-pink-3:#551c3b;--apollo-pink-4:#75204f;--apollo-pink-5:#a02669;--apollo-pink-6:#cb2b83;--apollo-pink-7:#e0529c;--apollo-pink-8:#f37fb7;--apollo-pink-9:#f8a8cc;--apollo-pink-10:#fad2e3;--apollo-red-1:#2a1215;--apollo-red-2:#431418;--apollo-red-3:#58181c;--apollo-red-4:#791a1f;--apollo-red-5:#a61d24;--apollo-red-6:#d32029;--apollo-red-7:#e84749;--apollo-red-8:#f37370;--apollo-red-9:#f89f9a;--apollo-red-10:#fac8c3;--apollo-orange-1:#2b1d11;--apollo-orange-2:#442a11;--apollo-orange-3:#593815;--apollo-orange-4:#7c4a15;--apollo-orange-5:#aa6215;--apollo-orange-6:#d87a16;--apollo-orange-7:#e89a3c;--apollo-orange-8:#f3b765;--apollo-orange-9:#f8cf8d;--apollo-orange-10:#fae3b7;--apollo-yellow-1:#2b2611;--apollo-yellow-2:#443b11;--apollo-yellow-3:#595014;--apollo-yellow-4:#7c6e14;--apollo-yellow-5:#aa9514;--apollo-yellow-6:#d8bd14;--apollo-yellow-7:#e8d639;--apollo-yellow-8:#f3ea62;--apollo-yellow-9:#f8f48b;--apollo-yellow-10:#fafab5;--apollo-volcano-1:#2b1611;--apollo-volcano-2:#441d12;--apollo-volcano-3:#592716;--apollo-volcano-4:#7c3118;--apollo-volcano-5:#aa3e19;--apollo-volcano-6:#d84a1b;--apollo-volcano-7:#e87040;--apollo-volcano-8:#f3956a;--apollo-volcano-9:#f8b692;--apollo-volcano-10:#fad4bc;--apollo-geekblue-1:#131629;--apollo-geekblue-2:#161d40;--apollo-geekblue-3:#1c2755;--apollo-geekblue-4:#203175;--apollo-geekblue-5:#263ea0;--apollo-geekblue-6:#2b4acb;--apollo-geekblue-7:#5273e0;--apollo-geekblue-8:#7f9ef3;--apollo-geekblue-9:#a8c1f8;--apollo-geekblue-10:#d2e0fa;--apollo-gold-1:#2b2111;--apollo-gold-2:#443111;--apollo-gold-3:#594214;--apollo-gold-4:#7c5914;--apollo-gold-5:#aa7714;--apollo-gold-6:#d89614;--apollo-gold-7:#e8b339;--apollo-gold-8:#f3cc62;--apollo-gold-9:#f8df8b;--apollo-gold-10:#faedb5;--apollo-lime-1:#1f2611;--apollo-lime-2:#2e3c10;--apollo-lime-3:#3e4f13;--apollo-lime-4:#536d13;--apollo-lime-5:#6f9412;--apollo-lime-6:#8bbb11;--apollo-lime-7:#a9d134;--apollo-lime-8:#c9e75d;--apollo-lime-9:#e4f88b;--apollo-lime-10:#f0fab5;--apollo-color-shadow:rgba(255, 255, 255, 0.2);--apollo-color-text:rgba(230,224,233,0.85);--apollo-color-text-secondary:rgba(230,224,233,0.65);--apollo-color-text-tertiary:rgba(230,224,233,0.45);--apollo-color-text-quaternary:rgba(230,224,233,0.25);--apollo-color-fill:rgba(230,224,233,0.18);--apollo-color-fill-secondary:rgba(230,224,233,0.12);--apollo-color-fill-tertiary:rgba(230,224,233,0.08);--apollo-color-fill-quaternary:rgba(230,224,233,0.04);--apollo-color-bg-solid:rgba(230,224,233,0.95);--apollo-color-bg-solid-hover:rgb(230,224,233);--apollo-color-bg-solid-active:rgba(230,224,233,0.9);--apollo-color-bg-layout:#120e17;--apollo-color-bg-container:#251e30;--apollo-color-bg-elevated:#232238;--apollo-color-bg-spotlight:#514169;--apollo-color-bg-blur:rgba(230,224,233,0.04);--apollo-color-border:#514169;--apollo-color-border-disabled:#514169;--apollo-color-border-secondary:#403353;--apollo-color-primary-bg:#0e3153;--apollo-color-primary-bg-hover:#0b3f73;--apollo-color-primary-border:#0e3153;--apollo-color-primary-border-hover:#0b3f73;--apollo-color-primary-hover:#2586dc;--apollo-color-primary-active:#07529d;--apollo-color-primary-text-hover:#2586dc;--apollo-color-primary-text:#0365c7;--apollo-color-primary-text-active:#07529d;--apollo-color-success-bg:#1d2620;--apollo-color-success-bg-hover:#2b3b31;--apollo-color-success-border:#3a4e40;--apollo-color-success-border-hover:#4c6b56;--apollo-color-success-hover:#4c6b56;--apollo-color-success-active:#659174;--apollo-color-success-text-hover:#aeceb7;--apollo-color-success-text:#7eb891;--apollo-color-success-text-active:#659174;--apollo-color-error-bg:#2a2121;--apollo-color-error-bg-hover:#423333;--apollo-color-error-bg-filled-hover:#413333;--apollo-color-error-bg-active:#574544;--apollo-color-error-border:#574544;--apollo-color-error-border-hover:#785e5c;--apollo-color-error-hover:#e8d5d3;--apollo-color-error-active:#a47f7d;--apollo-color-error-text-hover:#e8d5d3;--apollo-color-error-text:#d19f9d;--apollo-color-error-text-active:#a47f7d;--apollo-color-warning-bg:#282319;--apollo-color-warning-bg-hover:#403623;--apollo-color-warning-border:#54492e;--apollo-color-warning-border-hover:#74633b;--apollo-color-warning-hover:#74633b;--apollo-color-warning-active:#9e864c;--apollo-color-warning-text-hover:#dfc988;--apollo-color-warning-text:#c9aa5d;--apollo-color-warning-text-active:#9e864c;--apollo-color-info-bg:#111b28;--apollo-color-info-bg-hover:#0f253f;--apollo-color-info-border:#0e3153;--apollo-color-info-border-hover:#0b3f73;--apollo-color-info-hover:#0b3f73;--apollo-color-info-active:#07529d;--apollo-color-info-text-hover:#2586dc;--apollo-color-info-text:#0365c7;--apollo-color-info-text-active:#07529d;--apollo-color-link-hover:#45617e;--apollo-color-link-active:#5a83ad;--apollo-blue-hover:#1554ad;--apollo-blue-active:#3c89e8;--apollo-purple-hover:#51258f;--apollo-purple-active:#854eca;--apollo-cyan-hover:#138585;--apollo-cyan-active:#33bcb7;--apollo-green-hover:#3c8618;--apollo-green-active:#6abe39;--apollo-magenta-hover:#a02669;--apollo-magenta-active:#e0529c;--apollo-pink-hover:#a02669;--apollo-pink-active:#e0529c;--apollo-red-hover:#a61d24;--apollo-red-active:#e84749;--apollo-orange-hover:#aa6215;--apollo-orange-active:#e89a3c;--apollo-yellow-hover:#aa9514;--apollo-yellow-active:#e8d639;--apollo-volcano-hover:#aa3e19;--apollo-volcano-active:#e87040;--apollo-geekblue-hover:#263ea0;--apollo-geekblue-active:#5273e0;--apollo-lime-hover:#6f9412;--apollo-lime-active:#a9d134;--apollo-gold-hover:#aa7714;--apollo-gold-active:#e8b339;--apollo-color-bg-mask:rgba(0,0,0,0.45);--apollo-color-white:#fff;--apollo-font-size-sm:14px;--apollo-font-size-lg:18px;--apollo-font-size-xl:22px;--apollo-font-size-heading-1:32px;--apollo-font-size-heading-2:28px;--apollo-font-size-heading-3:24px;--apollo-font-size-heading-4:22px;--apollo-font-size-heading-5:18px;--apollo-line-height:1.5;--apollo-line-height-lg:1.4444444444444444;--apollo-line-height-sm:1.5714285714285714;--apollo-font-height:24px;--apollo-font-height-lg:26px;--apollo-font-height-sm:22px;--apollo-line-height-heading-1:1.25;--apollo-line-height-heading-2:1.3;--apollo-line-height-heading-3:1.35;--apollo-line-height-heading-4:1.4;--apollo-line-height-heading-5:1.45;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:24px;--apollo-size-md:20px;--apollo-size-ms:16px;--apollo-size:16px;--apollo-size-sm:12px;--apollo-size-xs:8px;--apollo-size-xxs:4px;--apollo-control-height-sm:30px;--apollo-control-height-xs:20px;--apollo-control-height-lg:50px;--apollo-motion-duration-fast:0.1s;--apollo-motion-duration-mid:0.2s;--apollo-motion-duration-slow:0.3s;--apollo-line-width-bold:2px;--apollo-border-radius-xs:4px;--apollo-border-radius-sm:6px;--apollo-border-radius-lg:18px;--apollo-border-radius-outer:6px;--apollo-color-fill-content:rgba(230,224,233,0.12);--apollo-color-fill-content-hover:rgba(230,224,233,0.18);--apollo-color-fill-alter:rgba(230,224,233,0.04);--apollo-color-bg-container-disabled:rgba(230,224,233,0.08);--apollo-color-border-bg:#251e30;--apollo-color-split:rgba(196,154,254,0.17);--apollo-color-text-placeholder:rgba(230,224,233,0.25);--apollo-color-text-disabled:rgba(230,224,233,0.25);--apollo-color-text-heading:rgba(230,224,233,0.85);--apollo-color-text-label:rgba(230,224,233,0.65);--apollo-color-text-description:rgba(230,224,233,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#d19f9d;--apollo-color-bg-text-hover:rgba(230,224,233,0.12);--apollo-color-bg-text-active:rgba(230,224,233,0.18);--apollo-color-icon:rgba(230,224,233,0.45);--apollo-color-icon-hover:rgba(230,224,233,0.85);--apollo-color-error-outline:rgba(53,40,0,0.31);--apollo-color-warning-outline:rgba(43,40,0,0.48);--apollo-color-error-affix:#d19f9d;--apollo-color-warning-affix:#c9aa5d;--apollo-font-size-icon:14px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:20px;--apollo-control-item-bg-hover:rgba(230,224,233,0.08);--apollo-control-item-bg-active:#0e3153;--apollo-control-item-bg-active-hover:#0b3f73;--apollo-control-item-bg-active-disabled:rgba(230,224,233,0.18);--apollo-control-tmp-outline:rgba(230,224,233,0.04);--apollo-control-outline:rgba(0,61,104,0.62);--apollo-opacity-loading:0.65;--apollo-link-decoration:none;--apollo-link-hover-decoration:none;--apollo-link-focus-decoration:none;--apollo-control-padding-horizontal:12px;--apollo-control-padding-horizontal-sm:8px;--apollo-padding-xxs:4px;--apollo-padding-xs:8px;--apollo-padding-sm:12px;--apollo-padding:16px;--apollo-padding-md:20px;--apollo-padding-lg:24px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:24px;--apollo-padding-content-vertical-lg:16px;--apollo-padding-content-horizontal:16px;--apollo-padding-content-vertical:12px;--apollo-padding-content-horizontal-sm:16px;--apollo-padding-content-vertical-sm:8px;--apollo-margin-xxs:4px;--apollo-margin-xs:8px;--apollo-margin-sm:12px;--apollo-margin:16px;--apollo-margin-md:20px;--apollo-margin-lg:24px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-box-shadow-popover-arrow:2px 2px 5px rgba(255,255,255,0.010000000000000002);--apollo-drop-shadow-popover:drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002));--apollo-box-shadow-drawer-right:
+      -6px 0 16px 0 rgba(255,255,255,0.016),
+      -3px 0 6px -4px rgba(255,255,255,0.024),
+      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-left:
+      6px 0 16px 0 rgba(255,255,255,0.016),
+      3px 0 6px -4px rgba(255,255,255,0.024),
+      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-up:
+      0 6px 16px 0 rgba(255,255,255,0.016),
+      0 3px 6px -4px rgba(255,255,255,0.024),
+      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-down:
+      0 -6px 16px 0 rgba(255,255,255,0.016),
+      0 -3px 6px -4px rgba(255,255,255,0.024),
+      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(255,255,255,0.016);}
+@media (prefers-color-scheme: dark){
+:root[data-apollo-preset="material3"][data-apollo-theme="system"],[data-apollo-preset="material3"][data-apollo-theme="system"]{--apollo-blue:#1677FF;--apollo-purple:#722ED1;--apollo-cyan:#13C2C2;--apollo-green:#52C41A;--apollo-magenta:#EB2F96;--apollo-pink:#EB2F96;--apollo-red:#F5222D;--apollo-orange:#FA8C16;--apollo-yellow:#FADB14;--apollo-volcano:#FA541C;--apollo-geekblue:#2F54EB;--apollo-gold:#FAAD14;--apollo-lime:#A0D911;--apollo-color-primary:#0365c7;--apollo-color-success:#7eb891;--apollo-color-warning:#c9aa5d;--apollo-color-error:#d19f9d;--apollo-color-info:#0365c7;--apollo-color-link:#70a5dc;--apollo-color-text-base:#e6e0e9;--apollo-color-bg-base:#121015;--apollo-font-family:Roboto, 'Noto Sans', system-ui, sans-serif;--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:16px;--apollo-line-width:1px;--apollo-line-type:solid;--apollo-motion-ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--apollo-motion-ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--apollo-motion-ease-out:cubic-bezier(0.2, 0, 0, 1);--apollo-motion-ease-in-out:cubic-bezier(0.2, 0, 0, 1);--apollo-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--apollo-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--apollo-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--apollo-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--apollo-border-radius:12px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:40px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--apollo-font-weight-strong:500;--apollo-box-shadow:0 2px 6px 2px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.3);--apollo-box-shadow-secondary:0 4px 8px 3px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.3);--apollo-box-shadow-tertiary:0 1px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.3);--apollo-box-shadow-card:0 1px 3px rgba(0,0,0,0.15);--apollo-blue-1:#111a2c;--apollo-blue-2:#112545;--apollo-blue-3:#15325b;--apollo-blue-4:#15417e;--apollo-blue-5:#1554ad;--apollo-blue-6:#1668dc;--apollo-blue-7:#3c89e8;--apollo-blue-8:#65a9f3;--apollo-blue-9:#8dc5f8;--apollo-blue-10:#b7dcfa;--apollo-purple-1:#1a1325;--apollo-purple-2:#24163a;--apollo-purple-3:#301c4d;--apollo-purple-4:#3e2069;--apollo-purple-5:#51258f;--apollo-purple-6:#642ab5;--apollo-purple-7:#854eca;--apollo-purple-8:#ab7ae0;--apollo-purple-9:#cda8f0;--apollo-purple-10:#ebd7fa;--apollo-cyan-1:#112123;--apollo-cyan-2:#113536;--apollo-cyan-3:#144848;--apollo-cyan-4:#146262;--apollo-cyan-5:#138585;--apollo-cyan-6:#13a8a8;--apollo-cyan-7:#33bcb7;--apollo-cyan-8:#58d1c9;--apollo-cyan-9:#84e2d8;--apollo-cyan-10:#b2f1e8;--apollo-green-1:#162312;--apollo-green-2:#1d3712;--apollo-green-3:#274916;--apollo-green-4:#306317;--apollo-green-5:#3c8618;--apollo-green-6:#49aa19;--apollo-green-7:#6abe39;--apollo-green-8:#8fd460;--apollo-green-9:#b2e58b;--apollo-green-10:#d5f2bb;--apollo-magenta-1:#291321;--apollo-magenta-2:#40162f;--apollo-magenta-3:#551c3b;--apollo-magenta-4:#75204f;--apollo-magenta-5:#a02669;--apollo-magenta-6:#cb2b83;--apollo-magenta-7:#e0529c;--apollo-magenta-8:#f37fb7;--apollo-magenta-9:#f8a8cc;--apollo-magenta-10:#fad2e3;--apollo-pink-1:#291321;--apollo-pink-2:#40162f;--apollo-pink-3:#551c3b;--apollo-pink-4:#75204f;--apollo-pink-5:#a02669;--apollo-pink-6:#cb2b83;--apollo-pink-7:#e0529c;--apollo-pink-8:#f37fb7;--apollo-pink-9:#f8a8cc;--apollo-pink-10:#fad2e3;--apollo-red-1:#2a1215;--apollo-red-2:#431418;--apollo-red-3:#58181c;--apollo-red-4:#791a1f;--apollo-red-5:#a61d24;--apollo-red-6:#d32029;--apollo-red-7:#e84749;--apollo-red-8:#f37370;--apollo-red-9:#f89f9a;--apollo-red-10:#fac8c3;--apollo-orange-1:#2b1d11;--apollo-orange-2:#442a11;--apollo-orange-3:#593815;--apollo-orange-4:#7c4a15;--apollo-orange-5:#aa6215;--apollo-orange-6:#d87a16;--apollo-orange-7:#e89a3c;--apollo-orange-8:#f3b765;--apollo-orange-9:#f8cf8d;--apollo-orange-10:#fae3b7;--apollo-yellow-1:#2b2611;--apollo-yellow-2:#443b11;--apollo-yellow-3:#595014;--apollo-yellow-4:#7c6e14;--apollo-yellow-5:#aa9514;--apollo-yellow-6:#d8bd14;--apollo-yellow-7:#e8d639;--apollo-yellow-8:#f3ea62;--apollo-yellow-9:#f8f48b;--apollo-yellow-10:#fafab5;--apollo-volcano-1:#2b1611;--apollo-volcano-2:#441d12;--apollo-volcano-3:#592716;--apollo-volcano-4:#7c3118;--apollo-volcano-5:#aa3e19;--apollo-volcano-6:#d84a1b;--apollo-volcano-7:#e87040;--apollo-volcano-8:#f3956a;--apollo-volcano-9:#f8b692;--apollo-volcano-10:#fad4bc;--apollo-geekblue-1:#131629;--apollo-geekblue-2:#161d40;--apollo-geekblue-3:#1c2755;--apollo-geekblue-4:#203175;--apollo-geekblue-5:#263ea0;--apollo-geekblue-6:#2b4acb;--apollo-geekblue-7:#5273e0;--apollo-geekblue-8:#7f9ef3;--apollo-geekblue-9:#a8c1f8;--apollo-geekblue-10:#d2e0fa;--apollo-gold-1:#2b2111;--apollo-gold-2:#443111;--apollo-gold-3:#594214;--apollo-gold-4:#7c5914;--apollo-gold-5:#aa7714;--apollo-gold-6:#d89614;--apollo-gold-7:#e8b339;--apollo-gold-8:#f3cc62;--apollo-gold-9:#f8df8b;--apollo-gold-10:#faedb5;--apollo-lime-1:#1f2611;--apollo-lime-2:#2e3c10;--apollo-lime-3:#3e4f13;--apollo-lime-4:#536d13;--apollo-lime-5:#6f9412;--apollo-lime-6:#8bbb11;--apollo-lime-7:#a9d134;--apollo-lime-8:#c9e75d;--apollo-lime-9:#e4f88b;--apollo-lime-10:#f0fab5;--apollo-color-shadow:rgba(255, 255, 255, 0.2);--apollo-color-text:rgba(230,224,233,0.85);--apollo-color-text-secondary:rgba(230,224,233,0.65);--apollo-color-text-tertiary:rgba(230,224,233,0.45);--apollo-color-text-quaternary:rgba(230,224,233,0.25);--apollo-color-fill:rgba(230,224,233,0.18);--apollo-color-fill-secondary:rgba(230,224,233,0.12);--apollo-color-fill-tertiary:rgba(230,224,233,0.08);--apollo-color-fill-quaternary:rgba(230,224,233,0.04);--apollo-color-bg-solid:rgba(230,224,233,0.95);--apollo-color-bg-solid-hover:rgb(230,224,233);--apollo-color-bg-solid-active:rgba(230,224,233,0.9);--apollo-color-bg-layout:#120e17;--apollo-color-bg-container:#251e30;--apollo-color-bg-elevated:#232238;--apollo-color-bg-spotlight:#514169;--apollo-color-bg-blur:rgba(230,224,233,0.04);--apollo-color-border:#514169;--apollo-color-border-disabled:#514169;--apollo-color-border-secondary:#403353;--apollo-color-primary-bg:#0e3153;--apollo-color-primary-bg-hover:#0b3f73;--apollo-color-primary-border:#0e3153;--apollo-color-primary-border-hover:#0b3f73;--apollo-color-primary-hover:#2586dc;--apollo-color-primary-active:#07529d;--apollo-color-primary-text-hover:#2586dc;--apollo-color-primary-text:#0365c7;--apollo-color-primary-text-active:#07529d;--apollo-color-success-bg:#1d2620;--apollo-color-success-bg-hover:#2b3b31;--apollo-color-success-border:#3a4e40;--apollo-color-success-border-hover:#4c6b56;--apollo-color-success-hover:#4c6b56;--apollo-color-success-active:#659174;--apollo-color-success-text-hover:#aeceb7;--apollo-color-success-text:#7eb891;--apollo-color-success-text-active:#659174;--apollo-color-error-bg:#2a2121;--apollo-color-error-bg-hover:#423333;--apollo-color-error-bg-filled-hover:#413333;--apollo-color-error-bg-active:#574544;--apollo-color-error-border:#574544;--apollo-color-error-border-hover:#785e5c;--apollo-color-error-hover:#e8d5d3;--apollo-color-error-active:#a47f7d;--apollo-color-error-text-hover:#e8d5d3;--apollo-color-error-text:#d19f9d;--apollo-color-error-text-active:#a47f7d;--apollo-color-warning-bg:#282319;--apollo-color-warning-bg-hover:#403623;--apollo-color-warning-border:#54492e;--apollo-color-warning-border-hover:#74633b;--apollo-color-warning-hover:#74633b;--apollo-color-warning-active:#9e864c;--apollo-color-warning-text-hover:#dfc988;--apollo-color-warning-text:#c9aa5d;--apollo-color-warning-text-active:#9e864c;--apollo-color-info-bg:#111b28;--apollo-color-info-bg-hover:#0f253f;--apollo-color-info-border:#0e3153;--apollo-color-info-border-hover:#0b3f73;--apollo-color-info-hover:#0b3f73;--apollo-color-info-active:#07529d;--apollo-color-info-text-hover:#2586dc;--apollo-color-info-text:#0365c7;--apollo-color-info-text-active:#07529d;--apollo-color-link-hover:#45617e;--apollo-color-link-active:#5a83ad;--apollo-blue-hover:#1554ad;--apollo-blue-active:#3c89e8;--apollo-purple-hover:#51258f;--apollo-purple-active:#854eca;--apollo-cyan-hover:#138585;--apollo-cyan-active:#33bcb7;--apollo-green-hover:#3c8618;--apollo-green-active:#6abe39;--apollo-magenta-hover:#a02669;--apollo-magenta-active:#e0529c;--apollo-pink-hover:#a02669;--apollo-pink-active:#e0529c;--apollo-red-hover:#a61d24;--apollo-red-active:#e84749;--apollo-orange-hover:#aa6215;--apollo-orange-active:#e89a3c;--apollo-yellow-hover:#aa9514;--apollo-yellow-active:#e8d639;--apollo-volcano-hover:#aa3e19;--apollo-volcano-active:#e87040;--apollo-geekblue-hover:#263ea0;--apollo-geekblue-active:#5273e0;--apollo-lime-hover:#6f9412;--apollo-lime-active:#a9d134;--apollo-gold-hover:#aa7714;--apollo-gold-active:#e8b339;--apollo-color-bg-mask:rgba(0,0,0,0.45);--apollo-color-white:#fff;--apollo-font-size-sm:14px;--apollo-font-size-lg:18px;--apollo-font-size-xl:22px;--apollo-font-size-heading-1:32px;--apollo-font-size-heading-2:28px;--apollo-font-size-heading-3:24px;--apollo-font-size-heading-4:22px;--apollo-font-size-heading-5:18px;--apollo-line-height:1.5;--apollo-line-height-lg:1.4444444444444444;--apollo-line-height-sm:1.5714285714285714;--apollo-font-height:24px;--apollo-font-height-lg:26px;--apollo-font-height-sm:22px;--apollo-line-height-heading-1:1.25;--apollo-line-height-heading-2:1.3;--apollo-line-height-heading-3:1.35;--apollo-line-height-heading-4:1.4;--apollo-line-height-heading-5:1.45;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:24px;--apollo-size-md:20px;--apollo-size-ms:16px;--apollo-size:16px;--apollo-size-sm:12px;--apollo-size-xs:8px;--apollo-size-xxs:4px;--apollo-control-height-sm:30px;--apollo-control-height-xs:20px;--apollo-control-height-lg:50px;--apollo-motion-duration-fast:0.1s;--apollo-motion-duration-mid:0.2s;--apollo-motion-duration-slow:0.3s;--apollo-line-width-bold:2px;--apollo-border-radius-xs:4px;--apollo-border-radius-sm:6px;--apollo-border-radius-lg:18px;--apollo-border-radius-outer:6px;--apollo-color-fill-content:rgba(230,224,233,0.12);--apollo-color-fill-content-hover:rgba(230,224,233,0.18);--apollo-color-fill-alter:rgba(230,224,233,0.04);--apollo-color-bg-container-disabled:rgba(230,224,233,0.08);--apollo-color-border-bg:#251e30;--apollo-color-split:rgba(196,154,254,0.17);--apollo-color-text-placeholder:rgba(230,224,233,0.25);--apollo-color-text-disabled:rgba(230,224,233,0.25);--apollo-color-text-heading:rgba(230,224,233,0.85);--apollo-color-text-label:rgba(230,224,233,0.65);--apollo-color-text-description:rgba(230,224,233,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#d19f9d;--apollo-color-bg-text-hover:rgba(230,224,233,0.12);--apollo-color-bg-text-active:rgba(230,224,233,0.18);--apollo-color-icon:rgba(230,224,233,0.45);--apollo-color-icon-hover:rgba(230,224,233,0.85);--apollo-color-error-outline:rgba(53,40,0,0.31);--apollo-color-warning-outline:rgba(43,40,0,0.48);--apollo-color-error-affix:#d19f9d;--apollo-color-warning-affix:#c9aa5d;--apollo-font-size-icon:14px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:20px;--apollo-control-item-bg-hover:rgba(230,224,233,0.08);--apollo-control-item-bg-active:#0e3153;--apollo-control-item-bg-active-hover:#0b3f73;--apollo-control-item-bg-active-disabled:rgba(230,224,233,0.18);--apollo-control-tmp-outline:rgba(230,224,233,0.04);--apollo-control-outline:rgba(0,61,104,0.62);--apollo-opacity-loading:0.65;--apollo-link-decoration:none;--apollo-link-hover-decoration:none;--apollo-link-focus-decoration:none;--apollo-control-padding-horizontal:12px;--apollo-control-padding-horizontal-sm:8px;--apollo-padding-xxs:4px;--apollo-padding-xs:8px;--apollo-padding-sm:12px;--apollo-padding:16px;--apollo-padding-md:20px;--apollo-padding-lg:24px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:24px;--apollo-padding-content-vertical-lg:16px;--apollo-padding-content-horizontal:16px;--apollo-padding-content-vertical:12px;--apollo-padding-content-horizontal-sm:16px;--apollo-padding-content-vertical-sm:8px;--apollo-margin-xxs:4px;--apollo-margin-xs:8px;--apollo-margin-sm:12px;--apollo-margin:16px;--apollo-margin-md:20px;--apollo-margin-lg:24px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-box-shadow-popover-arrow:2px 2px 5px rgba(255,255,255,0.010000000000000002);--apollo-drop-shadow-popover:drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002));--apollo-box-shadow-drawer-right:
+      -6px 0 16px 0 rgba(255,255,255,0.016),
+      -3px 0 6px -4px rgba(255,255,255,0.024),
+      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-left:
+      6px 0 16px 0 rgba(255,255,255,0.016),
+      3px 0 6px -4px rgba(255,255,255,0.024),
+      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-up:
+      0 6px 16px 0 rgba(255,255,255,0.016),
+      0 3px 6px -4px rgba(255,255,255,0.024),
+      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-down:
+      0 -6px 16px 0 rgba(255,255,255,0.016),
+      0 -3px 6px -4px rgba(255,255,255,0.024),
+      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(255,255,255,0.016);}
+}

package/dist/presets/material3.d.mts

@@ -0,0 +1,6 @@
+import { ThemePreset } from '../index.mjs';
+
+/** Material 3 inspired tokens, not a replacement component/interaction implementation. */
+declare const material3Preset: ThemePreset;
+
+export { material3Preset as default, material3Preset };

package/dist/presets/material3.d.ts

@@ -0,0 +1,6 @@
+import { ThemePreset } from '../index.js';
+
+/** Material 3 inspired tokens, not a replacement component/interaction implementation. */
+declare const material3Preset: ThemePreset;
+
+export { material3Preset as default, material3Preset };

package/dist/presets/material3.mjs

@@ -0,0 +1,71 @@
+import { Color } from '@apollo-design/utils';
+import darkAlgorithm from '../algorithms/dark.mjs';
+import defaultAlgorithm from '../algorithms/default.mjs';
+
+function materialMap(seed, map) {
+  const font = seed.fontSize;
+  return {
+    ...map,
+    colorBgElevated: new Color(map.colorBgContainer).mix(new Color(map.colorPrimary), 5).toHexString(),
+    fontSizeHeading1: font * 2,
+    fontSizeHeading2: font * 1.75,
+    fontSizeHeading3: font * 1.5,
+    fontSizeHeading4: font * 1.375,
+    fontSizeHeading5: font * 1.125,
+    lineHeightHeading1: 1.25,
+    lineHeightHeading2: 1.3,
+    lineHeightHeading3: 1.35,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.45,
+    borderRadiusXS: seed.borderRadius / 3,
+    borderRadiusSM: seed.borderRadius / 2,
+    borderRadiusLG: seed.borderRadius * 1.5
+  };
+}
+const light = (seed, previous) => materialMap(seed, previous ?? defaultAlgorithm(seed));
+const dark = (seed, previous) => materialMap(seed, darkAlgorithm(seed, previous));
+const material3Preset = Object.freeze({
+  name: "material3",
+  token: Object.freeze({
+    fontFamily: "Roboto, 'Noto Sans', system-ui, sans-serif",
+    fontSize: 16,
+    fontWeightStrong: 500,
+    borderRadius: 12,
+    controlHeight: 40,
+    motionEaseInOut: "cubic-bezier(0.2, 0, 0, 1)",
+    motionEaseOut: "cubic-bezier(0.2, 0, 0, 1)",
+    boxShadow: "0 2px 6px 2px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.3)",
+    boxShadowSecondary: "0 4px 8px 3px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.3)",
+    boxShadowTertiary: "0 1px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.3)",
+    boxShadowCard: "0 1px 3px rgba(0,0,0,0.15)"
+  }),
+  light: Object.freeze({
+    algorithm: light,
+    token: Object.freeze({
+      colorPrimary: "#0073e6",
+      colorInfo: "#0073e6",
+      colorLink: "#0073e6",
+      colorBgBase: "#fffbfe",
+      colorTextBase: "#1d1b20",
+      colorSuccess: "#226b3b",
+      colorWarning: "#805200",
+      colorError: "#b3261e"
+    })
+  }),
+  dark: Object.freeze({
+    algorithm: dark,
+    token: Object.freeze({
+      colorPrimary: "#0073e6",
+      colorInfo: "#0073e6",
+      // Links use a lighter blue on dark surfaces while actions keep the brand color.
+      colorLink: "#80bfff",
+      colorBgBase: "#121015",
+      colorTextBase: "#e6e0e9",
+      colorSuccess: "#91d5a7",
+      colorWarning: "#e9c46a",
+      colorError: "#f2b8b5"
+    })
+  })
+});
+
+export { material3Preset as default, material3Preset };

package/dist/presets/mono.css

@@ -0,0 +1,54 @@
+/*! @apollo-design/theme mono: generated with getDesignToken + getCSSVarDeclarations. */
+:root[data-apollo-preset="mono"],[data-apollo-preset="mono"]{--apollo-blue:#1677FF;--apollo-purple:#722ED1;--apollo-cyan:#13C2C2;--apollo-green:#52C41A;--apollo-magenta:#EB2F96;--apollo-pink:#EB2F96;--apollo-red:#F5222D;--apollo-orange:#FA8C16;--apollo-yellow:#FADB14;--apollo-volcano:#FA541C;--apollo-geekblue:#2F54EB;--apollo-gold:#FAAD14;--apollo-lime:#A0D911;--apollo-color-primary:#202020;--apollo-color-success:#227744;--apollo-color-warning:#8a5a00;--apollo-color-error:#b42318;--apollo-color-info:#454545;--apollo-color-link:#202020;--apollo-color-text-base:#171717;--apollo-color-bg-base:#ffffff;--apollo-font-family:ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:14px;--apollo-line-width:1px;--apollo-line-type:solid;--apollo-motion-ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--apollo-motion-ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--apollo-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--apollo-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--apollo-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--apollo-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--apollo-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--apollo-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--apollo-border-radius:2px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:32px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--apollo-font-weight-strong:600;--apollo-box-shadow:none;--apollo-box-shadow-secondary:none;--apollo-box-shadow-tertiary:none;--apollo-box-shadow-card:none;--apollo-box-shadow-popover-arrow:none;--apollo-blue-1:#e6f4ff;--apollo-blue-2:#bae0ff;--apollo-blue-3:#91caff;--apollo-blue-4:#69b1ff;--apollo-blue-5:#4096ff;--apollo-blue-6:#1677ff;--apollo-blue-7:#0958d9;--apollo-blue-8:#003eb3;--apollo-blue-9:#002c8c;--apollo-blue-10:#001d66;--apollo-purple-1:#f9f0ff;--apollo-purple-2:#efdbff;--apollo-purple-3:#d3adf7;--apollo-purple-4:#b37feb;--apollo-purple-5:#9254de;--apollo-purple-6:#722ed1;--apollo-purple-7:#531dab;--apollo-purple-8:#391085;--apollo-purple-9:#22075e;--apollo-purple-10:#120338;--apollo-cyan-1:#e6fffb;--apollo-cyan-2:#b5f5ec;--apollo-cyan-3:#87e8de;--apollo-cyan-4:#5cdbd3;--apollo-cyan-5:#36cfc9;--apollo-cyan-6:#13c2c2;--apollo-cyan-7:#08979c;--apollo-cyan-8:#006d75;--apollo-cyan-9:#00474f;--apollo-cyan-10:#002329;--apollo-green-1:#f6ffed;--apollo-green-2:#d9f7be;--apollo-green-3:#b7eb8f;--apollo-green-4:#95de64;--apollo-green-5:#73d13d;--apollo-green-6:#52c41a;--apollo-green-7:#389e0d;--apollo-green-8:#237804;--apollo-green-9:#135200;--apollo-green-10:#092b00;--apollo-magenta-1:#fff0f6;--apollo-magenta-2:#ffd6e7;--apollo-magenta-3:#ffadd2;--apollo-magenta-4:#ff85c0;--apollo-magenta-5:#f759ab;--apollo-magenta-6:#eb2f96;--apollo-magenta-7:#c41d7f;--apollo-magenta-8:#9e1068;--apollo-magenta-9:#780650;--apollo-magenta-10:#520339;--apollo-pink-1:#fff0f6;--apollo-pink-2:#ffd6e7;--apollo-pink-3:#ffadd2;--apollo-pink-4:#ff85c0;--apollo-pink-5:#f759ab;--apollo-pink-6:#eb2f96;--apollo-pink-7:#c41d7f;--apollo-pink-8:#9e1068;--apollo-pink-9:#780650;--apollo-pink-10:#520339;--apollo-red-1:#fff1f0;--apollo-red-2:#ffccc7;--apollo-red-3:#ffa39e;--apollo-red-4:#ff7875;--apollo-red-5:#ff4d4f;--apollo-red-6:#f5222d;--apollo-red-7:#cf1322;--apollo-red-8:#a8071a;--apollo-red-9:#820014;--apollo-red-10:#5c0011;--apollo-orange-1:#fff7e6;--apollo-orange-2:#ffe7ba;--apollo-orange-3:#ffd591;--apollo-orange-4:#ffc069;--apollo-orange-5:#ffa940;--apollo-orange-6:#fa8c16;--apollo-orange-7:#d46b08;--apollo-orange-8:#ad4e00;--apollo-orange-9:#873800;--apollo-orange-10:#612500;--apollo-yellow-1:#feffe6;--apollo-yellow-2:#ffffb8;--apollo-yellow-3:#fffb8f;--apollo-yellow-4:#fff566;--apollo-yellow-5:#ffec3d;--apollo-yellow-6:#fadb14;--apollo-yellow-7:#d4b106;--apollo-yellow-8:#ad8b00;--apollo-yellow-9:#876800;--apollo-yellow-10:#614700;--apollo-volcano-1:#fff2e8;--apollo-volcano-2:#ffd8bf;--apollo-volcano-3:#ffbb96;--apollo-volcano-4:#ff9c6e;--apollo-volcano-5:#ff7a45;--apollo-volcano-6:#fa541c;--apollo-volcano-7:#d4380d;--apollo-volcano-8:#ad2102;--apollo-volcano-9:#871400;--apollo-volcano-10:#610b00;--apollo-geekblue-1:#f0f5ff;--apollo-geekblue-2:#d6e4ff;--apollo-geekblue-3:#adc6ff;--apollo-geekblue-4:#85a5ff;--apollo-geekblue-5:#597ef7;--apollo-geekblue-6:#2f54eb;--apollo-geekblue-7:#1d39c4;--apollo-geekblue-8:#10239e;--apollo-geekblue-9:#061178;--apollo-geekblue-10:#030852;--apollo-gold-1:#fffbe6;--apollo-gold-2:#fff1b8;--apollo-gold-3:#ffe58f;--apollo-gold-4:#ffd666;--apollo-gold-5:#ffc53d;--apollo-gold-6:#faad14;--apollo-gold-7:#d48806;--apollo-gold-8:#ad6800;--apollo-gold-9:#874d00;--apollo-gold-10:#613400;--apollo-lime-1:#fcffe6;--apollo-lime-2:#f4ffb8;--apollo-lime-3:#eaff8f;--apollo-lime-4:#d3f261;--apollo-lime-5:#bae637;--apollo-lime-6:#a0d911;--apollo-lime-7:#7cb305;--apollo-lime-8:#5b8c00;--apollo-lime-9:#3f6600;--apollo-lime-10:#254000;--apollo-color-shadow:#000;--apollo-color-text:rgba(23,23,23,0.88);--apollo-color-text-secondary:rgba(23,23,23,0.65);--apollo-color-text-tertiary:rgba(23,23,23,0.45);--apollo-color-text-quaternary:rgba(23,23,23,0.25);--apollo-color-fill:rgba(23,23,23,0.15);--apollo-color-fill-secondary:rgba(23,23,23,0.06);--apollo-color-fill-tertiary:rgba(23,23,23,0.04);--apollo-color-fill-quaternary:rgba(23,23,23,0.02);--apollo-color-bg-solid:rgb(23,23,23);--apollo-color-bg-solid-hover:rgba(23,23,23,0.75);--apollo-color-bg-solid-active:rgba(23,23,23,0.95);--apollo-color-bg-layout:#f5f5f5;--apollo-color-bg-container:#ffffff;--apollo-color-bg-elevated:#ffffff;--apollo-color-bg-spotlight:rgba(23,23,23,0.85);--apollo-color-bg-blur:transparent;--apollo-color-border:#d9d9d9;--apollo-color-border-disabled:#d9d9d9;--apollo-color-border-secondary:#f0f0f0;--apollo-color-primary-bg:#616161;--apollo-color-primary-bg-hover:#545454;--apollo-color-primary-border:#474747;--apollo-color-primary-border-hover:#3b3b3b;--apollo-color-primary-hover:#2e2e2e;--apollo-color-primary-active:#000000;--apollo-color-primary-text-hover:#2e2e2e;--apollo-color-primary-text:#202020;--apollo-color-primary-text-active:#000000;--apollo-color-success-bg:#adb8af;--apollo-color-success-bg-hover:#9faba2;--apollo-color-success-border:#7a9e85;--apollo-color-success-border-hover:#59916c;--apollo-color-success-hover:#59916c;--apollo-color-success-active:#14522e;--apollo-color-success-text-hover:#3c8556;--apollo-color-success-text:#227744;--apollo-color-success-text-active:#14522e;--apollo-color-error-bg:#f5e8e4;--apollo-color-error-bg-hover:#e8bdb3;--apollo-color-error-bg-filled-hover:#e8beb5;--apollo-color-error-bg-active:#db9486;--apollo-color-error-border:#db9486;--apollo-color-error-border-hover:#cf6c5d;--apollo-color-error-hover:#c24638;--apollo-color-error-active:#8f100b;--apollo-color-error-text-hover:#c24638;--apollo-color-error-text:#b42318;--apollo-color-error-text-active:#8f100b;--apollo-color-warning-bg:#c9c6b5;--apollo-color-warning-bg-hover:#bdae79;--apollo-color-warning-border:#b09954;--apollo-color-warning-border-hover:#a38434;--apollo-color-warning-hover:#a38434;--apollo-color-warning-active:#633d00;--apollo-color-warning-text-hover:#966e18;--apollo-color-warning-text:#8a5a00;--apollo-color-warning-text-active:#633d00;--apollo-color-info-bg:#858585;--apollo-color-info-bg-hover:#787878;--apollo-color-info-border:#6b6b6b;--apollo-color-info-border-hover:#5e5e5e;--apollo-color-info-hover:#5e5e5e;--apollo-color-info-active:#1f1f1f;--apollo-color-info-text-hover:#525252;--apollo-color-info-text:#454545;--apollo-color-info-text-active:#1f1f1f;--apollo-color-link-hover:#3b3b3b;--apollo-color-link-active:#000000;--apollo-blue-hover:#4096ff;--apollo-blue-active:#0958d9;--apollo-purple-hover:#9254de;--apollo-purple-active:#531dab;--apollo-cyan-hover:#36cfc9;--apollo-cyan-active:#08979c;--apollo-green-hover:#73d13d;--apollo-green-active:#389e0d;--apollo-magenta-hover:#f759ab;--apollo-magenta-active:#c41d7f;--apollo-pink-hover:#f759ab;--apollo-pink-active:#c41d7f;--apollo-red-hover:#ff4d4f;--apollo-red-active:#cf1322;--apollo-orange-hover:#ffa940;--apollo-orange-active:#d46b08;--apollo-yellow-hover:#ffec3d;--apollo-yellow-active:#d4b106;--apollo-volcano-hover:#ff7a45;--apollo-volcano-active:#d4380d;--apollo-geekblue-hover:#597ef7;--apollo-geekblue-active:#1d39c4;--apollo-lime-hover:#bae637;--apollo-lime-active:#7cb305;--apollo-gold-hover:#ffc53d;--apollo-gold-active:#d48806;--apollo-color-bg-mask:rgba(0,0,0,0.45);--apollo-color-white:#fff;--apollo-font-size-sm:12px;--apollo-font-size-lg:16px;--apollo-font-size-xl:20px;--apollo-font-size-heading-1:38px;--apollo-font-size-heading-2:30px;--apollo-font-size-heading-3:24px;--apollo-font-size-heading-4:20px;--apollo-font-size-heading-5:16px;--apollo-line-height:1.5714285714285714;--apollo-line-height-lg:1.5;--apollo-line-height-sm:1.6666666666666667;--apollo-font-height:22px;--apollo-font-height-lg:24px;--apollo-font-height-sm:20px;--apollo-line-height-heading-1:1.2105263157894737;--apollo-line-height-heading-2:1.2666666666666666;--apollo-line-height-heading-3:1.3333333333333333;--apollo-line-height-heading-4:1.4;--apollo-line-height-heading-5:1.5;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:24px;--apollo-size-md:20px;--apollo-size-ms:16px;--apollo-size:16px;--apollo-size-sm:12px;--apollo-size-xs:8px;--apollo-size-xxs:4px;--apollo-control-height-sm:24px;--apollo-control-height-xs:16px;--apollo-control-height-lg:40px;--apollo-motion-duration-fast:0.1s;--apollo-motion-duration-mid:0.2s;--apollo-motion-duration-slow:0.3s;--apollo-line-width-bold:2px;--apollo-border-radius-xs:1px;--apollo-border-radius-sm:2px;--apollo-border-radius-lg:2px;--apollo-border-radius-outer:2px;--apollo-color-fill-content:rgba(23,23,23,0.06);--apollo-color-fill-content-hover:rgba(23,23,23,0.15);--apollo-color-fill-alter:rgba(23,23,23,0.02);--apollo-color-bg-container-disabled:rgba(23,23,23,0.04);--apollo-color-border-bg:#ffffff;--apollo-color-split:rgba(5,5,5,0.06);--apollo-color-text-placeholder:rgba(23,23,23,0.25);--apollo-color-text-disabled:rgba(23,23,23,0.25);--apollo-color-text-heading:rgba(23,23,23,0.88);--apollo-color-text-label:rgba(23,23,23,0.65);--apollo-color-text-description:rgba(23,23,23,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#b42318;--apollo-color-bg-text-hover:rgba(23,23,23,0.06);--apollo-color-bg-text-active:rgba(23,23,23,0.15);--apollo-color-icon:rgba(23,23,23,0.45);--apollo-color-icon-hover:rgba(23,23,23,0.88);--apollo-color-error-outline:rgba(164,46,10,0.11);--apollo-color-warning-outline:rgba(69,58,0,0.29);--apollo-color-error-affix:#b42318;--apollo-color-warning-affix:#8a5a00;--apollo-font-size-icon:12px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:16px;--apollo-control-item-bg-hover:rgba(23,23,23,0.04);--apollo-control-item-bg-active:#616161;--apollo-control-item-bg-active-hover:#545454;--apollo-control-item-bg-active-disabled:rgba(23,23,23,0.15);--apollo-control-tmp-outline:rgba(23,23,23,0.02);--apollo-control-outline:rgba(0,0,0,0.62);--apollo-opacity-loading:0.65;--apollo-link-decoration:none;--apollo-link-hover-decoration:none;--apollo-link-focus-decoration:none;--apollo-control-padding-horizontal:12px;--apollo-control-padding-horizontal-sm:8px;--apollo-padding-xxs:4px;--apollo-padding-xs:8px;--apollo-padding-sm:12px;--apollo-padding:16px;--apollo-padding-md:20px;--apollo-padding-lg:24px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:24px;--apollo-padding-content-vertical-lg:16px;--apollo-padding-content-horizontal:16px;--apollo-padding-content-vertical:12px;--apollo-padding-content-horizontal-sm:16px;--apollo-padding-content-vertical-sm:8px;--apollo-margin-xxs:4px;--apollo-margin-xs:8px;--apollo-margin-sm:12px;--apollo-margin:16px;--apollo-margin-md:20px;--apollo-margin-lg:24px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-drop-shadow-popover:drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05));--apollo-box-shadow-drawer-right:
+      -6px 0 16px 0 rgba(0,0,0,0.08),
+      -3px 0 6px -4px rgba(0,0,0,0.12),
+      -9px 0 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-drawer-left:
+      6px 0 16px 0 rgba(0,0,0,0.08),
+      3px 0 6px -4px rgba(0,0,0,0.12),
+      9px 0 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-drawer-up:
+      0 6px 16px 0 rgba(0,0,0,0.08),
+      0 3px 6px -4px rgba(0,0,0,0.12),
+      0 9px 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-drawer-down:
+      0 -6px 16px 0 rgba(0,0,0,0.08),
+      0 -3px 6px -4px rgba(0,0,0,0.12),
+      0 -9px 28px 8px rgba(0,0,0,0.05)
+    ;--apollo-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0,0,0,0.08);--apollo-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0,0,0,0.08);--apollo-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0,0,0,0.08);--apollo-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0,0,0,0.08);}
+:root[data-apollo-preset="mono"][data-apollo-theme="dark"],[data-apollo-preset="mono"][data-apollo-theme="dark"]{--apollo-blue:#1677FF;--apollo-purple:#722ED1;--apollo-cyan:#13C2C2;--apollo-green:#52C41A;--apollo-magenta:#EB2F96;--apollo-pink:#EB2F96;--apollo-red:#F5222D;--apollo-orange:#FA8C16;--apollo-yellow:#FADB14;--apollo-volcano:#FA541C;--apollo-geekblue:#2F54EB;--apollo-gold:#FAAD14;--apollo-lime:#A0D911;--apollo-color-primary:#4b4b4b;--apollo-color-success:#67ae86;--apollo-color-warning:#c19b54;--apollo-color-error:#d28e85;--apollo-color-info:#9d9d9d;--apollo-color-link:#b8b8b8;--apollo-color-text-base:#f5f5f5;--apollo-color-bg-base:#101010;--apollo-font-family:ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:14px;--apollo-line-width:1px;--apollo-line-type:solid;--apollo-motion-ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--apollo-motion-ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--apollo-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--apollo-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--apollo-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--apollo-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--apollo-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--apollo-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--apollo-border-radius:2px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:32px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--apollo-font-weight-strong:600;--apollo-box-shadow:none;--apollo-box-shadow-secondary:none;--apollo-box-shadow-tertiary:none;--apollo-box-shadow-card:none;--apollo-box-shadow-popover-arrow:none;--apollo-blue-1:#111a2c;--apollo-blue-2:#112545;--apollo-blue-3:#15325b;--apollo-blue-4:#15417e;--apollo-blue-5:#1554ad;--apollo-blue-6:#1668dc;--apollo-blue-7:#3c89e8;--apollo-blue-8:#65a9f3;--apollo-blue-9:#8dc5f8;--apollo-blue-10:#b7dcfa;--apollo-purple-1:#1a1325;--apollo-purple-2:#24163a;--apollo-purple-3:#301c4d;--apollo-purple-4:#3e2069;--apollo-purple-5:#51258f;--apollo-purple-6:#642ab5;--apollo-purple-7:#854eca;--apollo-purple-8:#ab7ae0;--apollo-purple-9:#cda8f0;--apollo-purple-10:#ebd7fa;--apollo-cyan-1:#112123;--apollo-cyan-2:#113536;--apollo-cyan-3:#144848;--apollo-cyan-4:#146262;--apollo-cyan-5:#138585;--apollo-cyan-6:#13a8a8;--apollo-cyan-7:#33bcb7;--apollo-cyan-8:#58d1c9;--apollo-cyan-9:#84e2d8;--apollo-cyan-10:#b2f1e8;--apollo-green-1:#162312;--apollo-green-2:#1d3712;--apollo-green-3:#274916;--apollo-green-4:#306317;--apollo-green-5:#3c8618;--apollo-green-6:#49aa19;--apollo-green-7:#6abe39;--apollo-green-8:#8fd460;--apollo-green-9:#b2e58b;--apollo-green-10:#d5f2bb;--apollo-magenta-1:#291321;--apollo-magenta-2:#40162f;--apollo-magenta-3:#551c3b;--apollo-magenta-4:#75204f;--apollo-magenta-5:#a02669;--apollo-magenta-6:#cb2b83;--apollo-magenta-7:#e0529c;--apollo-magenta-8:#f37fb7;--apollo-magenta-9:#f8a8cc;--apollo-magenta-10:#fad2e3;--apollo-pink-1:#291321;--apollo-pink-2:#40162f;--apollo-pink-3:#551c3b;--apollo-pink-4:#75204f;--apollo-pink-5:#a02669;--apollo-pink-6:#cb2b83;--apollo-pink-7:#e0529c;--apollo-pink-8:#f37fb7;--apollo-pink-9:#f8a8cc;--apollo-pink-10:#fad2e3;--apollo-red-1:#2a1215;--apollo-red-2:#431418;--apollo-red-3:#58181c;--apollo-red-4:#791a1f;--apollo-red-5:#a61d24;--apollo-red-6:#d32029;--apollo-red-7:#e84749;--apollo-red-8:#f37370;--apollo-red-9:#f89f9a;--apollo-red-10:#fac8c3;--apollo-orange-1:#2b1d11;--apollo-orange-2:#442a11;--apollo-orange-3:#593815;--apollo-orange-4:#7c4a15;--apollo-orange-5:#aa6215;--apollo-orange-6:#d87a16;--apollo-orange-7:#e89a3c;--apollo-orange-8:#f3b765;--apollo-orange-9:#f8cf8d;--apollo-orange-10:#fae3b7;--apollo-yellow-1:#2b2611;--apollo-yellow-2:#443b11;--apollo-yellow-3:#595014;--apollo-yellow-4:#7c6e14;--apollo-yellow-5:#aa9514;--apollo-yellow-6:#d8bd14;--apollo-yellow-7:#e8d639;--apollo-yellow-8:#f3ea62;--apollo-yellow-9:#f8f48b;--apollo-yellow-10:#fafab5;--apollo-volcano-1:#2b1611;--apollo-volcano-2:#441d12;--apollo-volcano-3:#592716;--apollo-volcano-4:#7c3118;--apollo-volcano-5:#aa3e19;--apollo-volcano-6:#d84a1b;--apollo-volcano-7:#e87040;--apollo-volcano-8:#f3956a;--apollo-volcano-9:#f8b692;--apollo-volcano-10:#fad4bc;--apollo-geekblue-1:#131629;--apollo-geekblue-2:#161d40;--apollo-geekblue-3:#1c2755;--apollo-geekblue-4:#203175;--apollo-geekblue-5:#263ea0;--apollo-geekblue-6:#2b4acb;--apollo-geekblue-7:#5273e0;--apollo-geekblue-8:#7f9ef3;--apollo-geekblue-9:#a8c1f8;--apollo-geekblue-10:#d2e0fa;--apollo-gold-1:#2b2111;--apollo-gold-2:#443111;--apollo-gold-3:#594214;--apollo-gold-4:#7c5914;--apollo-gold-5:#aa7714;--apollo-gold-6:#d89614;--apollo-gold-7:#e8b339;--apollo-gold-8:#f3cc62;--apollo-gold-9:#f8df8b;--apollo-gold-10:#faedb5;--apollo-lime-1:#1f2611;--apollo-lime-2:#2e3c10;--apollo-lime-3:#3e4f13;--apollo-lime-4:#536d13;--apollo-lime-5:#6f9412;--apollo-lime-6:#8bbb11;--apollo-lime-7:#a9d134;--apollo-lime-8:#c9e75d;--apollo-lime-9:#e4f88b;--apollo-lime-10:#f0fab5;--apollo-color-shadow:rgba(255, 255, 255, 0.2);--apollo-color-text:rgba(245,245,245,0.85);--apollo-color-text-secondary:rgba(245,245,245,0.65);--apollo-color-text-tertiary:rgba(245,245,245,0.45);--apollo-color-text-quaternary:rgba(245,245,245,0.25);--apollo-color-fill:rgba(245,245,245,0.18);--apollo-color-fill-secondary:rgba(245,245,245,0.12);--apollo-color-fill-tertiary:rgba(245,245,245,0.08);--apollo-color-fill-quaternary:rgba(245,245,245,0.04);--apollo-color-bg-solid:rgba(245,245,245,0.95);--apollo-color-bg-solid-hover:rgb(245,245,245);--apollo-color-bg-solid-active:rgba(245,245,245,0.9);--apollo-color-bg-layout:#101010;--apollo-color-bg-container:#242424;--apollo-color-bg-elevated:#2f2f2f;--apollo-color-bg-spotlight:#525252;--apollo-color-bg-blur:rgba(245,245,245,0.04);--apollo-color-border:#525252;--apollo-color-border-disabled:#525252;--apollo-color-border-secondary:#404040;--apollo-color-primary-bg:#282828;--apollo-color-primary-bg-hover:#313131;--apollo-color-primary-border:#282828;--apollo-color-primary-border-hover:#313131;--apollo-color-primary-hover:#595959;--apollo-color-primary-active:#3e3e3e;--apollo-color-primary-text-hover:#595959;--apollo-color-primary-text:#4b4b4b;--apollo-color-primary-text-active:#3e3e3e;--apollo-color-success-bg:#1a241f;--apollo-color-success-bg-hover:#25382e;--apollo-color-success-border:#314a3c;--apollo-color-success-border-hover:#406550;--apollo-color-success-hover:#406550;--apollo-color-success-active:#548a6b;--apollo-color-success-text-hover:#93c3a6;--apollo-color-success-text:#67ae86;--apollo-color-success-text-active:#548a6b;--apollo-color-error-bg:#2a1f1e;--apollo-color-error-bg-hover:#432f2d;--apollo-color-error-bg-filled-hover:#412f2d;--apollo-color-error-bg-active:#573f3c;--apollo-color-error-border:#573f3c;--apollo-color-error-border-hover:#795450;--apollo-color-error-hover:#e8beb7;--apollo-color-error-active:#a6716a;--apollo-color-error-text-hover:#e8beb7;--apollo-color-error-text:#d28e85;--apollo-color-error-text-active:#a6716a;--apollo-color-warning-bg:#272118;--apollo-color-warning-bg-hover:#3d3221;--apollo-color-warning-border:#51442b;--apollo-color-warning-border-hover:#6f5c36;--apollo-color-warning-hover:#6f5c36;--apollo-color-warning-active:#987b45;--apollo-color-warning-text-hover:#d6ba7e;--apollo-color-warning-text:#c19b54;--apollo-color-warning-text-active:#987b45;--apollo-color-info-bg:#212121;--apollo-color-info-bg-hover:#333333;--apollo-color-info-border:#444444;--apollo-color-info-border-hover:#5c5c5c;--apollo-color-info-hover:#5c5c5c;--apollo-color-info-active:#7d7d7d;--apollo-color-info-text-hover:#b1b1b1;--apollo-color-info-text:#9d9d9d;--apollo-color-info-text-active:#7d7d7d;--apollo-color-link-hover:#6b6b6b;--apollo-color-link-active:#919191;--apollo-blue-hover:#1554ad;--apollo-blue-active:#3c89e8;--apollo-purple-hover:#51258f;--apollo-purple-active:#854eca;--apollo-cyan-hover:#138585;--apollo-cyan-active:#33bcb7;--apollo-green-hover:#3c8618;--apollo-green-active:#6abe39;--apollo-magenta-hover:#a02669;--apollo-magenta-active:#e0529c;--apollo-pink-hover:#a02669;--apollo-pink-active:#e0529c;--apollo-red-hover:#a61d24;--apollo-red-active:#e84749;--apollo-orange-hover:#aa6215;--apollo-orange-active:#e89a3c;--apollo-yellow-hover:#aa9514;--apollo-yellow-active:#e8d639;--apollo-volcano-hover:#aa3e19;--apollo-volcano-active:#e87040;--apollo-geekblue-hover:#263ea0;--apollo-geekblue-active:#5273e0;--apollo-lime-hover:#6f9412;--apollo-lime-active:#a9d134;--apollo-gold-hover:#aa7714;--apollo-gold-active:#e8b339;--apollo-color-bg-mask:rgba(0,0,0,0.45);--apollo-color-white:#fff;--apollo-font-size-sm:12px;--apollo-font-size-lg:16px;--apollo-font-size-xl:20px;--apollo-font-size-heading-1:38px;--apollo-font-size-heading-2:30px;--apollo-font-size-heading-3:24px;--apollo-font-size-heading-4:20px;--apollo-font-size-heading-5:16px;--apollo-line-height:1.5714285714285714;--apollo-line-height-lg:1.5;--apollo-line-height-sm:1.6666666666666667;--apollo-font-height:22px;--apollo-font-height-lg:24px;--apollo-font-height-sm:20px;--apollo-line-height-heading-1:1.2105263157894737;--apollo-line-height-heading-2:1.2666666666666666;--apollo-line-height-heading-3:1.3333333333333333;--apollo-line-height-heading-4:1.4;--apollo-line-height-heading-5:1.5;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:24px;--apollo-size-md:20px;--apollo-size-ms:16px;--apollo-size:16px;--apollo-size-sm:12px;--apollo-size-xs:8px;--apollo-size-xxs:4px;--apollo-control-height-sm:24px;--apollo-control-height-xs:16px;--apollo-control-height-lg:40px;--apollo-motion-duration-fast:0.1s;--apollo-motion-duration-mid:0.2s;--apollo-motion-duration-slow:0.3s;--apollo-line-width-bold:2px;--apollo-border-radius-xs:1px;--apollo-border-radius-sm:2px;--apollo-border-radius-lg:2px;--apollo-border-radius-outer:2px;--apollo-color-fill-content:rgba(245,245,245,0.12);--apollo-color-fill-content-hover:rgba(245,245,245,0.18);--apollo-color-fill-alter:rgba(245,245,245,0.04);--apollo-color-bg-container-disabled:rgba(245,245,245,0.08);--apollo-color-border-bg:#242424;--apollo-color-split:rgba(251,251,251,0.13);--apollo-color-text-placeholder:rgba(245,245,245,0.25);--apollo-color-text-disabled:rgba(245,245,245,0.25);--apollo-color-text-heading:rgba(245,245,245,0.85);--apollo-color-text-label:rgba(245,245,245,0.65);--apollo-color-text-description:rgba(245,245,245,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#d28e85;--apollo-color-bg-text-hover:rgba(245,245,245,0.12);--apollo-color-bg-text-active:rgba(245,245,245,0.18);--apollo-color-icon:rgba(245,245,245,0.45);--apollo-color-icon-hover:rgba(245,245,245,0.85);--apollo-color-error-outline:rgba(71,7,1,0.17);--apollo-color-warning-outline:rgba(45,27,0,0.33);--apollo-color-error-affix:#d28e85;--apollo-color-warning-affix:#c19b54;--apollo-font-size-icon:12px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:16px;--apollo-control-item-bg-hover:rgba(245,245,245,0.08);--apollo-control-item-bg-active:#282828;--apollo-control-item-bg-active-hover:#313131;--apollo-control-item-bg-active-disabled:rgba(245,245,245,0.18);--apollo-control-tmp-outline:rgba(245,245,245,0.04);--apollo-control-outline:rgba(236,236,236,0.02);--apollo-opacity-loading:0.65;--apollo-link-decoration:none;--apollo-link-hover-decoration:none;--apollo-link-focus-decoration:none;--apollo-control-padding-horizontal:12px;--apollo-control-padding-horizontal-sm:8px;--apollo-padding-xxs:4px;--apollo-padding-xs:8px;--apollo-padding-sm:12px;--apollo-padding:16px;--apollo-padding-md:20px;--apollo-padding-lg:24px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:24px;--apollo-padding-content-vertical-lg:16px;--apollo-padding-content-horizontal:16px;--apollo-padding-content-vertical:12px;--apollo-padding-content-horizontal-sm:16px;--apollo-padding-content-vertical-sm:8px;--apollo-margin-xxs:4px;--apollo-margin-xs:8px;--apollo-margin-sm:12px;--apollo-margin:16px;--apollo-margin-md:20px;--apollo-margin-lg:24px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-drop-shadow-popover:drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002));--apollo-box-shadow-drawer-right:
+      -6px 0 16px 0 rgba(255,255,255,0.016),
+      -3px 0 6px -4px rgba(255,255,255,0.024),
+      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-left:
+      6px 0 16px 0 rgba(255,255,255,0.016),
+      3px 0 6px -4px rgba(255,255,255,0.024),
+      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-up:
+      0 6px 16px 0 rgba(255,255,255,0.016),
+      0 3px 6px -4px rgba(255,255,255,0.024),
+      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-down:
+      0 -6px 16px 0 rgba(255,255,255,0.016),
+      0 -3px 6px -4px rgba(255,255,255,0.024),
+      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(255,255,255,0.016);}
+@media (prefers-color-scheme: dark){
+:root[data-apollo-preset="mono"][data-apollo-theme="system"],[data-apollo-preset="mono"][data-apollo-theme="system"]{--apollo-blue:#1677FF;--apollo-purple:#722ED1;--apollo-cyan:#13C2C2;--apollo-green:#52C41A;--apollo-magenta:#EB2F96;--apollo-pink:#EB2F96;--apollo-red:#F5222D;--apollo-orange:#FA8C16;--apollo-yellow:#FADB14;--apollo-volcano:#FA541C;--apollo-geekblue:#2F54EB;--apollo-gold:#FAAD14;--apollo-lime:#A0D911;--apollo-color-primary:#4b4b4b;--apollo-color-success:#67ae86;--apollo-color-warning:#c19b54;--apollo-color-error:#d28e85;--apollo-color-info:#9d9d9d;--apollo-color-link:#b8b8b8;--apollo-color-text-base:#f5f5f5;--apollo-color-bg-base:#101010;--apollo-font-family:ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:14px;--apollo-line-width:1px;--apollo-line-type:solid;--apollo-motion-ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--apollo-motion-ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--apollo-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--apollo-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--apollo-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--apollo-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--apollo-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--apollo-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--apollo-border-radius:2px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:32px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--apollo-font-weight-strong:600;--apollo-box-shadow:none;--apollo-box-shadow-secondary:none;--apollo-box-shadow-tertiary:none;--apollo-box-shadow-card:none;--apollo-box-shadow-popover-arrow:none;--apollo-blue-1:#111a2c;--apollo-blue-2:#112545;--apollo-blue-3:#15325b;--apollo-blue-4:#15417e;--apollo-blue-5:#1554ad;--apollo-blue-6:#1668dc;--apollo-blue-7:#3c89e8;--apollo-blue-8:#65a9f3;--apollo-blue-9:#8dc5f8;--apollo-blue-10:#b7dcfa;--apollo-purple-1:#1a1325;--apollo-purple-2:#24163a;--apollo-purple-3:#301c4d;--apollo-purple-4:#3e2069;--apollo-purple-5:#51258f;--apollo-purple-6:#642ab5;--apollo-purple-7:#854eca;--apollo-purple-8:#ab7ae0;--apollo-purple-9:#cda8f0;--apollo-purple-10:#ebd7fa;--apollo-cyan-1:#112123;--apollo-cyan-2:#113536;--apollo-cyan-3:#144848;--apollo-cyan-4:#146262;--apollo-cyan-5:#138585;--apollo-cyan-6:#13a8a8;--apollo-cyan-7:#33bcb7;--apollo-cyan-8:#58d1c9;--apollo-cyan-9:#84e2d8;--apollo-cyan-10:#b2f1e8;--apollo-green-1:#162312;--apollo-green-2:#1d3712;--apollo-green-3:#274916;--apollo-green-4:#306317;--apollo-green-5:#3c8618;--apollo-green-6:#49aa19;--apollo-green-7:#6abe39;--apollo-green-8:#8fd460;--apollo-green-9:#b2e58b;--apollo-green-10:#d5f2bb;--apollo-magenta-1:#291321;--apollo-magenta-2:#40162f;--apollo-magenta-3:#551c3b;--apollo-magenta-4:#75204f;--apollo-magenta-5:#a02669;--apollo-magenta-6:#cb2b83;--apollo-magenta-7:#e0529c;--apollo-magenta-8:#f37fb7;--apollo-magenta-9:#f8a8cc;--apollo-magenta-10:#fad2e3;--apollo-pink-1:#291321;--apollo-pink-2:#40162f;--apollo-pink-3:#551c3b;--apollo-pink-4:#75204f;--apollo-pink-5:#a02669;--apollo-pink-6:#cb2b83;--apollo-pink-7:#e0529c;--apollo-pink-8:#f37fb7;--apollo-pink-9:#f8a8cc;--apollo-pink-10:#fad2e3;--apollo-red-1:#2a1215;--apollo-red-2:#431418;--apollo-red-3:#58181c;--apollo-red-4:#791a1f;--apollo-red-5:#a61d24;--apollo-red-6:#d32029;--apollo-red-7:#e84749;--apollo-red-8:#f37370;--apollo-red-9:#f89f9a;--apollo-red-10:#fac8c3;--apollo-orange-1:#2b1d11;--apollo-orange-2:#442a11;--apollo-orange-3:#593815;--apollo-orange-4:#7c4a15;--apollo-orange-5:#aa6215;--apollo-orange-6:#d87a16;--apollo-orange-7:#e89a3c;--apollo-orange-8:#f3b765;--apollo-orange-9:#f8cf8d;--apollo-orange-10:#fae3b7;--apollo-yellow-1:#2b2611;--apollo-yellow-2:#443b11;--apollo-yellow-3:#595014;--apollo-yellow-4:#7c6e14;--apollo-yellow-5:#aa9514;--apollo-yellow-6:#d8bd14;--apollo-yellow-7:#e8d639;--apollo-yellow-8:#f3ea62;--apollo-yellow-9:#f8f48b;--apollo-yellow-10:#fafab5;--apollo-volcano-1:#2b1611;--apollo-volcano-2:#441d12;--apollo-volcano-3:#592716;--apollo-volcano-4:#7c3118;--apollo-volcano-5:#aa3e19;--apollo-volcano-6:#d84a1b;--apollo-volcano-7:#e87040;--apollo-volcano-8:#f3956a;--apollo-volcano-9:#f8b692;--apollo-volcano-10:#fad4bc;--apollo-geekblue-1:#131629;--apollo-geekblue-2:#161d40;--apollo-geekblue-3:#1c2755;--apollo-geekblue-4:#203175;--apollo-geekblue-5:#263ea0;--apollo-geekblue-6:#2b4acb;--apollo-geekblue-7:#5273e0;--apollo-geekblue-8:#7f9ef3;--apollo-geekblue-9:#a8c1f8;--apollo-geekblue-10:#d2e0fa;--apollo-gold-1:#2b2111;--apollo-gold-2:#443111;--apollo-gold-3:#594214;--apollo-gold-4:#7c5914;--apollo-gold-5:#aa7714;--apollo-gold-6:#d89614;--apollo-gold-7:#e8b339;--apollo-gold-8:#f3cc62;--apollo-gold-9:#f8df8b;--apollo-gold-10:#faedb5;--apollo-lime-1:#1f2611;--apollo-lime-2:#2e3c10;--apollo-lime-3:#3e4f13;--apollo-lime-4:#536d13;--apollo-lime-5:#6f9412;--apollo-lime-6:#8bbb11;--apollo-lime-7:#a9d134;--apollo-lime-8:#c9e75d;--apollo-lime-9:#e4f88b;--apollo-lime-10:#f0fab5;--apollo-color-shadow:rgba(255, 255, 255, 0.2);--apollo-color-text:rgba(245,245,245,0.85);--apollo-color-text-secondary:rgba(245,245,245,0.65);--apollo-color-text-tertiary:rgba(245,245,245,0.45);--apollo-color-text-quaternary:rgba(245,245,245,0.25);--apollo-color-fill:rgba(245,245,245,0.18);--apollo-color-fill-secondary:rgba(245,245,245,0.12);--apollo-color-fill-tertiary:rgba(245,245,245,0.08);--apollo-color-fill-quaternary:rgba(245,245,245,0.04);--apollo-color-bg-solid:rgba(245,245,245,0.95);--apollo-color-bg-solid-hover:rgb(245,245,245);--apollo-color-bg-solid-active:rgba(245,245,245,0.9);--apollo-color-bg-layout:#101010;--apollo-color-bg-container:#242424;--apollo-color-bg-elevated:#2f2f2f;--apollo-color-bg-spotlight:#525252;--apollo-color-bg-blur:rgba(245,245,245,0.04);--apollo-color-border:#525252;--apollo-color-border-disabled:#525252;--apollo-color-border-secondary:#404040;--apollo-color-primary-bg:#282828;--apollo-color-primary-bg-hover:#313131;--apollo-color-primary-border:#282828;--apollo-color-primary-border-hover:#313131;--apollo-color-primary-hover:#595959;--apollo-color-primary-active:#3e3e3e;--apollo-color-primary-text-hover:#595959;--apollo-color-primary-text:#4b4b4b;--apollo-color-primary-text-active:#3e3e3e;--apollo-color-success-bg:#1a241f;--apollo-color-success-bg-hover:#25382e;--apollo-color-success-border:#314a3c;--apollo-color-success-border-hover:#406550;--apollo-color-success-hover:#406550;--apollo-color-success-active:#548a6b;--apollo-color-success-text-hover:#93c3a6;--apollo-color-success-text:#67ae86;--apollo-color-success-text-active:#548a6b;--apollo-color-error-bg:#2a1f1e;--apollo-color-error-bg-hover:#432f2d;--apollo-color-error-bg-filled-hover:#412f2d;--apollo-color-error-bg-active:#573f3c;--apollo-color-error-border:#573f3c;--apollo-color-error-border-hover:#795450;--apollo-color-error-hover:#e8beb7;--apollo-color-error-active:#a6716a;--apollo-color-error-text-hover:#e8beb7;--apollo-color-error-text:#d28e85;--apollo-color-error-text-active:#a6716a;--apollo-color-warning-bg:#272118;--apollo-color-warning-bg-hover:#3d3221;--apollo-color-warning-border:#51442b;--apollo-color-warning-border-hover:#6f5c36;--apollo-color-warning-hover:#6f5c36;--apollo-color-warning-active:#987b45;--apollo-color-warning-text-hover:#d6ba7e;--apollo-color-warning-text:#c19b54;--apollo-color-warning-text-active:#987b45;--apollo-color-info-bg:#212121;--apollo-color-info-bg-hover:#333333;--apollo-color-info-border:#444444;--apollo-color-info-border-hover:#5c5c5c;--apollo-color-info-hover:#5c5c5c;--apollo-color-info-active:#7d7d7d;--apollo-color-info-text-hover:#b1b1b1;--apollo-color-info-text:#9d9d9d;--apollo-color-info-text-active:#7d7d7d;--apollo-color-link-hover:#6b6b6b;--apollo-color-link-active:#919191;--apollo-blue-hover:#1554ad;--apollo-blue-active:#3c89e8;--apollo-purple-hover:#51258f;--apollo-purple-active:#854eca;--apollo-cyan-hover:#138585;--apollo-cyan-active:#33bcb7;--apollo-green-hover:#3c8618;--apollo-green-active:#6abe39;--apollo-magenta-hover:#a02669;--apollo-magenta-active:#e0529c;--apollo-pink-hover:#a02669;--apollo-pink-active:#e0529c;--apollo-red-hover:#a61d24;--apollo-red-active:#e84749;--apollo-orange-hover:#aa6215;--apollo-orange-active:#e89a3c;--apollo-yellow-hover:#aa9514;--apollo-yellow-active:#e8d639;--apollo-volcano-hover:#aa3e19;--apollo-volcano-active:#e87040;--apollo-geekblue-hover:#263ea0;--apollo-geekblue-active:#5273e0;--apollo-lime-hover:#6f9412;--apollo-lime-active:#a9d134;--apollo-gold-hover:#aa7714;--apollo-gold-active:#e8b339;--apollo-color-bg-mask:rgba(0,0,0,0.45);--apollo-color-white:#fff;--apollo-font-size-sm:12px;--apollo-font-size-lg:16px;--apollo-font-size-xl:20px;--apollo-font-size-heading-1:38px;--apollo-font-size-heading-2:30px;--apollo-font-size-heading-3:24px;--apollo-font-size-heading-4:20px;--apollo-font-size-heading-5:16px;--apollo-line-height:1.5714285714285714;--apollo-line-height-lg:1.5;--apollo-line-height-sm:1.6666666666666667;--apollo-font-height:22px;--apollo-font-height-lg:24px;--apollo-font-height-sm:20px;--apollo-line-height-heading-1:1.2105263157894737;--apollo-line-height-heading-2:1.2666666666666666;--apollo-line-height-heading-3:1.3333333333333333;--apollo-line-height-heading-4:1.4;--apollo-line-height-heading-5:1.5;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:24px;--apollo-size-md:20px;--apollo-size-ms:16px;--apollo-size:16px;--apollo-size-sm:12px;--apollo-size-xs:8px;--apollo-size-xxs:4px;--apollo-control-height-sm:24px;--apollo-control-height-xs:16px;--apollo-control-height-lg:40px;--apollo-motion-duration-fast:0.1s;--apollo-motion-duration-mid:0.2s;--apollo-motion-duration-slow:0.3s;--apollo-line-width-bold:2px;--apollo-border-radius-xs:1px;--apollo-border-radius-sm:2px;--apollo-border-radius-lg:2px;--apollo-border-radius-outer:2px;--apollo-color-fill-content:rgba(245,245,245,0.12);--apollo-color-fill-content-hover:rgba(245,245,245,0.18);--apollo-color-fill-alter:rgba(245,245,245,0.04);--apollo-color-bg-container-disabled:rgba(245,245,245,0.08);--apollo-color-border-bg:#242424;--apollo-color-split:rgba(251,251,251,0.13);--apollo-color-text-placeholder:rgba(245,245,245,0.25);--apollo-color-text-disabled:rgba(245,245,245,0.25);--apollo-color-text-heading:rgba(245,245,245,0.85);--apollo-color-text-label:rgba(245,245,245,0.65);--apollo-color-text-description:rgba(245,245,245,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#d28e85;--apollo-color-bg-text-hover:rgba(245,245,245,0.12);--apollo-color-bg-text-active:rgba(245,245,245,0.18);--apollo-color-icon:rgba(245,245,245,0.45);--apollo-color-icon-hover:rgba(245,245,245,0.85);--apollo-color-error-outline:rgba(71,7,1,0.17);--apollo-color-warning-outline:rgba(45,27,0,0.33);--apollo-color-error-affix:#d28e85;--apollo-color-warning-affix:#c19b54;--apollo-font-size-icon:12px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:16px;--apollo-control-item-bg-hover:rgba(245,245,245,0.08);--apollo-control-item-bg-active:#282828;--apollo-control-item-bg-active-hover:#313131;--apollo-control-item-bg-active-disabled:rgba(245,245,245,0.18);--apollo-control-tmp-outline:rgba(245,245,245,0.04);--apollo-control-outline:rgba(236,236,236,0.02);--apollo-opacity-loading:0.65;--apollo-link-decoration:none;--apollo-link-hover-decoration:none;--apollo-link-focus-decoration:none;--apollo-control-padding-horizontal:12px;--apollo-control-padding-horizontal-sm:8px;--apollo-padding-xxs:4px;--apollo-padding-xs:8px;--apollo-padding-sm:12px;--apollo-padding:16px;--apollo-padding-md:20px;--apollo-padding-lg:24px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:24px;--apollo-padding-content-vertical-lg:16px;--apollo-padding-content-horizontal:16px;--apollo-padding-content-vertical:12px;--apollo-padding-content-horizontal-sm:16px;--apollo-padding-content-vertical-sm:8px;--apollo-margin-xxs:4px;--apollo-margin-xs:8px;--apollo-margin-sm:12px;--apollo-margin:16px;--apollo-margin-md:20px;--apollo-margin-lg:24px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-drop-shadow-popover:drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002));--apollo-box-shadow-drawer-right:
+      -6px 0 16px 0 rgba(255,255,255,0.016),
+      -3px 0 6px -4px rgba(255,255,255,0.024),
+      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-left:
+      6px 0 16px 0 rgba(255,255,255,0.016),
+      3px 0 6px -4px rgba(255,255,255,0.024),
+      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-up:
+      0 6px 16px 0 rgba(255,255,255,0.016),
+      0 3px 6px -4px rgba(255,255,255,0.024),
+      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-drawer-down:
+      0 -6px 16px 0 rgba(255,255,255,0.016),
+      0 -3px 6px -4px rgba(255,255,255,0.024),
+      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)
+    ;--apollo-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(255,255,255,0.016);--apollo-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(255,255,255,0.016);}
+}

package/dist/presets/mono.d.mts

@@ -0,0 +1,6 @@
+import { ThemePreset } from '../index.mjs';
+
+/** Achromatic interaction colors; success, error and warning remain semantic colors. */
+declare const monoPreset: ThemePreset;
+
+export { monoPreset as default, monoPreset };

package/dist/presets/mono.d.ts

@@ -0,0 +1,6 @@
+import { ThemePreset } from '../index.js';
+
+/** Achromatic interaction colors; success, error and warning remain semantic colors. */
+declare const monoPreset: ThemePreset;
+
+export { monoPreset as default, monoPreset };

package/dist/presets/mono.mjs

@@ -0,0 +1,41 @@
+const monoPreset = Object.freeze({
+  name: "mono",
+  token: Object.freeze({
+    fontFamily: "ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace",
+    fontSize: 14,
+    fontWeightStrong: 600,
+    borderRadius: 2,
+    controlHeight: 32,
+    boxShadow: "none",
+    boxShadowSecondary: "none",
+    boxShadowTertiary: "none",
+    boxShadowCard: "none",
+    boxShadowPopoverArrow: "none"
+  }),
+  light: Object.freeze({
+    token: Object.freeze({
+      colorPrimary: "#202020",
+      colorInfo: "#454545",
+      colorLink: "#202020",
+      colorBgBase: "#ffffff",
+      colorTextBase: "#171717",
+      colorSuccess: "#227744",
+      colorWarning: "#8a5a00",
+      colorError: "#b42318"
+    })
+  }),
+  dark: Object.freeze({
+    token: Object.freeze({
+      colorPrimary: "#555555",
+      colorInfo: "#b5b5b5",
+      colorLink: "#d5d5d5",
+      colorBgBase: "#101010",
+      colorTextBase: "#f5f5f5",
+      colorSuccess: "#76c99a",
+      colorWarning: "#dfb35f",
+      colorError: "#f4a399"
+    })
+  })
+});
+
+export { monoPreset as default, monoPreset };

package/dist/seed.mjs

@@ -0,0 +1,74 @@
+const PresetColors = [
+  "blue",
+  "purple",
+  "cyan",
+  "green",
+  "magenta",
+  "pink",
+  "red",
+  "orange",
+  "yellow",
+  "volcano",
+  "geekblue",
+  "lime",
+  "gold"
+];
+const defaultPresetColors = {
+  blue: "#1677FF",
+  purple: "#722ED1",
+  cyan: "#13C2C2",
+  green: "#52C41A",
+  magenta: "#EB2F96",
+  /** @deprecated 用 magenta 代替 */
+  pink: "#EB2F96",
+  red: "#F5222D",
+  orange: "#FA8C16",
+  yellow: "#FADB14",
+  volcano: "#FA541C",
+  geekblue: "#2F54EB",
+  gold: "#FAAD14",
+  lime: "#A0D911"
+};
+const DARK_PALETTE_BASE = "#141414";
+const defaultSeedToken = {
+  ...defaultPresetColors,
+  colorPrimary: "#1677ff",
+  colorSuccess: "#52c41a",
+  colorWarning: "#faad14",
+  colorError: "#ff4d4f",
+  colorInfo: "#1677ff",
+  colorLink: "",
+  colorTextBase: "",
+  colorBgBase: "",
+  fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji'`,
+  fontFamilyCode: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
+  fontSize: 14,
+  lineWidth: 1,
+  lineType: "solid",
+  motionUnit: 0.1,
+  motionBase: 0,
+  motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
+  motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+  motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+  motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
+  motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+  motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
+  motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+  motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+  borderRadius: 6,
+  borderRadiusCircle: "100%",
+  sizeUnit: 4,
+  sizeStep: 4,
+  sizePopupArrow: 16,
+  controlHeight: 32,
+  zIndexBase: 0,
+  zIndexPopupBase: 1e3,
+  opacityImage: 1,
+  wireframe: false,
+  focusOutline: true,
+  motion: true
+};
+
+export { DARK_PALETTE_BASE, PresetColors, defaultPresetColors, defaultSeedToken };

package/dist/shared/color-map-token.mjs

@@ -0,0 +1,97 @@
+import { Color } from '@apollo-design/utils';
+import { PresetColors } from '../seed.mjs';
+
+function genColorMapToken(seed, options) {
+  const {
+    colorSuccess: colorSuccessBase,
+    colorWarning: colorWarningBase,
+    colorError: colorErrorBase,
+    colorInfo: colorInfoBase,
+    colorPrimary: colorPrimaryBase,
+    colorBgBase,
+    colorTextBase
+  } = seed;
+  const primaryColors = options.generateColorPalettes(colorPrimaryBase);
+  const successColors = options.generateColorPalettes(colorSuccessBase);
+  const warningColors = options.generateColorPalettes(colorWarningBase);
+  const errorColors = options.generateColorPalettes(colorErrorBase);
+  const infoColors = options.generateColorPalettes(colorInfoBase);
+  const neutralColors = options.generateNeutralColorPalettes(colorBgBase, colorTextBase);
+  const colorLink = seed.colorLink || seed.colorInfo;
+  const linkColors = options.generateColorPalettes(colorLink);
+  const colorErrorBgFilledHover = new Color(errorColors[1]).mix(new Color(errorColors[3]), 50).toHexString();
+  const presetColorTokens = {};
+  for (const colorKey of PresetColors) {
+    const colorBase = seed[colorKey];
+    if (colorBase) {
+      const colorPalette = options.generateColorPalettes(colorBase);
+      presetColorTokens[`${colorKey}Hover`] = colorPalette[5];
+      presetColorTokens[`${colorKey}Active`] = colorPalette[7];
+    }
+  }
+  return {
+    ...neutralColors,
+    colorPrimaryBg: primaryColors[1],
+    colorPrimaryBgHover: primaryColors[2],
+    colorPrimaryBorder: primaryColors[3],
+    colorPrimaryBorderHover: primaryColors[4],
+    colorPrimaryHover: primaryColors[5],
+    colorPrimary: primaryColors[6],
+    colorPrimaryActive: primaryColors[7],
+    colorPrimaryTextHover: primaryColors[8],
+    colorPrimaryText: primaryColors[9],
+    colorPrimaryTextActive: primaryColors[10],
+    colorSuccessBg: successColors[1],
+    colorSuccessBgHover: successColors[2],
+    colorSuccessBorder: successColors[3],
+    colorSuccessBorderHover: successColors[4],
+    // ⚠️ 注意：success / warning / info 的 Hover 取的是第 4 档，不是第 5 档。
+    // 只有 primary 与 error 用第 5 档。这是 antd 的实际取值，看起来像笔误但必须照抄。
+    colorSuccessHover: successColors[4],
+    colorSuccess: successColors[6],
+    colorSuccessActive: successColors[7],
+    colorSuccessTextHover: successColors[8],
+    colorSuccessText: successColors[9],
+    colorSuccessTextActive: successColors[10],
+    colorErrorBg: errorColors[1],
+    colorErrorBgHover: errorColors[2],
+    colorErrorBgFilledHover,
+    colorErrorBgActive: errorColors[3],
+    colorErrorBorder: errorColors[3],
+    colorErrorBorderHover: errorColors[4],
+    colorErrorHover: errorColors[5],
+    colorError: errorColors[6],
+    colorErrorActive: errorColors[7],
+    colorErrorTextHover: errorColors[8],
+    colorErrorText: errorColors[9],
+    colorErrorTextActive: errorColors[10],
+    colorWarningBg: warningColors[1],
+    colorWarningBgHover: warningColors[2],
+    colorWarningBorder: warningColors[3],
+    colorWarningBorderHover: warningColors[4],
+    colorWarningHover: warningColors[4],
+    colorWarning: warningColors[6],
+    colorWarningActive: warningColors[7],
+    colorWarningTextHover: warningColors[8],
+    colorWarningText: warningColors[9],
+    colorWarningTextActive: warningColors[10],
+    colorInfoBg: infoColors[1],
+    colorInfoBgHover: infoColors[2],
+    colorInfoBorder: infoColors[3],
+    colorInfoBorderHover: infoColors[4],
+    colorInfoHover: infoColors[4],
+    colorInfo: infoColors[6],
+    colorInfoActive: infoColors[7],
+    colorInfoTextHover: infoColors[8],
+    colorInfoText: infoColors[9],
+    colorInfoTextActive: infoColors[10],
+    colorLinkHover: linkColors[4],
+    colorLink: linkColors[6],
+    colorLinkActive: linkColors[7],
+    ...presetColorTokens,
+    colorBgMask: new Color("#000").setAlpha(0.45).toRgbString(),
+    colorWhite: "#fff"
+  };
+}
+
+export { genColorMapToken as default };

package/dist/shared/common-map-token.mjs

@@ -0,0 +1,14 @@
+import { genRadius } from './radius.mjs';
+
+function genCommonMapToken(token) {
+  const { motionUnit, motionBase, borderRadius, lineWidth } = token;
+  return {
+    motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`,
+    motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,
+    motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
+    lineWidthBold: lineWidth + 1,
+    ...genRadius(borderRadius)
+  };
+}
+
+export { genCommonMapToken };

package/dist/shared/control-height.mjs

@@ -0,0 +1,9 @@
+function genControlHeight(controlHeight) {
+  return {
+    controlHeightSM: controlHeight * 0.75,
+    controlHeightXS: controlHeight * 0.5,
+    controlHeightLG: controlHeight * 1.25
+  };
+}
+
+export { genControlHeight };