diff --git a/apps/storybook/src/stories/affine-loading.stories.tsx b/apps/storybook/src/stories/affine-loading.stories.tsx
deleted file mode 100644
index 9b4e9186fd..0000000000
--- a/apps/storybook/src/stories/affine-loading.stories.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { AffineLoading } from '@affine/component/affine-loading';
-import type { StoryFn } from '@storybook/react';
-
-export default {
-  title: 'AFFiNE/Loading',
-  component: AffineLoading,
-};
-
-export const Default: StoryFn = ({ width, loop, autoplay, autoReverse }) => (
-  <div
-    style={{
-      width: width,
-      height: width,
-    }}
-  >
-    <AffineLoading loop={loop} autoplay={autoplay} autoReverse={autoReverse} />
-  </div>
-);
-Default.args = {
-  width: 100,
-  loop: true,
-  autoplay: true,
-  autoReverse: true,
-};
diff --git a/apps/storybook/src/stories/page-list.stories.tsx b/apps/storybook/src/stories/page-list.stories.tsx
index 5a4f1ddf54..116e07e19e 100644
--- a/apps/storybook/src/stories/page-list.stories.tsx
+++ b/apps/storybook/src/stories/page-list.stories.tsx
@@ -1,6 +1,5 @@
 import { Empty } from '@affine/component';
 import { toast } from '@affine/component';
-import { AffineLoading } from '@affine/component/affine-loading';
 import type { OperationCellProps } from '@affine/component/page-list';
 import { PageListTrashView } from '@affine/component/page-list';
 import { PageList } from '@affine/component/page-list';
@@ -13,7 +12,7 @@ import { userEvent } from '@storybook/testing-library';
 
 export default {
   title: 'AFFiNE/PageList',
-  component: AffineLoading,
+  component: PageList,
 };
 
 export const AffineOperationCell: StoryFn<OperationCellProps> = ({
diff --git a/apps/web/src/components/pure/loading/index.tsx b/apps/web/src/components/pure/loading/index.tsx
deleted file mode 100644
index d5aa1e3676..0000000000
--- a/apps/web/src/components/pure/loading/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Loading } from './page-loading';
-export * from './page-loading';
-export default Loading;
diff --git a/apps/web/src/components/pure/loading/page-loading.tsx b/apps/web/src/components/pure/loading/page-loading.tsx
deleted file mode 100644
index d4b12087ad..0000000000
--- a/apps/web/src/components/pure/loading/page-loading.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { AffineLoading } from '@affine/component/affine-loading';
-import { memo, Suspense } from 'react';
-
-export const Loading = memo(function Loading() {
-  return (
-    <div
-      style={{
-        height: '180px',
-        width: '180px',
-      }}
-    >
-      <Suspense>
-        <AffineLoading loop={true} autoplay={true} autoReverse={true} />
-      </Suspense>
-    </div>
-  );
-});
-
-/**
- * @deprecated use skeleton instead
- */
-export const PageLoading = () => {
-  return null;
-};
diff --git a/apps/web/src/pages/workspace/[workspaceId]/all.tsx b/apps/web/src/pages/workspace/[workspaceId]/all.tsx
index f736d78ac1..47272918d7 100644
--- a/apps/web/src/pages/workspace/[workspaceId]/all.tsx
+++ b/apps/web/src/pages/workspace/[workspaceId]/all.tsx
@@ -8,7 +8,6 @@ import { useRouter } from 'next/router';
 import React, { useCallback } from 'react';
 
 import { getUIAdapter } from '../../../adapters/workspace';
-import { PageLoading } from '../../../components/pure/loading';
 import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspace';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import { WorkspaceLayout } from '../../../layouts/workspace-layout';
@@ -31,9 +30,6 @@ const AllPage: NextPageWithLayout = () => {
     },
     [currentWorkspace, jumpToPage]
   );
-  if (!router.isReady) {
-    return <PageLoading />;
-  }
   if (typeof router.query.workspaceId !== 'string') {
     throw new QueryParamError('workspaceId', router.query.workspaceId);
   }
diff --git a/apps/web/src/pages/workspace/[workspaceId]/shared.tsx b/apps/web/src/pages/workspace/[workspaceId]/shared.tsx
index a6c8b4948e..76d336d201 100644
--- a/apps/web/src/pages/workspace/[workspaceId]/shared.tsx
+++ b/apps/web/src/pages/workspace/[workspaceId]/shared.tsx
@@ -7,7 +7,6 @@ import React, { useCallback } from 'react';
 
 import { getUIAdapter } from '../../../adapters/workspace';
 import { BlockSuitePageList } from '../../../components/blocksuite/block-suite-page-list';
