@apollo-design/theme 0.0.0-stage → 0.1.9

package/dist/shared/theme.DBaLDtcj.d.ts

@@ -0,0 +1,358 @@
+/**
+ * @apollo-design/theme — Token 类型
+ *
+ * Seed → Map → Alias → Component 的公开类型由 Apollo API 决定。
+ * 历史上游字段与默认值是回归证据，不限制独立发展的字段集合。
+ *
+ * 类型是「重新定义」而非复制：antd 的类型文件带大量 JSDoc，逐字搬运会让我们
+ * 在自己的注释里说别人的话。这里只保留契约本身（名称 + 类型），
+ * 语义说明写在我们自己的文档中。
+ */
+/** antd 的 13 个预设色。pink 是 magenta 的废弃别名，值相同。 */
+type PresetColorKey = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
+type PresetColorType = Record<PresetColorKey, string>;
+/**
+ * 预设色板展开后的键：`blue-1`…`blue-10` 与 `blue1`…`blue10`。
+ * 两种写法 antd 都产出，且值相同（历史兼容）。
+ */
+type PresetColorPalettes = {
+    [K in PresetColorKey as `${K}-${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}`]: string;
+} & {
+    [K in PresetColorKey as `${K}${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}`]: string;
+};
+/** 色板梯度：1 最浅 → 10 最深（antd 用的是 1-based，不是 0-based） */
+type ColorPalette = Record<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10, string>;
+interface SeedToken extends PresetColorType {
+    colorPrimary: string;
+    colorSuccess: string;
+    colorWarning: string;
+    colorError: string;
+    colorInfo: string;
+    colorLink: string;
+    colorTextBase: string;
+    colorBgBase: string;
+    fontFamily: string;
+    fontFamilyCode: string;
+    fontSize: number;
+    lineWidth: number;
+    lineType: string;
+    borderRadius: number;
+    /**
+     * 完美圆的圆角值（`'100%'`）。是几何常量，不是视觉设计值 —— `1em × 1em` 的方块
+     * 套这个值会渲染成圆。给 `borderRadiusCircle` 留一个变量是组件层去掉硬编码 `100%`
+     * 的最小代价；它不在 design-system 调色板上，主题切换也不会改它。
+     */
+    borderRadiusCircle: string;
+    sizeUnit: number;
+    sizeStep: number;
+    sizePopupArrow: number;
+    controlHeight: number;
+    zIndexBase: number;
+    zIndexPopupBase: number;
+    opacityImage: number;
+    motionUnit: number;
+    motionBase: number;
+    motionEaseOutCirc: string;
+    motionEaseInOutCirc: string;
+    motionEaseOut: string;
+    motionEaseInOut: string;
+    motionEaseOutBack: string;
+    motionEaseInBack: string;
+    motionEaseInQuint: string;
+    motionEaseOutQuint: string;
+    wireframe: boolean;
+    focusOutline: boolean;
+    motion: boolean;
+}
+/** 中性色 + 功能色梯度。由 genColorMapToken 产出。 */
+interface ColorNeutralMapToken {
+    colorBgBase: string;
+    colorTextBase: string;
+    colorShadow: string;
+    colorText: string;
+    colorTextSecondary: string;
+    colorTextTertiary: string;
+    colorTextQuaternary: string;
+    colorFill: string;
+    colorFillSecondary: string;
+    colorFillTertiary: string;
+    colorFillQuaternary: string;
+    colorBgSolid: string;
+    colorBgSolidHover: string;
+    colorBgSolidActive: string;
+    colorBgLayout: string;
+    colorBgContainer: string;
+    colorBgElevated: string;
+    colorBgSpotlight: string;
+    colorBgBlur: string;
+    colorBorder: string;
+    colorBorderDisabled: string;
+    colorBorderSecondary: string;
+}
+/** 功能色（primary / success / warning / error / info / link）的 11 档梯度 */
+interface FunctionalColorMapToken {
+    colorPrimaryBg: string;
+    colorPrimaryBgHover: string;
+    colorPrimaryBorder: string;
+    colorPrimaryBorderHover: string;
+    colorPrimaryHover: string;
+    colorPrimary: string;
+    colorPrimaryActive: string;
+    colorPrimaryTextHover: string;
+    colorPrimaryText: string;
+    colorPrimaryTextActive: string;
+    colorSuccessBg: string;
+    colorSuccessBgHover: string;
+    colorSuccessBorder: string;
+    colorSuccessBorderHover: string;
+    colorSuccessHover: string;
+    colorSuccess: string;
+    colorSuccessActive: string;
+    colorSuccessTextHover: string;
+    colorSuccessText: string;
+    colorSuccessTextActive: string;
+    colorErrorBg: string;
+    colorErrorBgHover: string;
+    colorErrorBgFilledHover: string;
+    colorErrorBgActive: string;
+    colorErrorBorder: string;
+    colorErrorBorderHover: string;
+    colorErrorHover: string;
+    colorError: string;
+    colorErrorActive: string;
+    colorErrorTextHover: string;
+    colorErrorText: string;
+    colorErrorTextActive: string;
+    colorWarningBg: string;
+    colorWarningBgHover: string;
+    colorWarningBorder: string;
+    colorWarningBorderHover: string;
+    colorWarningHover: string;
+    colorWarning: string;
+    colorWarningActive: string;
+    colorWarningTextHover: string;
+    colorWarningText: string;
+    colorWarningTextActive: string;
+    colorInfoBg: string;
+    colorInfoBgHover: string;
+    colorInfoBorder: string;
+    colorInfoBorderHover: string;
+    colorInfoHover: string;
+    colorInfo: string;
+    colorInfoActive: string;
+    colorInfoTextHover: string;
+    colorInfoText: string;
+    colorInfoTextActive: string;
+    colorLinkHover: string;
+    colorLink: string;
+    colorLinkActive: string;
+    colorBgMask: string;
+    colorWhite: string;
+}
+/** 每个预设色派生的 Hover / Active 两档 */
+type PresetColorMapToken = {
+    [K in PresetColorKey as `${K}Hover`]: string;
+} & {
+    [K in PresetColorKey as `${K}Active`]: string;
+};
+type ColorMapToken = ColorNeutralMapToken & FunctionalColorMapToken & PresetColorMapToken;
+interface FontMapToken {
+    fontSizeSM: number;
+    fontSize: number;
+    fontSizeLG: number;
+    fontSizeXL: number;
+    fontSizeHeading1: number;
+    fontSizeHeading2: number;
+    fontSizeHeading3: number;
+    fontSizeHeading4: number;
+    fontSizeHeading5: number;
+    lineHeight: number;
+    lineHeightLG: number;
+    lineHeightSM: number;
+    fontHeight: number;
+    fontHeightLG: number;
+    fontHeightSM: number;
+    lineHeightHeading1: number;
+    lineHeightHeading2: number;
+    lineHeightHeading3: number;
+    lineHeightHeading4: number;
+    lineHeightHeading5: number;
+}
+interface SizeMapToken {
+    sizeXXL: number;
+    sizeXL: number;
+    sizeLG: number;
+    sizeMD: number;
+    sizeMS: number;
+    size: number;
+    sizeSM: number;
+    sizeXS: number;
+    sizeXXS: number;
+}
+interface HeightMapToken {
+    controlHeight: number;
+    controlHeightSM: number;
+    controlHeightXS: number;
+    controlHeightLG: number;
+}
+interface StyleMapToken {
+    lineWidthBold: number;
+    borderRadiusXS: number;
+    borderRadiusSM: number;
+    borderRadius: number;
+    borderRadiusLG: number;
+    borderRadiusOuter: number;
+    borderRadiusCircle: string;
+}
+interface CommonMapToken {
+    motionDurationFast: string;
+    motionDurationMid: string;
+    motionDurationSlow: string;
+}
+type MapToken = SeedToken & ColorMapToken & FontMapToken & SizeMapToken & HeightMapToken & StyleMapToken & CommonMapToken & PresetColorPalettes;
+interface AliasToken extends MapToken {
+    colorFillContent: string;
+    colorFillContentHover: string;
+    colorFillAlter: string;
+    colorBgContainerDisabled: string;
+    colorBorderBg: string;
+    colorSplit: string;
+    colorTextPlaceholder: string;
+    colorTextDisabled: string;
+    colorTextHeading: string;
+    colorTextLabel: string;
+    colorTextDescription: string;
+    colorTextLightSolid: string;
+    colorHighlight: string;
+    colorBgTextHover: string;
+    colorBgTextActive: string;
+    colorIcon: string;
+    colorIconHover: string;
+    colorErrorOutline: string;
+    colorWarningOutline: string;
+    colorErrorAffix: string;
+    colorWarningAffix: string;
+    fontSizeIcon: number;
+    lineWidthFocus: number;
+    controlOutlineWidth: number;
+    controlInteractiveSize: number;
+    controlItemBgHover: string;
+    controlItemBgActive: string;
+    controlItemBgActiveHover: string;
+    controlItemBgActiveDisabled: string;
+    controlTmpOutline: string;
+    controlOutline: string;
+    fontWeightStrong: number;
+    opacityLoading: number;
+    linkDecoration: string;
+    linkHoverDecoration: string;
+    linkFocusDecoration: string;
+    controlPaddingHorizontal: number;
+    controlPaddingHorizontalSM: number;
+    paddingXXS: number;
+    paddingXS: number;
+    paddingSM: number;
+    padding: number;
+    paddingMD: number;
+    paddingLG: number;
+    paddingXL: number;
+    paddingContentHorizontalLG: number;
+    paddingContentVerticalLG: number;
+    paddingContentHorizontal: number;
+    paddingContentVertical: number;
+    paddingContentHorizontalSM: number;
+    paddingContentVerticalSM: number;
+    marginXXS: number;
+    marginXS: number;
+    marginSM: number;
+    margin: number;
+    marginMD: number;
+    marginLG: number;
+    marginXL: number;
+    marginXXL: number;
+    boxShadow: string;
+    boxShadowSecondary: string;
+    boxShadowTertiary: string;
+    boxShadowPopoverArrow: string;
+    dropShadowPopover: string;
+    boxShadowCard: string;
+    boxShadowDrawerRight: string;
+    boxShadowDrawerLeft: string;
+    boxShadowDrawerUp: string;
+    boxShadowDrawerDown: string;
+    boxShadowTabsOverflowLeft: string;
+    boxShadowTabsOverflowRight: string;
+    boxShadowTabsOverflowTop: string;
+    boxShadowTabsOverflowBottom: string;
+    screenXS: number;
+    screenXSMin: number;
+    screenXSMax: number;
+    screenSM: number;
+    screenSMMin: number;
+    screenSMMax: number;
+    screenMD: number;
+    screenMDMin: number;
+    screenMDMax: number;
+    screenLG: number;
+    screenLGMin: number;
+    screenLGMax: number;
+    screenXL: number;
+    screenXLMin: number;
+    screenXLMax: number;
+    screenXXL: number;
+    screenXXLMin: number;
+    screenXXLMax: number;
+    screenXXXL: number;
+    screenXXXLMin: number;
+}
+/**
+ * 组件 Token 的类型入口。
+ *
+ * antd 的组件 token **默认值分散在各组件自己的 style 里**（`components/<x>/style/index.ts`
+ * 的 `prepareComponentToken`），`theme/interface/components.ts` 只做类型聚合。
+ * 本包遵循同样的分工：这里只声明类型与合并机制，默认值由 `packages/ui` 逐组件提供 ——
+ * 见本包 README 的「明确不做」。
+ */
+type ComponentTokenMap = Record<string, Record<string, string | number | boolean>>;
+/**
+ * 派生算法。
+ *
+ * 第二个参数 `mapToken` 是**前一个算法的结果**（antd 的 `Theme.getDerivativeToken`
+ * 用 `reduce` 串联）。为 `undefined` 时表示自己是链上的第一个，需要自己先跑 default。
+ * 这个「可组合」语义是 antd 的契约，不能改成「每个算法都从 seed 重算」。
+ */
+type MappingAlgorithm = (seed: SeedToken, mapToken?: MapToken) => MapToken;
+type ThemeMode = 'light' | 'dark' | 'system';
+type ThemeAppearance = Exclude<ThemeMode, 'system'>;
+type ThemeTokenOverrides = Partial<AliasToken & Record<string, string | number | boolean>>;
+/** A preset uses the same seeds, aliases and optional mapping algorithms as user configuration. */
+interface ThemePresetScheme {
+    readonly token?: Readonly<ThemeTokenOverrides>;
+    readonly algorithm?: MappingAlgorithm | MappingAlgorithm[];
+}
+interface ThemePreset {
+    readonly name: string;
+    readonly token?: Readonly<ThemeTokenOverrides>;
+    readonly light?: ThemePresetScheme;
+    readonly dark?: ThemePresetScheme;
+}
+interface ThemeConfig {
+    /** Presets are ordinary public data, imported independently from component structure. */
+    preset?: ThemePreset;
+    /** Live providers resolve system preference; pure/SSR derivation defaults to light. */
+    mode?: ThemeMode;
+    /** ConfigProvider inherits by default; ThemeProvider only inherits when true. */
+    inherit?: boolean;
+    /** Known Seed/Map/Alias keys retain their value types; undefined is an omission. */
+    token?: ThemeTokenOverrides;
+    /** Empty arrays use the default algorithm; nonempty arrays run in order. */
+    algorithm?: MappingAlgorithm | MappingAlgorithm[];
+    /** CSS 变量前缀。默认 `apollo`（已裁决：prefix-cls-default = A）。 */
+    cssVarPrefix?: string;
+    /** 组件级 token 覆盖，键为组件名 */
+    components?: ComponentTokenMap;
+}
+/** getDesignToken 的完整输出 */
+type GlobalToken = AliasToken;
+
+export type { AliasToken as A, ColorPalette as C, FontMapToken as F, GlobalToken as G, HeightMapToken as H, MapToken as M, PresetColorKey as P, SeedToken as S, ThemeConfig as T, ThemeAppearance as a, PresetColorType as b, ColorNeutralMapToken as c, ColorMapToken as d, CommonMapToken as e, StyleMapToken as f, SizeMapToken as g, ComponentTokenMap as h, MappingAlgorithm as i, PresetColorPalettes as j, ThemeMode as k, ThemePreset as l, ThemePresetScheme as m, ThemeTokenOverrides as n };