-import { PageLoading } from '../../../components/pure/loading';
 import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspace';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import { WorkspaceLayout } from '../../../layouts/workspace-layout';
@@ -28,9 +27,6 @@ const SharedPages: NextPageWithLayout = () => {
     },
     [currentWorkspace, jumpToPage]
   );
-  if (currentWorkspace === null) {
-    return <PageLoading />;
-  }
   const blockSuiteWorkspace = currentWorkspace.blockSuiteWorkspace;
   assertExists(blockSuiteWorkspace);
   const { Header } = getUIAdapter(currentWorkspace.flavour);
diff --git a/apps/web/src/pages/workspace/[workspaceId]/trash.tsx b/apps/web/src/pages/workspace/[workspaceId]/trash.tsx
index fd0fdd3aa5..df204f74b5 100644
--- a/apps/web/src/pages/workspace/[workspaceId]/trash.tsx
+++ b/apps/web/src/pages/workspace/[workspaceId]/trash.tsx
@@ -7,7 +7,6 @@ import React, { useCallback } from 'react';
 
 import { getUIAdapter } from '../../../adapters/workspace';
 import { BlockSuitePageList } from '../../../components/blocksuite/block-suite-page-list';
-import { PageLoading } from '../../../components/pure/loading';
 import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspace';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import { WorkspaceLayout } from '../../../layouts/workspace-layout';
@@ -31,9 +30,6 @@ const TrashPage: NextPageWithLayout = () => {
     },
     [currentWorkspace, jumpToPage]
   );
-  if (!router.isReady || currentWorkspace === null) {
-    return <PageLoading />;
-  }
   // todo(himself65): refactor to plugin
   const blockSuiteWorkspace = currentWorkspace.blockSuiteWorkspace;
   assertExists(blockSuiteWorkspace);