package/dist/tokens.css

@@ -0,0 +1,146 @@
+/*!
+ * @apollo-design/theme — 零运行时 CSS 变量表（自动生成，勿手改）
+ * 生成方式：packages/theme/build.config.ts 的 rollup writeBundle hook
+ * 用法：引入本文件即可获得全部 --apollo-* 变量，无需任何 JS 运行时
+ */
+
+:root{--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:#1677ff;--apollo-color-success:#52c41a;--apollo-color-warning:#faad14;--apollo-color-error:#ff4d4f;--apollo-color-info:#1677ff;--apollo-color-link:#1677ff;--apollo-color-text-base:#000;--apollo-color-bg-base:#fff;--apollo-font-family:-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';--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:6px;--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-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(0,0,0,0.88);--apollo-color-text-secondary:rgba(0,0,0,0.65);--apollo-color-text-tertiary:rgba(0,0,0,0.45);--apollo-color-text-quaternary:rgba(0,0,0,0.25);--apollo-color-fill:rgba(0,0,0,0.15);--apollo-color-fill-secondary:rgba(0,0,0,0.06);--apollo-color-fill-tertiary:rgba(0,0,0,0.04);--apollo-color-fill-quaternary:rgba(0,0,0,0.02);--apollo-color-bg-solid:rgb(0,0,0);--apollo-color-bg-solid-hover:rgba(0,0,0,0.75);--apollo-color-bg-solid-active:rgba(0,0,0,0.95);--apollo-color-bg-layout:#f5f5f5;--apollo-color-bg-container:#ffffff;--apollo-color-bg-elevated:#ffffff;--apollo-color-bg-spotlight:rgba(0,0,0,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:#e6f4ff;--apollo-color-primary-bg-hover:#bae0ff;--apollo-color-primary-border:#91caff;--apollo-color-primary-border-hover:#69b1ff;--apollo-color-primary-hover:#4096ff;--apollo-color-primary-active:#0958d9;--apollo-color-primary-text-hover:#4096ff;--apollo-color-primary-text:#1677ff;--apollo-color-primary-text-active:#0958d9;--apollo-color-success-bg:#f6ffed;--apollo-color-success-bg-hover:#d9f7be;--apollo-color-success-border:#b7eb8f;--apollo-color-success-border-hover:#95de64;--apollo-color-success-hover:#95de64;--apollo-color-success-active:#389e0d;--apollo-color-success-text-hover:#73d13d;--apollo-color-success-text:#52c41a;--apollo-color-success-text-active:#389e0d;--apollo-color-error-bg:#fff2f0;--apollo-color-error-bg-hover:#fff1f0;--apollo-color-error-bg-filled-hover:#ffdfdc;--apollo-color-error-bg-active:#ffccc7;--apollo-color-error-border:#ffccc7;--apollo-color-error-border-hover:#ffa39e;--apollo-color-error-hover:#ff7875;--apollo-color-error-active:#d9363e;--apollo-color-error-text-hover:#ff7875;--apollo-color-error-text:#ff4d4f;--apollo-color-error-text-active:#d9363e;--apollo-color-warning-bg:#fffbe6;--apollo-color-warning-bg-hover:#fff1b8;--apollo-color-warning-border:#ffe58f;--apollo-color-warning-border-hover:#ffd666;--apollo-color-warning-hover:#ffd666;--apollo-color-warning-active:#d48806;--apollo-color-warning-text-hover:#ffc53d;--apollo-color-warning-text:#faad14;--apollo-color-warning-text-active:#d48806;--apollo-color-info-bg:#e6f4ff;--apollo-color-info-bg-hover:#bae0ff;--apollo-color-info-border:#91caff;--apollo-color-info-border-hover:#69b1ff;--apollo-color-info-hover:#69b1ff;--apollo-color-info-active:#0958d9;--apollo-color-info-text-hover:#4096ff;--apollo-color-info-text:#1677ff;--apollo-color-info-text-active:#0958d9;--apollo-color-link-hover:#69b1ff;--apollo-color-link-active:#0958d9;--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:2px;--apollo-border-radius-sm:4px;--apollo-border-radius-lg:8px;--apollo-border-radius-outer:4px;--apollo-color-fill-content:rgba(0,0,0,0.06);--apollo-color-fill-content-hover:rgba(0,0,0,0.15);--apollo-color-fill-alter:rgba(0,0,0,0.02);--apollo-color-bg-container-disabled:rgba(0,0,0,0.04);--apollo-color-border-bg:#ffffff;--apollo-color-split:rgba(5,5,5,0.06);--apollo-color-text-placeholder:rgba(0,0,0,0.25);--apollo-color-text-disabled:rgba(0,0,0,0.25);--apollo-color-text-heading:rgba(0,0,0,0.88);--apollo-color-text-label:rgba(0,0,0,0.65);--apollo-color-text-description:rgba(0,0,0,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#ff4d4f;--apollo-color-bg-text-hover:rgba(0,0,0,0.06);--apollo-color-bg-text-active:rgba(0,0,0,0.15);--apollo-color-icon:rgba(0,0,0,0.45);--apollo-color-icon-hover:rgba(0,0,0,0.88);--apollo-color-error-outline:rgba(255,38,5,0.06);--apollo-color-warning-outline:rgba(255,215,5,0.1);--apollo-color-error-affix:#ff4d4f;--apollo-color-warning-affix:#faad14;--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(0,0,0,0.04);--apollo-control-item-bg-active:#e6f4ff;--apollo-control-item-bg-active-hover:#bae0ff;--apollo-control-item-bg-active-disabled:rgba(0,0,0,0.15);--apollo-control-tmp-outline:rgba(0,0,0,0.02);--apollo-control-outline:rgba(5,145,255,0.1);--apollo-font-weight-strong:600;--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:
+      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-secondary:
+      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-tertiary:
+      0 1px 2px 0 rgba(0,0,0,0.05),
+      0 1px 6px -1px rgba(0,0,0,0.03),
+      0 2px 4px 0 rgba(0,0,0,0.03)
+    ;--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-card:
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
+    ;--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);}
+[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:#1668dc;--apollo-color-success:#49aa19;--apollo-color-warning:#d89614;--apollo-color-error:#dc4446;--apollo-color-info:#1668dc;--apollo-color-link:#1668dc;--apollo-color-text-base:#fff;--apollo-color-bg-base:#000;--apollo-font-family:-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';--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:6px;--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-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(255,255,255,0.85);--apollo-color-text-secondary:rgba(255,255,255,0.65);--apollo-color-text-tertiary:rgba(255,255,255,0.45);--apollo-color-text-quaternary:rgba(255,255,255,0.25);--apollo-color-fill:rgba(255,255,255,0.18);--apollo-color-fill-secondary:rgba(255,255,255,0.12);--apollo-color-fill-tertiary:rgba(255,255,255,0.08);--apollo-color-fill-quaternary:rgba(255,255,255,0.04);--apollo-color-bg-solid:rgba(255,255,255,0.95);--apollo-color-bg-solid-hover:rgb(255,255,255);--apollo-color-bg-solid-active:rgba(255,255,255,0.9);--apollo-color-bg-layout:#000000;--apollo-color-bg-container:#141414;--apollo-color-bg-elevated:#1f1f1f;--apollo-color-bg-spotlight:#424242;--apollo-color-bg-blur:rgba(255,255,255,0.04);--apollo-color-border:#424242;--apollo-color-border-disabled:#424242;--apollo-color-border-secondary:#303030;--apollo-color-primary-bg:#15325b;--apollo-color-primary-bg-hover:#15417e;--apollo-color-primary-border:#15325b;--apollo-color-primary-border-hover:#15417e;--apollo-color-primary-hover:#3c89e8;--apollo-color-primary-active:#1554ad;--apollo-color-primary-text-hover:#3c89e8;--apollo-color-primary-text:#1668dc;--apollo-color-primary-text-active:#1554ad;--apollo-color-success-bg:#162312;--apollo-color-success-bg-hover:#1d3712;--apollo-color-success-border:#274916;--apollo-color-success-border-hover:#306317;--apollo-color-success-hover:#306317;--apollo-color-success-active:#3c8618;--apollo-color-success-text-hover:#6abe39;--apollo-color-success-text:#49aa19;--apollo-color-success-text-active:#3c8618;--apollo-color-error-bg:#2c1618;--apollo-color-error-bg-hover:#451d1f;--apollo-color-error-bg-filled-hover:#441e1f;--apollo-color-error-bg-active:#5b2526;--apollo-color-error-border:#5b2526;--apollo-color-error-border-hover:#7e2e2f;--apollo-color-error-hover:#e86e6b;--apollo-color-error-active:#ad393a;--apollo-color-error-text-hover:#e86e6b;--apollo-color-error-text:#dc4446;--apollo-color-error-text-active:#ad393a;--apollo-color-warning-bg:#2b2111;--apollo-color-warning-bg-hover:#443111;--apollo-color-warning-border:#594214;--apollo-color-warning-border-hover:#7c5914;--apollo-color-warning-hover:#7c5914;--apollo-color-warning-active:#aa7714;--apollo-color-warning-text-hover:#e8b339;--apollo-color-warning-text:#d89614;--apollo-color-warning-text-active:#aa7714;--apollo-color-info-bg:#111a2c;--apollo-color-info-bg-hover:#112545;--apollo-color-info-border:#15325b;--apollo-color-info-border-hover:#15417e;--apollo-color-info-hover:#15417e;--apollo-color-info-active:#1554ad;--apollo-color-info-text-hover:#3c89e8;--apollo-color-info-text:#1668dc;--apollo-color-info-text-active:#1554ad;--apollo-color-link-hover:#15417e;--apollo-color-link-active:#1554ad;--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:2px;--apollo-border-radius-sm:4px;--apollo-border-radius-lg:8px;--apollo-border-radius-outer:4px;--apollo-color-fill-content:rgba(255,255,255,0.12);--apollo-color-fill-content-hover:rgba(255,255,255,0.18);--apollo-color-fill-alter:rgba(255,255,255,0.04);--apollo-color-bg-container-disabled:rgba(255,255,255,0.08);--apollo-color-border-bg:#141414;--apollo-color-split:rgba(253,253,253,0.12);--apollo-color-text-placeholder:rgba(255,255,255,0.25);--apollo-color-text-disabled:rgba(255,255,255,0.25);--apollo-color-text-heading:rgba(255,255,255,0.85);--apollo-color-text-label:rgba(255,255,255,0.65);--apollo-color-text-description:rgba(255,255,255,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#dc4446;--apollo-color-bg-text-hover:rgba(255,255,255,0.12);--apollo-color-bg-text-active:rgba(255,255,255,0.18);--apollo-color-icon:rgba(255,255,255,0.45);--apollo-color-icon-hover:rgba(255,255,255,0.85);--apollo-color-error-outline:rgba(238,38,56,0.11);--apollo-color-warning-outline:rgba(173,107,0,0.15);--apollo-color-error-affix:#dc4446;--apollo-color-warning-affix:#d89614;--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(255,255,255,0.08);--apollo-control-item-bg-active:#15325b;--apollo-control-item-bg-active-hover:#15417e;--apollo-control-item-bg-active-disabled:rgba(255,255,255,0.18);--apollo-control-tmp-outline:rgba(255,255,255,0.04);--apollo-control-outline:rgba(23,117,249,0.31);--apollo-font-weight-strong:600;--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:
+      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-secondary:
+      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-tertiary:
+      0 1px 2px 0 rgba(255,255,255,0.010000000000000002),
+      0 1px 6px -1px rgba(255,255,255,0.006),
+      0 2px 4px 0 rgba(255,255,255,0.006)
+    ;--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-card:
+      0 1px 2px -2px rgba(255,255,255,0.032),
+      0 3px 6px 0 rgba(255,255,255,0.024),
+      0 5px 12px 4px rgba(255,255,255,0.018)
+    ;--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);}
+[data-apollo-theme="compact"]{--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:#1677ff;--apollo-color-success:#52c41a;--apollo-color-warning:#faad14;--apollo-color-error:#ff4d4f;--apollo-color-info:#1677ff;--apollo-color-link:#1677ff;--apollo-color-text-base:#000;--apollo-color-bg-base:#fff;--apollo-font-family:-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';--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:12px;--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:6px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:28px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--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(0,0,0,0.88);--apollo-color-text-secondary:rgba(0,0,0,0.65);--apollo-color-text-tertiary:rgba(0,0,0,0.45);--apollo-color-text-quaternary:rgba(0,0,0,0.25);--apollo-color-fill:rgba(0,0,0,0.15);--apollo-color-fill-secondary:rgba(0,0,0,0.06);--apollo-color-fill-tertiary:rgba(0,0,0,0.04);--apollo-color-fill-quaternary:rgba(0,0,0,0.02);--apollo-color-bg-solid:rgb(0,0,0);--apollo-color-bg-solid-hover:rgba(0,0,0,0.75);--apollo-color-bg-solid-active:rgba(0,0,0,0.95);--apollo-color-bg-layout:#f5f5f5;--apollo-color-bg-container:#ffffff;--apollo-color-bg-elevated:#ffffff;--apollo-color-bg-spotlight:rgba(0,0,0,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:#e6f4ff;--apollo-color-primary-bg-hover:#bae0ff;--apollo-color-primary-border:#91caff;--apollo-color-primary-border-hover:#69b1ff;--apollo-color-primary-hover:#4096ff;--apollo-color-primary-active:#0958d9;--apollo-color-primary-text-hover:#4096ff;--apollo-color-primary-text:#1677ff;--apollo-color-primary-text-active:#0958d9;--apollo-color-success-bg:#f6ffed;--apollo-color-success-bg-hover:#d9f7be;--apollo-color-success-border:#b7eb8f;--apollo-color-success-border-hover:#95de64;--apollo-color-success-hover:#95de64;--apollo-color-success-active:#389e0d;--apollo-color-success-text-hover:#73d13d;--apollo-color-success-text:#52c41a;--apollo-color-success-text-active:#389e0d;--apollo-color-error-bg:#fff2f0;--apollo-color-error-bg-hover:#fff1f0;--apollo-color-error-bg-filled-hover:#ffdfdc;--apollo-color-error-bg-active:#ffccc7;--apollo-color-error-border:#ffccc7;--apollo-color-error-border-hover:#ffa39e;--apollo-color-error-hover:#ff7875;--apollo-color-error-active:#d9363e;--apollo-color-error-text-hover:#ff7875;--apollo-color-error-text:#ff4d4f;--apollo-color-error-text-active:#d9363e;--apollo-color-warning-bg:#fffbe6;--apollo-color-warning-bg-hover:#fff1b8;--apollo-color-warning-border:#ffe58f;--apollo-color-warning-border-hover:#ffd666;--apollo-color-warning-hover:#ffd666;--apollo-color-warning-active:#d48806;--apollo-color-warning-text-hover:#ffc53d;--apollo-color-warning-text:#faad14;--apollo-color-warning-text-active:#d48806;--apollo-color-info-bg:#e6f4ff;--apollo-color-info-bg-hover:#bae0ff;--apollo-color-info-border:#91caff;--apollo-color-info-border-hover:#69b1ff;--apollo-color-info-hover:#69b1ff;--apollo-color-info-active:#0958d9;--apollo-color-info-text-hover:#4096ff;--apollo-color-info-text:#1677ff;--apollo-color-info-text-active:#0958d9;--apollo-color-link-hover:#69b1ff;--apollo-color-link-active:#0958d9;--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:10px;--apollo-font-size-lg:14px;--apollo-font-size-xl:16px;--apollo-font-size-heading-1:32px;--apollo-font-size-heading-2:26px;--apollo-font-size-heading-3:20px;--apollo-font-size-heading-4:16px;--apollo-font-size-heading-5:14px;--apollo-line-height:1.6666666666666667;--apollo-line-height-lg:1.5714285714285714;--apollo-line-height-sm:1.8;--apollo-font-height:20px;--apollo-font-height-lg:22px;--apollo-font-height-sm:18px;--apollo-line-height-heading-1:1.25;--apollo-line-height-heading-2:1.3076923076923077;--apollo-line-height-heading-3:1.4;--apollo-line-height-heading-4:1.5;--apollo-line-height-heading-5:1.5714285714285714;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:16px;--apollo-size-md:16px;--apollo-size-ms:12px;--apollo-size:8px;--apollo-size-sm:8px;--apollo-size-xs:4px;--apollo-size-xxs:4px;--apollo-control-height-sm:21px;--apollo-control-height-xs:14px;--apollo-control-height-lg:35px;--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:2px;--apollo-border-radius-sm:4px;--apollo-border-radius-lg:8px;--apollo-border-radius-outer:4px;--apollo-color-fill-content:rgba(0,0,0,0.06);--apollo-color-fill-content-hover:rgba(0,0,0,0.15);--apollo-color-fill-alter:rgba(0,0,0,0.02);--apollo-color-bg-container-disabled:rgba(0,0,0,0.04);--apollo-color-border-bg:#ffffff;--apollo-color-split:rgba(5,5,5,0.06);--apollo-color-text-placeholder:rgba(0,0,0,0.25);--apollo-color-text-disabled:rgba(0,0,0,0.25);--apollo-color-text-heading:rgba(0,0,0,0.88);--apollo-color-text-label:rgba(0,0,0,0.65);--apollo-color-text-description:rgba(0,0,0,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#ff4d4f;--apollo-color-bg-text-hover:rgba(0,0,0,0.06);--apollo-color-bg-text-active:rgba(0,0,0,0.15);--apollo-color-icon:rgba(0,0,0,0.45);--apollo-color-icon-hover:rgba(0,0,0,0.88);--apollo-color-error-outline:rgba(255,38,5,0.06);--apollo-color-warning-outline:rgba(255,215,5,0.1);--apollo-color-error-affix:#ff4d4f;--apollo-color-warning-affix:#faad14;--apollo-font-size-icon:10px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:14px;--apollo-control-item-bg-hover:rgba(0,0,0,0.04);--apollo-control-item-bg-active:#e6f4ff;--apollo-control-item-bg-active-hover:#bae0ff;--apollo-control-item-bg-active-disabled:rgba(0,0,0,0.15);--apollo-control-tmp-outline:rgba(0,0,0,0.02);--apollo-control-outline:rgba(5,145,255,0.1);--apollo-font-weight-strong:600;--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:4px;--apollo-padding-sm:8px;--apollo-padding:8px;--apollo-padding-md:16px;--apollo-padding-lg:16px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:16px;--apollo-padding-content-vertical-lg:12px;--apollo-padding-content-horizontal:12px;--apollo-padding-content-vertical:8px;--apollo-padding-content-horizontal-sm:8px;--apollo-padding-content-vertical-sm:4px;--apollo-margin-xxs:4px;--apollo-margin-xs:4px;--apollo-margin-sm:8px;--apollo-margin:8px;--apollo-margin-md:16px;--apollo-margin-lg:16px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-box-shadow:
+      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-secondary:
+      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-tertiary:
+      0 1px 2px 0 rgba(0,0,0,0.05),
+      0 1px 6px -1px rgba(0,0,0,0.03),
+      0 2px 4px 0 rgba(0,0,0,0.03)
+    ;--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-card:
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
+    ;--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);}
+[data-apollo-theme="dark-compact"]{--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:#1668dc;--apollo-color-success:#49aa19;--apollo-color-warning:#d89614;--apollo-color-error:#dc4446;--apollo-color-info:#1668dc;--apollo-color-link:#1668dc;--apollo-color-text-base:#fff;--apollo-color-bg-base:#000;--apollo-font-family:-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';--apollo-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--apollo-font-size:12px;--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:6px;--apollo-border-radius-circle:100%;--apollo-size-unit:4px;--apollo-size-step:4px;--apollo-size-popup-arrow:16px;--apollo-control-height:28px;--apollo-z-index-base:0;--apollo-z-index-popup-base:1000;--apollo-opacity-image:1;--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(255,255,255,0.85);--apollo-color-text-secondary:rgba(255,255,255,0.65);--apollo-color-text-tertiary:rgba(255,255,255,0.45);--apollo-color-text-quaternary:rgba(255,255,255,0.25);--apollo-color-fill:rgba(255,255,255,0.18);--apollo-color-fill-secondary:rgba(255,255,255,0.12);--apollo-color-fill-tertiary:rgba(255,255,255,0.08);--apollo-color-fill-quaternary:rgba(255,255,255,0.04);--apollo-color-bg-solid:rgba(255,255,255,0.95);--apollo-color-bg-solid-hover:rgb(255,255,255);--apollo-color-bg-solid-active:rgba(255,255,255,0.9);--apollo-color-bg-layout:#000000;--apollo-color-bg-container:#141414;--apollo-color-bg-elevated:#1f1f1f;--apollo-color-bg-spotlight:#424242;--apollo-color-bg-blur:rgba(255,255,255,0.04);--apollo-color-border:#424242;--apollo-color-border-disabled:#424242;--apollo-color-border-secondary:#303030;--apollo-color-primary-bg:#15325b;--apollo-color-primary-bg-hover:#15417e;--apollo-color-primary-border:#15325b;--apollo-color-primary-border-hover:#15417e;--apollo-color-primary-hover:#3c89e8;--apollo-color-primary-active:#1554ad;--apollo-color-primary-text-hover:#3c89e8;--apollo-color-primary-text:#1668dc;--apollo-color-primary-text-active:#1554ad;--apollo-color-success-bg:#162312;--apollo-color-success-bg-hover:#1d3712;--apollo-color-success-border:#274916;--apollo-color-success-border-hover:#306317;--apollo-color-success-hover:#306317;--apollo-color-success-active:#3c8618;--apollo-color-success-text-hover:#6abe39;--apollo-color-success-text:#49aa19;--apollo-color-success-text-active:#3c8618;--apollo-color-error-bg:#2c1618;--apollo-color-error-bg-hover:#451d1f;--apollo-color-error-bg-filled-hover:#441e1f;--apollo-color-error-bg-active:#5b2526;--apollo-color-error-border:#5b2526;--apollo-color-error-border-hover:#7e2e2f;--apollo-color-error-hover:#e86e6b;--apollo-color-error-active:#ad393a;--apollo-color-error-text-hover:#e86e6b;--apollo-color-error-text:#dc4446;--apollo-color-error-text-active:#ad393a;--apollo-color-warning-bg:#2b2111;--apollo-color-warning-bg-hover:#443111;--apollo-color-warning-border:#594214;--apollo-color-warning-border-hover:#7c5914;--apollo-color-warning-hover:#7c5914;--apollo-color-warning-active:#aa7714;--apollo-color-warning-text-hover:#e8b339;--apollo-color-warning-text:#d89614;--apollo-color-warning-text-active:#aa7714;--apollo-color-info-bg:#111a2c;--apollo-color-info-bg-hover:#112545;--apollo-color-info-border:#15325b;--apollo-color-info-border-hover:#15417e;--apollo-color-info-hover:#15417e;--apollo-color-info-active:#1554ad;--apollo-color-info-text-hover:#3c89e8;--apollo-color-info-text:#1668dc;--apollo-color-info-text-active:#1554ad;--apollo-color-link-hover:#15417e;--apollo-color-link-active:#1554ad;--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:10px;--apollo-font-size-lg:14px;--apollo-font-size-xl:16px;--apollo-font-size-heading-1:32px;--apollo-font-size-heading-2:26px;--apollo-font-size-heading-3:20px;--apollo-font-size-heading-4:16px;--apollo-font-size-heading-5:14px;--apollo-line-height:1.6666666666666667;--apollo-line-height-lg:1.5714285714285714;--apollo-line-height-sm:1.8;--apollo-font-height:20px;--apollo-font-height-lg:22px;--apollo-font-height-sm:18px;--apollo-line-height-heading-1:1.25;--apollo-line-height-heading-2:1.3076923076923077;--apollo-line-height-heading-3:1.4;--apollo-line-height-heading-4:1.5;--apollo-line-height-heading-5:1.5714285714285714;--apollo-size-xxl:48px;--apollo-size-xl:32px;--apollo-size-lg:16px;--apollo-size-md:16px;--apollo-size-ms:12px;--apollo-size:8px;--apollo-size-sm:8px;--apollo-size-xs:4px;--apollo-size-xxs:4px;--apollo-control-height-sm:21px;--apollo-control-height-xs:14px;--apollo-control-height-lg:35px;--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:2px;--apollo-border-radius-sm:4px;--apollo-border-radius-lg:8px;--apollo-border-radius-outer:4px;--apollo-color-fill-content:rgba(255,255,255,0.12);--apollo-color-fill-content-hover:rgba(255,255,255,0.18);--apollo-color-fill-alter:rgba(255,255,255,0.04);--apollo-color-bg-container-disabled:rgba(255,255,255,0.08);--apollo-color-border-bg:#141414;--apollo-color-split:rgba(253,253,253,0.12);--apollo-color-text-placeholder:rgba(255,255,255,0.25);--apollo-color-text-disabled:rgba(255,255,255,0.25);--apollo-color-text-heading:rgba(255,255,255,0.85);--apollo-color-text-label:rgba(255,255,255,0.65);--apollo-color-text-description:rgba(255,255,255,0.45);--apollo-color-text-light-solid:#fff;--apollo-color-highlight:#dc4446;--apollo-color-bg-text-hover:rgba(255,255,255,0.12);--apollo-color-bg-text-active:rgba(255,255,255,0.18);--apollo-color-icon:rgba(255,255,255,0.45);--apollo-color-icon-hover:rgba(255,255,255,0.85);--apollo-color-error-outline:rgba(238,38,56,0.11);--apollo-color-warning-outline:rgba(173,107,0,0.15);--apollo-color-error-affix:#dc4446;--apollo-color-warning-affix:#d89614;--apollo-font-size-icon:10px;--apollo-line-width-focus:3px;--apollo-control-outline-width:2px;--apollo-control-interactive-size:14px;--apollo-control-item-bg-hover:rgba(255,255,255,0.08);--apollo-control-item-bg-active:#15325b;--apollo-control-item-bg-active-hover:#15417e;--apollo-control-item-bg-active-disabled:rgba(255,255,255,0.18);--apollo-control-tmp-outline:rgba(255,255,255,0.04);--apollo-control-outline:rgba(23,117,249,0.31);--apollo-font-weight-strong:600;--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:4px;--apollo-padding-sm:8px;--apollo-padding:8px;--apollo-padding-md:16px;--apollo-padding-lg:16px;--apollo-padding-xl:32px;--apollo-padding-content-horizontal-lg:16px;--apollo-padding-content-vertical-lg:12px;--apollo-padding-content-horizontal:12px;--apollo-padding-content-vertical:8px;--apollo-padding-content-horizontal-sm:8px;--apollo-padding-content-vertical-sm:4px;--apollo-margin-xxs:4px;--apollo-margin-xs:4px;--apollo-margin-sm:8px;--apollo-margin:8px;--apollo-margin-md:16px;--apollo-margin-lg:16px;--apollo-margin-xl:32px;--apollo-margin-xxl:48px;--apollo-box-shadow:
+      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-secondary:
+      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-tertiary:
+      0 1px 2px 0 rgba(255,255,255,0.010000000000000002),
+      0 1px 6px -1px rgba(255,255,255,0.006),
+      0 2px 4px 0 rgba(255,255,255,0.006)
+    ;--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-card:
+      0 1px 2px -2px rgba(255,255,255,0.032),
+      0 3px 6px 0 rgba(255,255,255,0.024),
+      0 5px 12px 4px rgba(255,255,255,0.018)
+    ;--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);}