diff --git a/packages/component/src/components/affine-loading/index.tsx b/packages/component/src/components/affine-loading/index.tsx
deleted file mode 100644
index d482e2a4b0..0000000000
--- a/packages/component/src/components/affine-loading/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useTheme } from 'next-themes';
-import type { FC } from 'react';
-
-import { InternalLottie } from '../internal-lottie';
-import dark from './loading-black.json';
-import light from './loading-white.json';
-
-export type AffineLoadingProps = {
-  loop?: boolean;
-  autoplay?: boolean;
-  autoReverse?: boolean;
-};
-
-export const AffineLoading: FC<AffineLoadingProps> = ({
-  loop = false,
-  autoplay = false,
-  autoReverse = false,
-}) => {
-  const { theme } = useTheme();
-  const isDark = theme === 'dark';
-  return (
-    <InternalLottie
-      key={isDark ? 'dark' : 'light'}
-      speed={2}
-      options={{
-        loop,
-        autoplay,
-        autoReverse,
-        animationData: isDark ? light : dark,
-        rendererSettings: {
-          preserveAspectRatio: 'xMidYMid slice',
-        },
-      }}
-    />
-  );
-};
diff --git a/packages/component/src/components/affine-loading/loading-black.json b/packages/component/src/components/affine-loading/loading-black.json
deleted file mode 100644
index a5f470d040..0000000000
--- a/packages/component/src/components/affine-loading/loading-black.json
+++ /dev/null
@@ -1,770 +0,0 @@
-{
-  "v": "5.9.0",
-  "fr": 60,
-  "ip": 0,
-  "op": 241,
-  "w": 1024,
-  "h": 1024,
-  "nm": "logo-tri",
-  "ddd": 0,
-  "assets": [],
-  "layers": [
-    {
-      "ddd": 0,
-      "ind": 1,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 2",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": { "a": 0, "k": 0, "ix": 10 },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": {
-                "a": 0,
-                "k": [0.137254901961, 0.121568634931, 0.125490196078, 1],
-                "ix": 3
-              },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 48, "ix": 5 },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 2,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 3",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            { "t": 60, "s": [-15] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            { "t": 60, "s": [66, 66, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": {
-                "a": 0,
-                "k": [0.137254901961, 0.121568634931, 0.125490196078, 1],
-                "ix": 3
-              },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  { "t": 60, "s": [53] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 3,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 4",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 60,
-              "s": [-15]
-            },
-            { "t": 120, "s": [-30] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 60,
-              "s": [66, 66, 100]
-            },
-            { "t": 120, "s": [44.5, 44.5, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": {
-                "a": 0,
-                "k": [0.137254901961, 0.121568634931, 0.125490196078, 1],
-                "ix": 3
-              },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 60,
-                    "s": [53]
-                  },
-                  { "t": 120, "s": [68] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 4,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 5",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 60,
-              "s": [-15]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 120,
-              "s": [-30]
-            },
-            { "t": 180, "s": [-45] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 60,
-              "s": [66, 66, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 120,
-              "s": [44.5, 44.5, 100]
-            },
-            { "t": 180, "s": [30, 30, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": {
-                "a": 0,
-                "k": [0.137254901961, 0.121568634931, 0.125490196078, 1],
-                "ix": 3
-              },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 60,
-                    "s": [53]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 120,
-                    "s": [68]
-                  },
-                  { "t": 180, "s": [87] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 5,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 60,
-              "s": [-15]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 120,
-              "s": [-30]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 180,
-              "s": [-45]
-            },
-            { "t": 240, "s": [-60] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 60,
-              "s": [66, 66, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 120,
-              "s": [44.5, 44.5, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 180,
-              "s": [30, 30, 100]
-            },
-            { "t": 240, "s": [20.6, 20.6, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": {
-                "a": 0,
-                "k": [0.137254901961, 0.121568634931, 0.125490196078, 1],
-                "ix": 3
-              },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 60,
-                    "s": [53]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 120,
-                    "s": [68]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 180,
-                    "s": [87]
-                  },
-                  { "t": 240, "s": [126] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    }
-  ],
-  "markers": []
-}
diff --git a/packages/component/src/components/affine-loading/loading-white.json b/packages/component/src/components/affine-loading/loading-white.json
deleted file mode 100644
index 7016549b97..0000000000
--- a/packages/component/src/components/affine-loading/loading-white.json
+++ /dev/null
@@ -1,750 +0,0 @@
-{
-  "v": "5.9.0",
-  "fr": 60,
-  "ip": 0,
-  "op": 241,
-  "w": 1024,
-  "h": 1024,
-  "nm": "logo-tri white",
-  "ddd": 0,
-  "assets": [],
-  "layers": [
-    {
-      "ddd": 0,
-      "ind": 1,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 2",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": { "a": 0, "k": 0, "ix": 10 },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 48, "ix": 5 },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 2,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 3",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            { "t": 60, "s": [-15] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            { "t": 60, "s": [66, 66, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  { "t": 60, "s": [53] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 3,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 4",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 60,
-              "s": [-15]
-            },
-            { "t": 120, "s": [-30] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 60,
-              "s": [66, 66, 100]
-            },
-            { "t": 120, "s": [44.5, 44.5, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 60,
-                    "s": [53]
-                  },
-                  { "t": 120, "s": [68] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 4,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines 5",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 60,
-              "s": [-15]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 120,
-              "s": [-30]
-            },
-            { "t": 180, "s": [-45] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 60,
-              "s": [66, 66, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 120,
-              "s": [44.5, 44.5, 100]
-            },
-            { "t": 180, "s": [30, 30, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 60,
-                    "s": [53]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 120,
-                    "s": [68]
-                  },
-                  { "t": 180, "s": [87] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 5,
-      "ty": 4,
-      "nm": "logo/logo-tri-stroke Outlines",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 0,
-              "s": [0]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 60,
-              "s": [-15]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 120,
-              "s": [-30]
-            },
-            {
-              "i": { "x": [0.833], "y": [0.833] },
-              "o": { "x": [0.167], "y": [0.167] },
-              "t": 180,
-              "s": [-45]
-            },
-            { "t": 240, "s": [-60] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [512, 512, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [512, 512, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 0,
-              "s": [100, 100, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 60,
-              "s": [66, 66, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 120,
-              "s": [44.5, 44.5, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
-              "t": 180,
-              "s": [30, 30, 100]
-            },
-            { "t": 240, "s": [20.6, 20.6, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [10.007, -17.333],
-                    [0, 0],
-                    [-20.014, 0],
-                    [0, 0],
-                    [10.007, 17.333],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [-10.008, 17.333],
-                    [0, 0],
-                    [20.015, 0],
-                    [0, 0],
-                    [-10.007, -17.333]
-                  ],
-                  "v": [
-                    [-22.516, -284.376],
-                    [-338.376, 262.71],
-                    [-315.86, 301.71],
-                    [315.861, 301.71],
-                    [338.378, 262.71],
-                    [22.517, -284.376]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 0,
-                    "s": [48]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 60,
-                    "s": [53]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 120,
-                    "s": [68]
-                  },
-                  {
-                    "i": { "x": [0.833], "y": [0.833] },
-                    "o": { "x": [0.167], "y": [0.167] },
-                    "t": 180,
-                    "s": [87]
-                  },
-                  { "t": 240, "s": [126] }
-                ],
-                "ix": 5
-              },
-              "lc": 1,
-              "lj": 1,
-              "ml": 10,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [512, 418.652], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 241,
-      "st": 0,
-      "bm": 0
-    }
-  ],
-  "markers": []
-}