diff --git a/packages/manager/src/index.ts b/packages/manager/src/index.ts
index 724c77b5e3..9deacc29fa 100644
--- a/packages/manager/src/index.ts
+++ b/packages/manager/src/index.ts
@@ -13,6 +13,8 @@ export { createSliceMachineManager } from "./managers/createSliceMachineManager"
 export { createSliceMachineManagerMiddleware } from "./managers/createSliceMachineManagerMiddleware";
 export type { CreateSliceMachineManagerMiddlewareArgs } from "./managers/createSliceMachineManagerMiddleware";
 
+export type { GitOwner, GitRepo, GitRepoSpecifier } from "./managers/git/types";
+
 export type {
 	Environment,
 	PushChangesLimit,
diff --git a/packages/manager/src/managers/git/GitManager.ts b/packages/manager/src/managers/git/GitManager.ts
index 0858790ec3..82d97cca2c 100644
--- a/packages/manager/src/managers/git/GitManager.ts
+++ b/packages/manager/src/managers/git/GitManager.ts
@@ -14,7 +14,7 @@ import {
 
 import { BaseManager } from "../BaseManager";
 
-import { GitRepo, GitRepoSpecifier, Owner } from "./types";
+import { GitOwner, GitRepo, GitRepoSpecifier } from "./types";
 import { buildGitRepoSpecifier } from "./buildGitRepoSpecifier";
 
 type GitManagerCreateGitHubAuthStateReturnType = {
@@ -22,7 +22,7 @@ type GitManagerCreateGitHubAuthStateReturnType = {
 	expiresAt: Date;
 };
 
-type GitManagerFetchOwnersReturnType = Owner[];
+type GitManagerFetchOwnersReturnType = GitOwner[];
 
 type GitManagerFetchReposReturnType = GitRepo[];
 
diff --git a/packages/manager/src/managers/git/types.ts b/packages/manager/src/managers/git/types.ts
index 1dfdfc1107..361d07fc15 100644
--- a/packages/manager/src/managers/git/types.ts
+++ b/packages/manager/src/managers/git/types.ts
@@ -1,4 +1,4 @@
-export type Owner = {
+export type GitOwner = {
 	provider: "gitHub";
 	id: string;
 	name: string;
diff --git a/packages/slice-machine/components/Navigation/index.tsx b/packages/slice-machine/components/Navigation/index.tsx
index 9bc327a10f..9e7f696441 100644
--- a/packages/slice-machine/components/Navigation/index.tsx
+++ b/packages/slice-machine/components/Navigation/index.tsx
@@ -8,6 +8,7 @@ import { telemetry } from "@src/apiClient";
 import VideoItem from "@components/Navigation/VideoItem";
 import { LightningIcon } from "@src/icons/Lightning";
 import { MathPlusIcon } from "@src/icons/MathPlusIcon";
+import { SettingsIcon } from "@src/icons/SettingsIcon";
 import { CUSTOM_TYPES_CONFIG } from "@src/features/customTypes/customTypesConfig";
 import {
   SideNavSeparator,
@@ -141,21 +142,11 @@ const Navigation: FC = () => {
       )}
 
       <SideNavList position="bottom">
-        <SideNavListItem>
-          <SideNavLink
-            title="Settings"
-            href="/settings"
-            Icon={(props) => <MathPlusIcon {...props} />}
-            active={router.asPath.startsWith("/settings")}
-            component={Link}
-          />
-        </SideNavListItem>
-
         <SideNavListItem>
           <SideNavLink
             title="Invite team"
             href={`${repositoryUrl}/settings/users`}
-            Icon={(props) => <MathPlusIcon {...props} />}
+            Icon={MathPlusIcon}
             onClick={() => {
               void telemetry.track({
                 event: "users-invite-button-clicked",
@@ -174,11 +165,21 @@ const Navigation: FC = () => {
           </Suspense>
         </ErrorBoundary>
 
+        <SideNavListItem>
+          <SideNavLink
+            title="Settings"
+            href="/settings"
+            Icon={SettingsIcon}
+            active={router.asPath.startsWith("/settings")}
+            component={Link}
+          />
+        </SideNavListItem>
+
         <SideNavListItem>
           <SideNavLink
             title="Changelog"
             href="/changelog"
-            Icon={(props) => <LightningIcon {...props} />}
+            Icon={LightningIcon}
             active={router.asPath.startsWith("/changelog")}
             component={Link}
             RightElement={
diff --git a/packages/slice-machine/package.json b/packages/slice-machine/package.json
index ad426123c5..54f0deccd9 100644
--- a/packages/slice-machine/package.json
+++ b/packages/slice-machine/package.json
@@ -104,6 +104,9 @@
     "next-router-mock": "0.8.0",
     "node-fetch": "3.3.1",
     "parse-multipart-data": "1.5.0",
+    "postcss": "8.4.21",
+    "postcss-flexbugs-fixes": "5.0.2",
+    "postcss-preset-env": "9.3.0",
     "rc-drawer": "4.4.3",
     "react": "18.2.0",
     "react-beautiful-dnd": "13.1.1",
diff --git a/packages/slice-machine/pages/settings.tsx b/packages/slice-machine/pages/settings.tsx
index 0328b190fe..49d6d93d64 100644
--- a/packages/slice-machine/pages/settings.tsx
+++ b/packages/slice-machine/pages/settings.tsx
@@ -1,32 +1 @@
-import React from "react";
-import Head from "next/head";
-import { BaseStyles } from "theme-ui";
-import {
-  AppLayout,
-  AppLayoutBreadcrumb,
-  AppLayoutContent,
-  AppLayoutHeader,
-} from "@components/AppLayout";
-import { ConnectGitRepository } from "@src/features/git/ConnectGitRepository/ConnectGitRepository";
-
-const Settings: React.FC = () => {
-  return (
-    <>
-      <Head>
-        <title>Settings - Slice Machine</title>
-      </Head>
-      <AppLayout>
-        <AppLayoutHeader>
-          <AppLayoutBreadcrumb folder="Settings" />
-        </AppLayoutHeader>
-        <AppLayoutContent>
-          <BaseStyles sx={{ display: "flex", flexDirection: "column" }}>
-            <ConnectGitRepository />
-          </BaseStyles>
-        </AppLayoutContent>
-      </AppLayout>
-    </>
-  );
-};
-
-export default Settings;
+export { SettingsPage as default } from "@src/features/settings/SettingsPage";
diff --git a/packages/slice-machine/postcss.config.js b/packages/slice-machine/postcss.config.js
new file mode 100644
index 0000000000..904610e71e
--- /dev/null
+++ b/packages/slice-machine/postcss.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  plugins: {
+    "postcss-flexbugs-fixes": true,
+    "postcss-preset-env": {
+      autoprefixer: { flexbox: "no-2009" },
+      features: { "custom-properties": false, "nesting-rules": true },
+      stage: 3,
+    },
+  },
+};
diff --git a/packages/slice-machine/src/components/FieldSet/FieldSet.stories.tsx b/packages/slice-machine/src/components/FieldSet/FieldSet.stories.tsx
index 779bbeb3a7..7b4076919c 100644
--- a/packages/slice-machine/src/components/FieldSet/FieldSet.stories.tsx
+++ b/packages/slice-machine/src/components/FieldSet/FieldSet.stories.tsx
@@ -193,11 +193,14 @@ export const WithHeaderAndBoxContent = {
           <OwnerSelect />
         </FieldSetHeader>
         <FieldSetContent>
-          {/*
-           * TODO: these `padding` values actually don't match Figma, but they
-           * are the closest allowed by the `Box` component.
-           */}
-          <Box flexDirection="column" padding={{ block: 72, inline: 100 }}>
+          <Box
+            flexDirection="column"
+            /*
+             * TODO: these `padding` values actually don't match Figma, but they
+             * are the closest allowed by the `Box` component.
+             */
+            padding={{ block: 72, inline: 100 }}
+          >
             <Text align="center" variant="emphasized">
               No Results Found
             </Text>
@@ -230,12 +233,18 @@ function OwnerSelect(props: OwnerSelectProps) {
       size="large"
       sx={{ width: "calc(50% - 8px)" }}
     >
-      <SelectItem size="large" value="owner-1">
-        Owner
-      </SelectItem>
-      <SelectItem size="large" value="owner-2">
-        Owner
-      </SelectItem>
+      {[...Array(2).keys()].map((index) => (
+        <SelectItem
+          key={index}
+          renderStartIcon={() => (
+            <GitHubIcon color={tokens.color.greyLight11} />
+          )}
+          size="large"
+          value={`owner-${index}`}
+        >
+          Owner
+        </SelectItem>
+      ))}
     </Select>
   );
 }
diff --git a/packages/slice-machine/src/features/settings/SettingsPage.tsx b/packages/slice-machine/src/features/settings/SettingsPage.tsx
new file mode 100644
index 0000000000..39ec2933f2
--- /dev/null
+++ b/packages/slice-machine/src/features/settings/SettingsPage.tsx
@@ -0,0 +1,29 @@
+import { Box } from "@prismicio/editor-ui";
+import Head from "next/head";
+import type { FC } from "react";
+
+import {
+  AppLayout,
+  AppLayoutBreadcrumb,
+  AppLayoutContent,
+  AppLayoutHeader,
+} from "@components/AppLayout";
+import { ConnectGitRepository } from "@src/features/settings/git/ConnectGitRepository";
+
+export const SettingsPage: FC = () => (
+  <>
+    <Head>
+      <title>Settings - Slice Machine</title>
+    </Head>
+    <AppLayout>
+      <AppLayoutHeader>
+        <AppLayoutBreadcrumb folder="Settings" />
+      </AppLayoutHeader>
+      <AppLayoutContent>
+        <Box flexDirection="column" maxWidth={600}>
+          <ConnectGitRepository />
+        </Box>
+      </AppLayoutContent>
+    </AppLayout>
+  </>
+);
diff --git a/packages/slice-machine/src/features/settings/git/ConnectGitRepository.tsx b/packages/slice-machine/src/features/settings/git/ConnectGitRepository.tsx
new file mode 100644
index 0000000000..c4539991ff
--- /dev/null
+++ b/packages/slice-machine/src/features/settings/git/ConnectGitRepository.tsx
@@ -0,0 +1,305 @@
+import { keys } from "@prismicio/editor-support/Object";
+import {
+  Box,
+  Button,
+  ButtonGroup,
+  ErrorBoundary,
+  IconButton,
+  Select,
+  SelectItem,
+  Skeleton,
+  Text,
+  tokens,
+} from "@prismicio/editor-ui";
+import type { GitOwner, GitRepoSpecifier } from "@slicemachine/manager";
+import {
+  type ComponentProps,
+  type FC,
+  type ReactNode,
+  Suspense,
+  useState,
+} from "react";
+import { toast } from "react-toastify";
+
+import {
+  FieldSet,
+  FieldSetContent,
+  FieldSetFooter,
+  FieldSetHeader,
+  FieldSetLegend,
+  FieldSetList,
+  FieldSetListItem,
+} from "@src/components/FieldSet";
+import {
+  type GitProvider,
+  gitProviderToConfig,
+} from "@src/features/settings/git/GitProvider";
+import { useGitOwners } from "@src/features/settings/git/useGitOwners";
+import { useGitRepos } from "@src/features/settings/git/useGitRepos";
+import { useLinkedGitRepos } from "@src/features/settings/git/useLinkedGitRepos";
+import { useUser } from "@src/hooks/useUser";
+import useSliceMachineActions from "@src/modules/useSliceMachineActions";
+
+// TODO(DT-1928): export the `SX` type from `@prismicio/editor-ui`.
+type SX = ComponentProps<typeof Button>["sx"];
+
+export const ConnectGitRepository: FC = () => (
+  <FieldSet>
+    <FieldSetLegend>Connected Git Repository</FieldSetLegend>
+    <ErrorBoundary
+      renderError={(error) => {
+        console.error("TODO: error", error);
+        return <div>TODO: Error</div>;
+      }}
+    >
+      <Suspense fallback={<ContentSkeleton />}>
+        <Content />
+      </Suspense>
+    </ErrorBoundary>
+    <FieldSetFooter action={<IconButton icon="openInNew" />}>
+      Learn more about Prismic for Git
+    </FieldSetFooter>
+  </FieldSet>
+);
+
+const Content: FC = () => {
+  const { isLoggedIn } = useUser();
+  return isLoggedIn ? <LoggedInContent /> : <LoggedOutContent />;
+};
+
+const LoggedInContent: FC = () => {
+  const linkedGitRepos = useLinkedGitRepos();
+  return linkedGitRepos.length > 0 ? (
+    <LinkedRepositoryContent linkedRepo={linkedGitRepos[0]} />
+  ) : (
+    <UnlinkedRepositoryContent />
+  );
+};
+
+type LinkedRepositoryContentProps = { linkedRepo: GitRepoSpecifier };
+
+const LinkedRepositoryContent: FC<LinkedRepositoryContentProps> = () => (
+  <div>Linked repository</div>
+);
+
+const UnlinkedRepositoryContent: FC = () => {
+  const owners = useGitOwners();
+  const [selectedOwner, setSelectedOwner] = useState(owners[0]);
+  if (owners.length > 0) {
+    return (
+      <Suspense fallback={<ContentSkeleton owner={selectedOwner} />}>
+        <FieldSetHeader>
+          <OwnerSelect
+            owners={owners}
+            selectedOwner={selectedOwner}
+            onSelectedOwnerChange={setSelectedOwner}
+            sx={{ width: "calc(50% - 8px)" }}
+          />
+        </FieldSetHeader>
+        <GitRepositoriesList owner={selectedOwner} />
+      </Suspense>
+    );
+  } else {
+    return (
+      <FieldSetContent>
+        <ButtonGroup>
+          {keys(gitProviderToConfig).map((provider) => (
+            <ConnectButton
+              key={provider}
+              provider={provider}
+              sx={{ flexBasis: 0, flexGrow: 1 }}
+            />
+          ))}
+        </ButtonGroup>
+      </FieldSetContent>
+    );
+  }
+};
+
+type OwnerSelectProps = {
+  disabled?: boolean;
+  owners: GitOwner[];
+  selectedOwner: GitOwner | undefined;
+  onSelectedOwnerChange?: (selectedOwner: GitOwner) => void;
+  sx?: SX;
+};
+
+const OwnerSelect: FC<OwnerSelectProps> = ({
+  disabled,
+  owners,
+  selectedOwner,
+  onSelectedOwnerChange,
+  sx,
+}) => {
+  const { Icon } = gitProviderToConfig[selectedOwner?.provider ?? "gitHub"];
+  return (
+    <Select
+      color="grey"
+      constrainContentWidth
+      disabled={disabled}
+      flexContent
+      onValueChange={(selectedOwnerId) => {
+        const selectedOwner = owners.find(
+          (owner) => owner.id === selectedOwnerId,
+        );
+        if (selectedOwner) onSelectedOwnerChange?.(selectedOwner);
+      }}
+      placeholder="Owner"
+      renderStartIcon={() => <Icon color={tokens.color.greyLight11} />}
+      size="large"
+      sx={sx}
+      value={selectedOwner?.id}
+    >
+      {owners.map((owner) => (
+        <SelectItem
+          key={owner.id}
+          renderStartIcon={() => {
+            const { Icon } = gitProviderToConfig[owner.provider];
+            return <Icon color={tokens.color.greyLight11} />;
+          }}
+          size="large"
+          value={owner.id}
+        >
+          {owner.name}
+        </SelectItem>
+      ))}
+    </Select>
+  );
+};
+
+type GitRepositoriesListProps = { owner: GitOwner };
+
+const GitRepositoriesList: FC<GitRepositoriesListProps> = ({ owner }) => {
+  const repos = useGitRepos({ provider: owner.provider, owner: owner.name });
+  return repos.length > 0 ? (
+    <FieldSetList>
+      {repos.map((repo) => (
+        <FieldSetListItem
+          action={<Button color="grey">Connect</Button>}
+          key={repo.id}
+        >
+          {repo.name} <Text color="grey11">• xd ago</Text>
+        </FieldSetListItem>
+      ))}
+    </FieldSetList>
+  ) : (
+    <FieldSetContent>
+      <BlankSlate
+        title="No Results Found"
+        description="Try selecting a different Git account or organization on the top left."
+      />
+    </FieldSetContent>
+  );
+};
+
+type ConnectButtonProps = { provider: GitProvider; sx?: SX };
+
+const ConnectButton: FC<ConnectButtonProps> = ({ provider, sx }) => {
+  const { connect, Icon, name, supported } = gitProviderToConfig[provider];
+  const [loading, setLoading] = useState(false);
+  return (
+    <Button
+      color="grey"
+      disabled={!supported}
+      loading={loading}
+      onClick={() => {
+        void (async () => {
+          setLoading(true);
+          try {
+            await connect();
+          } catch (error) {
+            const message = `Could not connect to ${name}`;
+            console.error(message, error);
+            toast.error(message);
+            setLoading(false);
+          }
+        })();
+      }}
+      renderStartIcon={() => <Icon color={tokens.color.greyLight11} />}
+      sx={sx}
+    >
+      {name}
+      {supported ? undefined : (
+        <Text color="inherit" variant="small">
+          {" "}
+          (soon)
+        </Text>
+      )}
+    </Button>
+  );
+};
+
+type ContentSkeletonProps = { owner?: GitOwner };
+
+const ContentSkeleton: FC<ContentSkeletonProps> = ({ owner }) => (
+  <>
+    <FieldSetHeader>
+      <OwnerSelect
+        disabled
+        owners={owner ? [owner] : []}
+        selectedOwner={owner}
+        sx={{ width: "calc(50% - 8px)" }}
+      />
+    </FieldSetHeader>
+    <FieldSetList>
+      {[...Array(4).keys()].map((index) => (
+        <FieldSetListItem
+          action={<Skeleton height={32} width={67.59} />}
+          key={index}
+        >
+          <Skeleton
+            height={24}
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore TODO(DT-1918): add `verticalAlign: "middle"` to the `sx` prop.
+            sx={{ verticalAlign: "middle" }}
+            width={129.92}
+          />
+        </FieldSetListItem>
+      ))}
+    </FieldSetList>
+  </>
+);
+
+const LoggedOutContent: FC = () => {
+  const { openLoginModal } = useSliceMachineActions();
+  return (
+    <FieldSetContent>
+      <BlankSlate
+        title="It seems like you are logged out"
+        description="Log in to connect a Git repository."
+        action={
+          <Button onClick={() => openLoginModal()}>Log in to Prismic</Button>
+        }
+      />
+    </FieldSetContent>
+  );
+};
+
+type BlankSlateProps = {
+  title: string;
+  description: string;
+  action?: ReactNode;
+};
+
+const BlankSlate: FC<BlankSlateProps> = ({ title, description, action }) => (
+  <Box
+    flexDirection="column"
+    /*
+     * TODO: these `padding` values actually don't match Figma, but they are
+     * the closest allowed by the `Box` component.
+     */
+    padding={{ block: 72, inline: 100 }}
+  >
+    <Text align="center" variant="emphasized">
+      {title}
+    </Text>
+    <Text align="center" color="grey11">
+      {description}
+    </Text>
+    {Boolean(action) ? (
+      <ButtonGroup sx={{ alignSelf: "center", marginTop: 8 }}>
+        {action}
+      </ButtonGroup>
+    ) : undefined}
+  </Box>
+);
diff --git a/packages/slice-machine/src/features/settings/git/GitProvider.ts b/packages/slice-machine/src/features/settings/git/GitProvider.ts
new file mode 100644
index 0000000000..e4d1ae57e7
--- /dev/null
+++ b/packages/slice-machine/src/features/settings/git/GitProvider.ts
@@ -0,0 +1,42 @@
+import { BitbucketIcon } from "@src/icons/BitbucketIcon";
+import { GitHubIcon } from "@src/icons/GitHubIcon";
+import { GitLabIcon } from "@src/icons/GitLabIcon";
+import { managerClient } from "@src/managerClient";
+
+export type GitProvider = keyof typeof gitProviderToConfig;
+
+const GITHUB_APP_SLUG = "prismic-prod-internal-test";
+
+export const gitProviderToConfig = {
+  gitHub: {
+    connect: async () => {
+      const state = await managerClient.git.createGitHubAuthState();
+
+      const url = new URL(
+        `https://github.com/apps/${GITHUB_APP_SLUG}/installations/new`,
+      );
+      url.searchParams.set("state", state.key);
+
+      window.open(url, "git-hub-app-installation");
+    },
+    Icon: GitHubIcon,
+    name: "GitHub",
+    supported: true,
+  },
+  bitbucket: {
+    connect: () => {
+      throw new Error("Not implemented.");
+    },
+    Icon: BitbucketIcon,
+    name: "Bitbucket",
+    supported: false,
+  },
+  gitLab: {
+    connect: () => {
+      throw new Error("Not implemented.");
+    },
+    Icon: GitLabIcon,
+    name: "GitLab",
+    supported: false,
+  },
+};
diff --git a/packages/slice-machine/src/features/settings/git/useGitOwners.ts b/packages/slice-machine/src/features/settings/git/useGitOwners.ts
new file mode 100644
index 0000000000..3d75c7bf92
--- /dev/null
+++ b/packages/slice-machine/src/features/settings/git/useGitOwners.ts
@@ -0,0 +1,12 @@
+import { useRequest } from "@prismicio/editor-support/Suspense";
+import type { GitOwner } from "@slicemachine/manager";
+
+import { managerClient } from "@src/managerClient";
+
+export function useGitOwners(): GitOwner[] {
+  return useRequest(getGitOwners, []);
+}
+
+async function getGitOwners(): Promise<GitOwner[]> {
+  return await managerClient.git.fetchOwners();
+}
diff --git a/packages/slice-machine/src/features/settings/git/useGitRepos.ts b/packages/slice-machine/src/features/settings/git/useGitRepos.ts
new file mode 100644
index 0000000000..ec7215b66e
--- /dev/null
+++ b/packages/slice-machine/src/features/settings/git/useGitRepos.ts
@@ -0,0 +1,26 @@
+import { useRequest } from "@prismicio/editor-support/Suspense";
+import type { GitRepo } from "@slicemachine/manager";
+
+import { managerClient } from "@src/managerClient";
+
+type GitManagerFetchReposArgs = Parameters<
+  typeof managerClient.git.fetchRepos
+>[0];
+
+export function useGitRepos(args: GitManagerFetchReposArgs): GitRepo[] {
+  return useRequest(getGitRepos, [
+    args.provider,
+    args.owner,
+    args.query,
+    args.page,
+  ]);
+}
+
+async function getGitRepos(
+  provider: GitManagerFetchReposArgs["provider"],
+  owner: GitManagerFetchReposArgs["owner"],
+  query: GitManagerFetchReposArgs["query"],
+  page: GitManagerFetchReposArgs["page"],
+): Promise<GitRepo[]> {
+  return await managerClient.git.fetchRepos({ provider, owner, query, page });
+}
diff --git a/packages/slice-machine/src/features/settings/git/useLinkedGitRepos.ts b/packages/slice-machine/src/features/settings/git/useLinkedGitRepos.ts
new file mode 100644
index 0000000000..0df62cef8d
--- /dev/null
+++ b/packages/slice-machine/src/features/settings/git/useLinkedGitRepos.ts
@@ -0,0 +1,18 @@
+import { useRequest } from "@prismicio/editor-support/Suspense";
+import type { GitRepoSpecifier } from "@slicemachine/manager";
+
+import { useSliceMachineConfig } from "@src/hooks/useSliceMachineConfig";
+import { managerClient } from "@src/managerClient";
+
+export function useLinkedGitRepos(): GitRepoSpecifier[] {
+  const [config] = useSliceMachineConfig();
+  return useRequest(getLinkedGitRepos, [config.repositoryName]);
+}
+
+async function getLinkedGitRepos(
+  prismicDomain: string,
+): Promise<GitRepoSpecifier[]> {
+  return await managerClient.git.fetchLinkedRepos({
+    prismic: { domain: prismicDomain },
+  });
+}
diff --git a/packages/slice-machine/src/hooks/useUser.ts b/packages/slice-machine/src/hooks/useUser.ts
index 280b1f1af0..0efdb30c38 100644
--- a/packages/slice-machine/src/hooks/useUser.ts
+++ b/packages/slice-machine/src/hooks/useUser.ts
@@ -1,14 +1,14 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
-import { managerClient } from "@src/managerClient";
 
-const getUser = async () => {
-  const isLoggedIn = await managerClient.user.checkIsLoggedIn();
+import { managerClient } from "@src/managerClient";
 
-  return {
-    isLoggedIn,
-  };
-};
+type User = { isLoggedIn: boolean };
 
-export const useUser = () => {
+export function useUser(): User {
   return useRequest(getUser, []);
-};
+}
+
+async function getUser(): Promise<User> {
+  const isLoggedIn = await managerClient.user.checkIsLoggedIn();
+  return { isLoggedIn };
+}
diff --git a/packages/slice-machine/src/icons/SettingsIcon.tsx b/packages/slice-machine/src/icons/SettingsIcon.tsx
new file mode 100644
index 0000000000..6a10f22318
--- /dev/null
+++ b/packages/slice-machine/src/icons/SettingsIcon.tsx
@@ -0,0 +1,19 @@
+import type { FC, SVGProps } from "react";
+
+export const SettingsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16 12C16 13.1046 15.1046 14 14 14C12.8954 14 12 13.1046 12 12C12 10.8954 12.8954 10 14 10C15.1046 10 16 10.8954 16 12ZM14 9C15.4865 9 16.7205 10.0811 16.9585 11.5H23.5C23.7761 11.5 24 11.7239 24 12C24 12.2761 23.7761 12.5 23.5 12.5H16.9585C16.7205 13.9189 15.4865 15 14 15C12.5135 15 11.2795 13.9189 11.0415 12.5H8.5C8.22386 12.5 8 12.2761 8 12C8 11.7239 8.22386 11.5 8.5 11.5H11.0415C11.2795 10.0811 12.5135 9 14 9ZM21 20C21 21.1046 20.1046 22 19 22C17.8954 22 17 21.1046 17 20C17 18.8954 17.8954 18 19 18C20.1046 18 21 18.8954 21 20ZM16.0415 20.5C16.2795 21.9189 17.5135 23 19 23C20.4865 23 21.7205 21.9189 21.9585 20.5H23.5C23.7761 20.5 24 20.2761 24 20C24 19.7239 23.7761 19.5 23.5 19.5H21.9585C21.7205 18.0811 20.4865 17 19 17C17.5135 17 16.2795 18.0811 16.0415 19.5H8.5C8.22386 19.5 8 19.7239 8 20C8 20.2761 8.22386 20.5 8.5 20.5H16.0415Z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/yarn.lock b/yarn.lock
index 0c1d99506e..39b66dc332 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2013,6 +2013,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/cascade-layer-name-parser@npm:^1.0.5, @csstools/cascade-layer-name-parser@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "@csstools/cascade-layer-name-parser@npm:1.0.7"
+  peerDependencies:
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  checksum: 7f278075241de67357cf26f20c463a29b2829f11836bd18ae8a66c8f18f2115e04652a63a3647cd2ba8ecc04fd3c4d032dc19b9a2f09231309dfce584cc8cc9c
+  languageName: node
+  linkType: hard
+
 "@csstools/color-helpers@npm:^2.1.0":
   version: 2.1.0
   resolution: "@csstools/color-helpers@npm:2.1.0"
@@ -2020,6 +2030,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/color-helpers@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@csstools/color-helpers@npm:4.0.0"
+  checksum: 86148afc9d277b70e28dbecf2b0029a63946c1ae98c45147fb34649ab00a261da26a0276613ff4878b89d45a80f91db59de5f6d596fdd8e661422f3f2856ba8e
+  languageName: node
+  linkType: hard
+
 "@csstools/css-calc@npm:^1.1.1":
   version: 1.1.1
   resolution: "@csstools/css-calc@npm:1.1.1"
@@ -2030,6 +2047,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/css-calc@npm:^1.1.6":
+  version: 1.1.6
+  resolution: "@csstools/css-calc@npm:1.1.6"
+  peerDependencies:
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  checksum: 75e0cd80fcaf5bdd3aa1f23860220cb79942268714295291b937221259ffb33f258c1617de66cf649cd11569ff6d3fadbcacc490f757a5babd858e1349ada024
+  languageName: node
+  linkType: hard
+
 "@csstools/css-color-parser@npm:^1.2.0":
   version: 1.2.1
   resolution: "@csstools/css-color-parser@npm:1.2.1"
@@ -2043,6 +2070,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/css-color-parser@npm:^1.5.1":
+  version: 1.5.1
+  resolution: "@csstools/css-color-parser@npm:1.5.1"
+  dependencies:
+    "@csstools/color-helpers": ^4.0.0
+    "@csstools/css-calc": ^1.1.6
+  peerDependencies:
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  checksum: 849e0f27266e322e4f9d684bd82dd5842ebe816a7832b55074c61226b638453b9c2c34b2e803f3ac78cdd8a23ffb9182520f83f228aafcf303eae011f4f314d2
+  languageName: node
+  linkType: hard
+
 "@csstools/css-parser-algorithms@npm:^2.1.1":
   version: 2.2.0
   resolution: "@csstools/css-parser-algorithms@npm:2.2.0"
@@ -2052,7 +2092,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/css-parser-algorithms@npm:^2.5.0":
+"@csstools/css-parser-algorithms@npm:^2.3.2, @csstools/css-parser-algorithms@npm:^2.5.0":
   version: 2.5.0
   resolution: "@csstools/css-parser-algorithms@npm:2.5.0"
   peerDependencies:
@@ -2068,7 +2108,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/css-tokenizer@npm:^2.2.3":
+"@csstools/css-tokenizer@npm:^2.2.1, @csstools/css-tokenizer@npm:^2.2.3":
   version: 2.2.3
   resolution: "@csstools/css-tokenizer@npm:2.2.3"
   checksum: a2a69f0de516046f85b8f47916879780f9712bdda8166ab01dd47613515ff5a0771555c78badd220686bc1dae3cb0eea5de6896e1e326247a276cc8965520aa6
@@ -2085,7 +2125,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/media-query-list-parser@npm:^2.1.7":
+"@csstools/media-query-list-parser@npm:^2.1.5, @csstools/media-query-list-parser@npm:^2.1.7":
   version: 2.1.7
   resolution: "@csstools/media-query-list-parser@npm:2.1.7"
   peerDependencies:
@@ -2107,6 +2147,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-cascade-layers@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "@csstools/postcss-cascade-layers@npm:4.0.2"
+  dependencies:
+    "@csstools/selector-specificity": ^3.0.1
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: db91ef76e45ba0469168007906074f792784cbf8929a61fee55216f9f46c0e4dace5239072d9dac51b588887243916b2a097a2d0995b57c3458ba4cd9c8a8828
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-color-function@npm:^2.2.3":
   version: 2.2.3
   resolution: "@csstools/postcss-color-function@npm:2.2.3"
@@ -2121,6 +2173,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-color-function@npm:^3.0.7":
+  version: 3.0.9
+  resolution: "@csstools/postcss-color-function@npm:3.0.9"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: a40d1e5549142f96e9b1d8e068e0c449f246bd0eae0a8c6d85f54f734f2b5e6667a88e494551ba9b58379cef707da13587bf8822fb60185de53a8b1f93457915
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-color-mix-function@npm:^1.0.3":
   version: 1.0.3
   resolution: "@csstools/postcss-color-mix-function@npm:1.0.3"
@@ -2135,6 +2201,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-color-mix-function@npm:^2.0.7":
+  version: 2.0.9
+  resolution: "@csstools/postcss-color-mix-function@npm:2.0.9"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: c6c5552478c7b18004a788ea33eb7e2e61ec65e73a21ea0d3e1e6c4eb93206e15623912b667d9b8ba121a0f45156e10d358a1d4825562efec1480f213011f6b9
+  languageName: node
+  linkType: hard
+
+"@csstools/postcss-exponential-functions@npm:^1.0.1":
+  version: 1.0.3
+  resolution: "@csstools/postcss-exponential-functions@npm:1.0.3"
+  dependencies:
+    "@csstools/css-calc": ^1.1.6
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: a7e3b20792556232b2a60a821175fa937d94617a8e0f2ce2b7d494331dbbe9f80dc39a560d0bf5ca5b8ad006a11ff798345f12a1d89ff09a817385c7c7c4d91d
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-font-format-keywords@npm:^2.0.2":
   version: 2.0.2
   resolution: "@csstools/postcss-font-format-keywords@npm:2.0.2"
@@ -2146,6 +2239,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-font-format-keywords@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "@csstools/postcss-font-format-keywords@npm:3.0.1"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 305d7a61cf170b39fd2361adad78939664f0c5bb79fc8865181bc137f0f47eeba2aa3278c95ace2287de0424b5a2ea2c41efffea61016e9e8937d4bd932eabcd
+  languageName: node
+  linkType: hard
+
+"@csstools/postcss-gamut-mapping@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "@csstools/postcss-gamut-mapping@npm:1.0.2"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: e4b014354c91b35a309179a73353030b9737c2827cec4114136a31bb8c0f2a7fac89d10b5e2db6e6459cee415337358dc1a708fe07e626a08586cf05f552c74d
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-gradients-interpolation-method@npm:^3.0.6":
   version: 3.0.6
   resolution: "@csstools/postcss-gradients-interpolation-method@npm:3.0.6"
@@ -2160,6 +2277,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-gradients-interpolation-method@npm:^4.0.7":
+  version: 4.0.9
+  resolution: "@csstools/postcss-gradients-interpolation-method@npm:4.0.9"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 42311aab90f5beac0d465ca012a52e372832d9d38a3c11856429ca8068505aba402a9d2275213a8e69483ee0a89f7d59d4b1b8e14c8eddf14a83af86522146df
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-hwb-function@npm:^2.2.2":
   version: 2.2.2
   resolution: "@csstools/postcss-hwb-function@npm:2.2.2"
@@ -2173,6 +2304,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-hwb-function@npm:^3.0.6":
+  version: 3.0.8
+  resolution: "@csstools/postcss-hwb-function@npm:3.0.8"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: d172c071e8dc9afc6303da018a38afe41b916faf388a7750e7558d7ae8f8a8fb8c41e4cf1c3ae7722ea3b11b4aee0fa63aa955e822c24ab8e5c63d5050685865
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-ic-unit@npm:^2.0.4":
   version: 2.0.4
   resolution: "@csstools/postcss-ic-unit@npm:2.0.4"
@@ -2185,6 +2329,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-ic-unit@npm:^3.0.2":
+  version: 3.0.3
+  resolution: "@csstools/postcss-ic-unit@npm:3.0.3"
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 722f72f77ef0e66a5d384c902b1bbc03562e0fa419592b1721dc93cf47d742bb531bade9c228412513f398fdf9c7ef98430ff5d1f7f514e3daee3dd7893dcc36
+  languageName: node
+  linkType: hard
+
+"@csstools/postcss-initial@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "@csstools/postcss-initial@npm:1.0.1"
+  peerDependencies:
+    postcss: ^8.4
+  checksum: f7ab3a798a6a2d5136ac33d6a3c8f466c6eb22dec186cc4b227a24dc258c2fe406ec9963dac72a97768e70b0ffb73a1f1a3a3822e42165a068a78b34fd298ee5
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-is-pseudo-class@npm:^3.2.1":
   version: 3.2.1
   resolution: "@csstools/postcss-is-pseudo-class@npm:3.2.1"
@@ -2197,6 +2362,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-is-pseudo-class@npm:^4.0.3":
+  version: 4.0.4
+  resolution: "@csstools/postcss-is-pseudo-class@npm:4.0.4"
+  dependencies:
+    "@csstools/selector-specificity": ^3.0.1
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: b2a5a7402098cb37acee28f532ef823a394ec2e08745fb1a40a514a797b4f454a18264c370e817611b64d2d9fa2d2f1010199894115d3e93c194b36d45fdf789
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-logical-float-and-clear@npm:^1.0.1":
   version: 1.0.1
   resolution: "@csstools/postcss-logical-float-and-clear@npm:1.0.1"
@@ -2206,6 +2383,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-logical-float-and-clear@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "@csstools/postcss-logical-float-and-clear@npm:2.0.1"
+  peerDependencies:
+    postcss: ^8.4
+  checksum: f92283a31699f980f159cfeaafa937d02ce7056c16bfbc82e586545f7c02f39329ff3ef36fba135f01f2f0e671d1e2855c3804c454ac81eabc8fa1f63a8269c9
+  languageName: node
+  linkType: hard
+
+"@csstools/postcss-logical-overflow@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "@csstools/postcss-logical-overflow@npm:1.0.1"
+  peerDependencies:
+    postcss: ^8.4
+  checksum: b30e4e5c32b524b1b3c2d262b80027e059516e9d9b9224607e059ac043f968c9cdc635c4a26cb97f75b7ff5d6d56c12487322fdd956f62271645f5b6288b2114
+  languageName: node
+  linkType: hard
+
+"@csstools/postcss-logical-overscroll-behavior@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "@csstools/postcss-logical-overscroll-behavior@npm:1.0.1"
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 6c56f07d2d8b9350fe03e98aa7d47b2ae716e2fc4d6d35123bfa30fb15dfa3d8f00f7e49c8dd586bd11453faa3c2b7c168b5a0d56b59cc486eee0f056827f8dc
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-logical-resize@npm:^1.0.1":
   version: 1.0.1
   resolution: "@csstools/postcss-logical-resize@npm:1.0.1"
@@ -2217,6 +2421,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-logical-resize@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "@csstools/postcss-logical-resize@npm:2.0.1"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 60d24dc65676f368861b4e13ad66189b123af91e8da96bbfe1c948aed84d72bdc95813d0e75b51a92b0161fe5120f4811ed95844333aca87eb7839ab30e1a0ac
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-logical-viewport-units@npm:^1.0.3":
   version: 1.0.3
   resolution: "@csstools/postcss-logical-viewport-units@npm:1.0.3"
@@ -2228,6 +2443,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-logical-viewport-units@npm:^2.0.3":
+  version: 2.0.5
+  resolution: "@csstools/postcss-logical-viewport-units@npm:2.0.5"
+  dependencies:
+    "@csstools/css-tokenizer": ^2.2.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: a26b9cc6639ae8cf6c4151e883feb847eb3e3cbfa09621b702734df07b30d1e165caa29118cc390fe46c2f3a06790615c9c6d0ea4248c8a3fe4d9a9e63031c06
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-media-minmax@npm:^1.0.3":
   version: 1.0.3
   resolution: "@csstools/postcss-media-minmax@npm:1.0.3"
@@ -2242,6 +2468,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-media-minmax@npm:^1.1.0":
+  version: 1.1.2
+  resolution: "@csstools/postcss-media-minmax@npm:1.1.2"
+  dependencies:
+    "@csstools/css-calc": ^1.1.6
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/media-query-list-parser": ^2.1.7
+  peerDependencies:
+    postcss: ^8.4
+  checksum: c9c8478940841de75b1d171cf85d99986dd134ccb7e7caff2c6edf1de6081fda7abfb25b1d48fadf5dbcf722d9973704cde02010dffc303b6cdc8b0f43cf15ed
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-media-queries-aspect-ratio-number-values@npm:^1.0.3":
   version: 1.0.3
   resolution: "@csstools/postcss-media-queries-aspect-ratio-number-values@npm:1.0.3"
@@ -2255,6 +2495,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-media-queries-aspect-ratio-number-values@npm:^2.0.3":
+  version: 2.0.5
+  resolution: "@csstools/postcss-media-queries-aspect-ratio-number-values@npm:2.0.5"
+  dependencies:
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/media-query-list-parser": ^2.1.7
+  peerDependencies:
+    postcss: ^8.4
+  checksum: f1ea13f6bd509921e3304db1e64a10e24a340c4688d071fa7912208bf3b1c2f4f171e7e71df619b1771c9dcb2fe76d7736f214ca89022cd5a2aee62144524492
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-nested-calc@npm:^2.0.2":
   version: 2.0.2
   resolution: "@csstools/postcss-nested-calc@npm:2.0.2"
@@ -2266,6 +2519,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-nested-calc@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "@csstools/postcss-nested-calc@npm:3.0.1"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 2c2ee97844fb52c9e00603e85c3a29de22eadc6ff36d20b08690328a7475f638af77ff2f37688674152b5452e442591fd4ff497aafb73f344545fa78d1aad3dd
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-normalize-display-values@npm:^2.0.1":
   version: 2.0.1
   resolution: "@csstools/postcss-normalize-display-values@npm:2.0.1"
@@ -2277,6 +2541,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-normalize-display-values@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "@csstools/postcss-normalize-display-values@npm:3.0.2"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 792e419483e3947bba1ea139fb693c80704be64bc9e8e6e12b26518142ef623462066d0d6f76f8ed54fd2abaf88110e719959aa0893e7b3e2c9c3d3385abd570
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-oklab-function@npm:^2.2.3":
   version: 2.2.3
   resolution: "@csstools/postcss-oklab-function@npm:2.2.3"
@@ -2291,6 +2566,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-oklab-function@npm:^3.0.7":
+  version: 3.0.9
+  resolution: "@csstools/postcss-oklab-function@npm:3.0.9"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 34ad2932e6305a144f26c12bb5b6567f0506837dc26f276edfae4198257704f3d1bcd886ee7d6a0d4a3e22577d269d19b6be13b74d59b3ecab4a67a83d4b3c02
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-progressive-custom-properties@npm:^2.3.0":
   version: 2.3.0
   resolution: "@csstools/postcss-progressive-custom-properties@npm:2.3.0"
@@ -2302,6 +2591,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-progressive-custom-properties@npm:^3.0.2, @csstools/postcss-progressive-custom-properties@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "@csstools/postcss-progressive-custom-properties@npm:3.0.3"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 7cee312249d166f16e5dbeab6b5f29dc8bbeb4e18ec2ddd0cb7cedc7318755bd146b236da1abf365806bf07e4d13bba61760c60553323b01ba8b0e93850cde32
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-relative-color-syntax@npm:^1.0.2":
   version: 1.0.2
   resolution: "@csstools/postcss-relative-color-syntax@npm:1.0.2"
@@ -2316,6 +2616,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-relative-color-syntax@npm:^2.0.7":
+  version: 2.0.9
+  resolution: "@csstools/postcss-relative-color-syntax@npm:2.0.9"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: d1063111d13f6d09d8907014d891e3f81ba5f3313e0931a4ee8978eecc6aaeb435087df686da7e3f70b81cdfa83a9c064678ec2fe75fbe2552ea7fd95e5a5353
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-scope-pseudo-class@npm:^2.0.2":
   version: 2.0.2
   resolution: "@csstools/postcss-scope-pseudo-class@npm:2.0.2"
@@ -2327,6 +2641,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-scope-pseudo-class@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "@csstools/postcss-scope-pseudo-class@npm:3.0.1"
+  dependencies:
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 82f7602b633c71ac1492e3258c7ee40cae67c350c8a778799e1461b7e965204fc6dd53a80f7d0048c5c708436ef1e87bcc07b8422771eee87eb470fe1068c5f3
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-stepped-value-functions@npm:^2.1.1":
   version: 2.1.1
   resolution: "@csstools/postcss-stepped-value-functions@npm:2.1.1"
@@ -2340,6 +2665,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-stepped-value-functions@npm:^3.0.2":
+  version: 3.0.4
+  resolution: "@csstools/postcss-stepped-value-functions@npm:3.0.4"
+  dependencies:
+    "@csstools/css-calc": ^1.1.6
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 3698c4f4dd4a8ad91d678c7a98935dd64e14dd5bb20ac0d07c2a27a95d108dd208ee5961f746676101d3779a72534d75bf13b19e9e8cc0e20f23337f6b29baed
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-text-decoration-shorthand@npm:^2.2.4":
   version: 2.2.4
   resolution: "@csstools/postcss-text-decoration-shorthand@npm:2.2.4"
@@ -2352,6 +2690,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-text-decoration-shorthand@npm:^3.0.3":
+  version: 3.0.4
+  resolution: "@csstools/postcss-text-decoration-shorthand@npm:3.0.4"
+  dependencies:
+    "@csstools/color-helpers": ^4.0.0
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 0962070404262255ecd080a5f515c86b7c8f65553428145a6e8dbd3bf7a4510986d9eb2d35c4ef0ec2585c0ca29069527164385a56b33eae9b08d1bdd467ceda
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-trigonometric-functions@npm:^2.1.1":
   version: 2.1.1
   resolution: "@csstools/postcss-trigonometric-functions@npm:2.1.1"
@@ -2365,6 +2715,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-trigonometric-functions@npm:^3.0.2":
+  version: 3.0.4
+  resolution: "@csstools/postcss-trigonometric-functions@npm:3.0.4"
+  dependencies:
+    "@csstools/css-calc": ^1.1.6
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: affcda31a250ff0016e249e816444eb35c774ca228efd0c2e0b554c7f7c83fa6a65cc2ae19ae238e7ae3783621efc5a6674e7c6721424dd940cf4f25eab87b52
+  languageName: node
+  linkType: hard
+
 "@csstools/postcss-unset-value@npm:^2.0.1":
   version: 2.0.1
   resolution: "@csstools/postcss-unset-value@npm:2.0.1"
@@ -2374,6 +2737,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/postcss-unset-value@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "@csstools/postcss-unset-value@npm:3.0.1"
+  peerDependencies:
+    postcss: ^8.4
+  checksum: fef582b05fefde5353a5b9931dbd9af64d9b9263a02a7016241ebf061603c91c609c62ee0153fa080e29c46618754b81a7281eaf4574b00c0d67f573b62356a0
+  languageName: node
+  linkType: hard
+
 "@csstools/selector-specificity@npm:^2.0.0, @csstools/selector-specificity@npm:^2.0.1, @csstools/selector-specificity@npm:^2.0.2":
   version: 2.2.0
   resolution: "@csstools/selector-specificity@npm:2.2.0"
@@ -13205,6 +13577,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"autoprefixer@npm:^10.4.16":
+  version: 10.4.17
+  resolution: "autoprefixer@npm:10.4.17"
+  dependencies:
+    browserslist: ^4.22.2
+    caniuse-lite: ^1.0.30001578
+    fraction.js: ^4.3.7
+    normalize-range: ^0.1.2
+    picocolors: ^1.0.0
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.1.0
+  bin:
+    autoprefixer: bin/autoprefixer
+  checksum: 1b4cf4097507f9dc48cef3194f18a05901311c881380cc634b308fce54a6554cf2dcd20aec8384b44e994d4665ab12c63dc89492523f8d74ff5d4d5eb1469f8c
+  languageName: node
+  linkType: hard
+
 "available-typed-arrays@npm:^1.0.5":
   version: 1.0.5
   resolution: "available-typed-arrays@npm:1.0.5"
@@ -13763,6 +14153,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.22.1, browserslist@npm:^4.22.2":
+  version: 4.22.2
+  resolution: "browserslist@npm:4.22.2"
+  dependencies:
+    caniuse-lite: ^1.0.30001565
+    electron-to-chromium: ^1.4.601
+    node-releases: ^2.0.14
+    update-browserslist-db: ^1.0.13
+  bin:
+    browserslist: cli.js
+  checksum: 33ddfcd9145220099a7a1ac533cecfe5b7548ffeb29b313e1b57be6459000a1f8fa67e781cf4abee97268ac594d44134fcc4a6b2b4750ceddc9796e3a22076d9
+  languageName: node
+  linkType: hard
+
 "bser@npm:2.1.1":
   version: 2.1.1
   resolution: "bser@npm:2.1.1"
@@ -14137,6 +14541,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001565, caniuse-lite@npm:^1.0.30001578":
+  version: 1.0.30001580
+  resolution: "caniuse-lite@npm:1.0.30001580"
+  checksum: 8d287d1e2a64348365f55562457b52afc8c5e0e8ddf040e18e53395ca165241a697205611dc209dace5c7f7d1d3ee8d566672cce6f9668d658d7930b7a200875
+  languageName: node
+  linkType: hard
+
 "capital-case@npm:^1.0.4":
   version: 1.0.4
   resolution: "capital-case@npm:1.0.4"
@@ -15369,6 +15780,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-blank-pseudo@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "css-blank-pseudo@npm:6.0.1"
+  dependencies:
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 05c0f800e35f25f6610be5d6f680555cb2c3cec891c8277e0266620eeaf988240abe27cc45d688d1a6a832d0766f3f0f92328eadf63419aeeaea9e1c5198c053
+  languageName: node
+  linkType: hard
+
 "css-box-model@npm:^1.2.0":
   version: 1.2.1
   resolution: "css-box-model@npm:1.2.1"
@@ -15407,6 +15829,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-has-pseudo@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "css-has-pseudo@npm:6.0.1"
+  dependencies:
+    "@csstools/selector-specificity": ^3.0.1
+    postcss-selector-parser: ^6.0.13
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 90250c1bb9be6bc0920c7ba5cafb484b4960888ce8a36a6ba106ee981e6929b8e843d51c77c1d8b6db16b746761e884d07acdea8d418e718429d7ac194221584
+  languageName: node
+  linkType: hard
+
 "css-loader@npm:^5.2.7":
   version: 5.2.7
   resolution: "css-loader@npm:5.2.7"
@@ -15436,6 +15871,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-prefers-color-scheme@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "css-prefers-color-scheme@npm:9.0.1"
+  peerDependencies:
+    postcss: ^8.4
+  checksum: eb36a05f79b6beb8c92cadc12c249dfc2d67d4d4186871df7619f48d0dea11487c9c107d7532c299dd81325cd1b77b88a6d91b14f5ff588173842d1269d765e4
+  languageName: node
+  linkType: hard
+
 "css-select@npm:^4.1.3":
   version: 4.3.0
   resolution: "css-select@npm:4.3.0"
@@ -15527,6 +15971,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cssdb@npm:^7.9.0":
+  version: 7.10.0
+  resolution: "cssdb@npm:7.10.0"
+  checksum: 59a4b092cab1441f318b95801c21e57d22f33a9ca7c407db3beb7c66b08fc7cc436c365975d9ab92cca4db61a61167dfe07345ce1061b98ef294a89b9092186e
+  languageName: node
+  linkType: hard
+
 "cssesc@npm:^3.0.0":
   version: 3.0.0
   resolution: "cssesc@npm:3.0.0"
@@ -16708,6 +17159,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.4.601":
+  version: 1.4.645
+  resolution: "electron-to-chromium@npm:1.4.645"
+  checksum: ac7d23b8123f09e2343016216b1a8f297ccfb4ae9dccefe3716023344cda8a81656916d40a87039fa3d448cac31c2c4147c6b913b22178a3a00d0221a8019513
+  languageName: node
+  linkType: hard
+
 "elegant-spinner@npm:^1.0.1":
   version: 1.0.1
   resolution: "elegant-spinner@npm:1.0.1"
@@ -18804,6 +19262,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fraction.js@npm:^4.3.7":
+  version: 4.3.7
+  resolution: "fraction.js@npm:4.3.7"
+  checksum: e1553ae3f08e3ba0e8c06e43a3ab20b319966dfb7ddb96fd9b5d0ee11a66571af7f993229c88ebbb0d4a816eb813a24ed48207b140d442a8f76f33763b8d1f3f
+  languageName: node
+  linkType: hard
+
 "fragment-cache@npm:^0.2.1":
   version: 0.2.1
   resolution: "fragment-cache@npm:0.2.1"
@@ -25028,6 +25493,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.14":
+  version: 2.0.14
+  resolution: "node-releases@npm:2.0.14"
+  checksum: 59443a2f77acac854c42d321bf1b43dea0aef55cd544c6a686e9816a697300458d4e82239e2d794ea05f7bbbc8a94500332e2d3ac3f11f52e4b16cbe638b3c41
+  languageName: node
+  linkType: hard
+
 "node-res@npm:^5.0.1":
   version: 5.0.1
   resolution: "node-res@npm:5.0.1"
@@ -26417,6 +26889,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-color-functional-notation@npm:^6.0.2":
+  version: 6.0.4
+  resolution: "postcss-color-functional-notation@npm:6.0.4"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: f5ee6d1d2fb5609cadbae80092400563f14f3f511a79e0cd11867b719009fefcb8c977a3fe2cba70983461e45699f717544251123a6e42d68991dea3d2c7a212
+  languageName: node
+  linkType: hard
+
 "postcss-color-hex-alpha@npm:^9.0.2":
   version: 9.0.2
   resolution: "postcss-color-hex-alpha@npm:9.0.2"
@@ -26439,6 +26925,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-color-rebeccapurple@npm:^9.0.1":
+  version: 9.0.2
+  resolution: "postcss-color-rebeccapurple@npm:9.0.2"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 6d8281ab7434e9f09bab358e6bcd6b4f7901de8695423e5e5133a7b1aa1627e8a604fadc720790ccdf8ef229c58d020b01ab38219ceb6422b6ca8a9c86e13772
+  languageName: node
+  linkType: hard
+
 "postcss-colormin@npm:^5.3.1":
   version: 5.3.1
   resolution: "postcss-colormin@npm:5.3.1"
@@ -26491,6 +26988,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-custom-media@npm:^10.0.2":
+  version: 10.0.2
+  resolution: "postcss-custom-media@npm:10.0.2"
+  dependencies:
+    "@csstools/cascade-layer-name-parser": ^1.0.5
+    "@csstools/css-parser-algorithms": ^2.3.2
+    "@csstools/css-tokenizer": ^2.2.1
+    "@csstools/media-query-list-parser": ^2.1.5
+  peerDependencies:
+    postcss: ^8.4
+  checksum: fc249688ce87016d55e2cbb32172f11ad58beb3a2786d42e98f956f8805487c997b79f4ca3d0fec559b89e8f353beb387b7d482955789233d0b06242ca4ef80f
+  languageName: node
+  linkType: hard
+
 "postcss-custom-media@npm:^9.1.4":
   version: 9.1.4
   resolution: "postcss-custom-media@npm:9.1.4"
@@ -26519,6 +27030,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-custom-properties@npm:^13.3.2":
+  version: 13.3.4
+  resolution: "postcss-custom-properties@npm:13.3.4"
+  dependencies:
+    "@csstools/cascade-layer-name-parser": ^1.0.7
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 30c6b45bef0deeb6519dc21ec0887f71655d589ae08f96d67d50b3d9dbf03172ec4f5c9661b26e50f12e1fa967c33a15e5b842977e2d4486c883b0ffb3e4c765
+  languageName: node
+  linkType: hard
+
 "postcss-custom-selectors@npm:^7.1.3":
   version: 7.1.3
   resolution: "postcss-custom-selectors@npm:7.1.3"
@@ -26533,6 +27058,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-custom-selectors@npm:^7.1.6":
+  version: 7.1.6
+  resolution: "postcss-custom-selectors@npm:7.1.6"
+  dependencies:
+    "@csstools/cascade-layer-name-parser": ^1.0.5
+    "@csstools/css-parser-algorithms": ^2.3.2
+    "@csstools/css-tokenizer": ^2.2.1
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: b37ff361a2252c1a671c091ae4d7bed4d1c0f956a24c0e71446e35aabe2822a85b11d2bc5b145af263feeecfc7799babeb456672a868fd43fe4f09fcdd1d018d
+  languageName: node
+  linkType: hard
+
 "postcss-dir-pseudo-class@npm:^7.0.2":
   version: 7.0.2
   resolution: "postcss-dir-pseudo-class@npm:7.0.2"
@@ -26544,6 +27083,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-dir-pseudo-class@npm:^8.0.0":
+  version: 8.0.1
+  resolution: "postcss-dir-pseudo-class@npm:8.0.1"
+  dependencies:
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 64ae6fa46bb2df349fd9244fad06f0540542806c82da4e340810e737aedfe1a2d155bbe50be6d954f6c4782525f0b7eeb2fbec1562f8a377e373025ae98185a4
+  languageName: node
+  linkType: hard
+
 "postcss-discard-comments@npm:^5.1.2":
   version: 5.1.2
   resolution: "postcss-discard-comments@npm:5.1.2"
@@ -26628,6 +27178,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-double-position-gradients@npm:^5.0.2":
+  version: 5.0.3
+  resolution: "postcss-double-position-gradients@npm:5.0.3"
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 35558d5190c54a9a6c93f3f1d448cb527dcfa4d698e8c9d8edc70286c76e52e66021534fb212bf8c007a378a2ccf0a744a7c51f91191bf750f74534906878945
+  languageName: node
+  linkType: hard
+
+"postcss-flexbugs-fixes@npm:5.0.2":
+  version: 5.0.2
+  resolution: "postcss-flexbugs-fixes@npm:5.0.2"
+  peerDependencies:
+    postcss: ^8.1.4
+  checksum: 022ddbcca8987303b9be75ff259e9de81b98643adac87a5fc6b52a0fcbbf95e1ac9fd508c4ed67cad76ac5d039b7123de8a0832329481b3c626f5d63f7a28f47
+  languageName: node
+  linkType: hard
+
 "postcss-focus-visible@npm:^8.0.2":
   version: 8.0.2
   resolution: "postcss-focus-visible@npm:8.0.2"
@@ -26639,6 +27210,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-focus-visible@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "postcss-focus-visible@npm:9.0.1"
+  dependencies:
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 867997d6ab295c60b4ca01002dd3524843dd4b8aed0090dc76a4b3bf60c824bb98379319ba896db61bf920f27626507cf15c549bd64ad653894acfd06321d70b
+  languageName: node
+  linkType: hard
+
 "postcss-focus-within@npm:^7.0.2":
   version: 7.0.2
   resolution: "postcss-focus-within@npm:7.0.2"
@@ -26650,6 +27232,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-focus-within@npm:^8.0.0":
+  version: 8.0.1
+  resolution: "postcss-focus-within@npm:8.0.1"
+  dependencies:
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 2c9346c50aa615fd7fa1a9a2f87d84aa0e321bf674053614c20c562459b6c3a7027f486d3148cea901ccef15f5cf275c9ee7c6b77e3d61fa4addd014bd3bcd7a
+  languageName: node
+  linkType: hard
+
 "postcss-font-variant@npm:^5.0.0":
   version: 5.0.0
   resolution: "postcss-font-variant@npm:5.0.0"
@@ -26668,6 +27261,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-gap-properties@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "postcss-gap-properties@npm:5.0.1"
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 82d3cee4d21220cb20201b4d9f15dedbcdc16bd108ce259bf8c848a0b3bd34fb88d1cf8e5e7799ca7afe136579270cc0af9a0883927c4809c9139b4cd969e0d0
+  languageName: node
+  linkType: hard
+
 "postcss-image-set-function@npm:^5.0.2":
   version: 5.0.2
   resolution: "postcss-image-set-function@npm:5.0.2"
@@ -26679,6 +27281,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-image-set-function@npm:^6.0.1":
+  version: 6.0.2
+  resolution: "postcss-image-set-function@npm:6.0.2"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 0a729ebe4ddee3cf512fb42734e058b74e06495d247d998595cd0962ca4b0470e560a3b6dce61e61c33df0ac3c9d96ca4e9f76765535d39b5457a7ac743c48c9
+  languageName: node
+  linkType: hard
+
 "postcss-import-resolver@npm:^2.0.0":
   version: 2.0.0
   resolution: "postcss-import-resolver@npm:2.0.0"
@@ -26735,6 +27348,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-lab-function@npm:^6.0.7":
+  version: 6.0.9
+  resolution: "postcss-lab-function@npm:6.0.9"
+  dependencies:
+    "@csstools/css-color-parser": ^1.5.1
+    "@csstools/css-parser-algorithms": ^2.5.0
+    "@csstools/css-tokenizer": ^2.2.3
+    "@csstools/postcss-progressive-custom-properties": ^3.0.3
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 9c04de831f371c5288a975c02988edab4327dff79a9e4304ea7839795d61d1b9bd2cf9548b3962103a508185eef452e0091dd888e3a0486ae60aa6f15105bf31
+  languageName: node
+  linkType: hard
+
 "postcss-load-config@npm:^3.1.0, postcss-load-config@npm:^3.1.4":
   version: 3.1.4
   resolution: "postcss-load-config@npm:3.1.4"
@@ -26780,6 +27407,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-logical@npm:^7.0.0":
+  version: 7.0.1
+  resolution: "postcss-logical@npm:7.0.1"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 9edf10519e216f9cbe18dc16760a2e52ec28f69228410d200a8ec89271d58cc2b25c09db33f5c2d2511ea4d6bb4275cfc981610973f1f5093e35783c5d7e5ea5
+  languageName: node
+  linkType: hard
+
 "postcss-media-query-parser@npm:^0.2.3":
   version: 0.2.3
   resolution: "postcss-media-query-parser@npm:0.2.3"
@@ -27002,6 +27640,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-nesting@npm:^12.0.1":
+  version: 12.0.2
+  resolution: "postcss-nesting@npm:12.0.2"
+  dependencies:
+    "@csstools/selector-specificity": ^3.0.1
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 41701bff41910eef1236d7be076b0cfa9f11e0a15b07816daa052c4eff53675b35df80dc4c8e7b5bd6bca906b2878fc2e4f5344bc9d80392953af1aad815aa93
+  languageName: node
+  linkType: hard
+
 "postcss-normalize-charset@npm:^5.1.0":
   version: 5.1.0
   resolution: "postcss-normalize-charset@npm:5.1.0"
@@ -27243,6 +27893,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-overflow-shorthand@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "postcss-overflow-shorthand@npm:5.0.1"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 968ba209c17006d3f4bea05564e916126861fa64dd33d828032f4d94164b6a1d697cd7ff03f61ed81d02eabdd1aefb07fc5121286450da27f4f9f0770b3b8bc8
+  languageName: node
+  linkType: hard
+
 "postcss-page-break@npm:^3.0.4":
   version: 3.0.4
   resolution: "postcss-page-break@npm:3.0.4"
@@ -27263,6 +27924,87 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-place@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "postcss-place@npm:9.0.1"
+  dependencies:
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: b4833784e1b0f6366f648e96416e7c571e4c1b51425a337b7c411c20614177c0810379ac27ddd804a06feb428c04c509df69f8bd591a4c6b01292d6c1aa61699
+  languageName: node
+  linkType: hard
+
+"postcss-preset-env@npm:9.3.0":
+  version: 9.3.0
+  resolution: "postcss-preset-env@npm:9.3.0"
+  dependencies:
+    "@csstools/postcss-cascade-layers": ^4.0.1
+    "@csstools/postcss-color-function": ^3.0.7
+    "@csstools/postcss-color-mix-function": ^2.0.7
+    "@csstools/postcss-exponential-functions": ^1.0.1
+    "@csstools/postcss-font-format-keywords": ^3.0.0
+    "@csstools/postcss-gamut-mapping": ^1.0.0
+    "@csstools/postcss-gradients-interpolation-method": ^4.0.7
+    "@csstools/postcss-hwb-function": ^3.0.6
+    "@csstools/postcss-ic-unit": ^3.0.2
+    "@csstools/postcss-initial": ^1.0.0
+    "@csstools/postcss-is-pseudo-class": ^4.0.3
+    "@csstools/postcss-logical-float-and-clear": ^2.0.0
+    "@csstools/postcss-logical-overflow": ^1.0.0
+    "@csstools/postcss-logical-overscroll-behavior": ^1.0.0
+    "@csstools/postcss-logical-resize": ^2.0.0
+    "@csstools/postcss-logical-viewport-units": ^2.0.3
+    "@csstools/postcss-media-minmax": ^1.1.0
+    "@csstools/postcss-media-queries-aspect-ratio-number-values": ^2.0.3
+    "@csstools/postcss-nested-calc": ^3.0.0
+    "@csstools/postcss-normalize-display-values": ^3.0.1
+    "@csstools/postcss-oklab-function": ^3.0.7
+    "@csstools/postcss-progressive-custom-properties": ^3.0.2
+    "@csstools/postcss-relative-color-syntax": ^2.0.7
+    "@csstools/postcss-scope-pseudo-class": ^3.0.0
+    "@csstools/postcss-stepped-value-functions": ^3.0.2
+    "@csstools/postcss-text-decoration-shorthand": ^3.0.3
+    "@csstools/postcss-trigonometric-functions": ^3.0.2
+    "@csstools/postcss-unset-value": ^3.0.0
+    autoprefixer: ^10.4.16
+    browserslist: ^4.22.1
+    css-blank-pseudo: ^6.0.0
+    css-has-pseudo: ^6.0.0
+    css-prefers-color-scheme: ^9.0.0
+    cssdb: ^7.9.0
+    postcss-attribute-case-insensitive: ^6.0.2
+    postcss-clamp: ^4.1.0
+    postcss-color-functional-notation: ^6.0.2
+    postcss-color-hex-alpha: ^9.0.2
+    postcss-color-rebeccapurple: ^9.0.1
+    postcss-custom-media: ^10.0.2
+    postcss-custom-properties: ^13.3.2
+    postcss-custom-selectors: ^7.1.6
+    postcss-dir-pseudo-class: ^8.0.0
+    postcss-double-position-gradients: ^5.0.2
+    postcss-focus-visible: ^9.0.0
+    postcss-focus-within: ^8.0.0
+    postcss-font-variant: ^5.0.0
+    postcss-gap-properties: ^5.0.0
+    postcss-image-set-function: ^6.0.1
+    postcss-lab-function: ^6.0.7
+    postcss-logical: ^7.0.0
+    postcss-nesting: ^12.0.1
+    postcss-opacity-percentage: ^2.0.0
+    postcss-overflow-shorthand: ^5.0.0
+    postcss-page-break: ^3.0.4
+    postcss-place: ^9.0.0
+    postcss-pseudo-class-any-link: ^9.0.0
+    postcss-replace-overflow-wrap: ^4.0.0
+    postcss-selector-not: ^7.0.1
+    postcss-value-parser: ^4.2.0
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 51838c416eac4a1fb5ed64be61de8697ecb0b9dbd79133d60d76c23c9b5068f766b60d50c992f3ab92079d8d479b352ab631759ee6591442524c30a09209a381
+  languageName: node
+  linkType: hard
+
 "postcss-preset-env@npm:^8.0.1":
   version: 8.5.0
   resolution: "postcss-preset-env@npm:8.5.0"
@@ -27340,6 +28082,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-pseudo-class-any-link@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "postcss-pseudo-class-any-link@npm:9.0.1"
+  dependencies:
+    postcss-selector-parser: ^6.0.13
+  peerDependencies:
+    postcss: ^8.4
+  checksum: 0b20561c30cd00de1c6a57263b3836359015816cf458daf794b96ea95e75f6bd37708abc6c79f7c3b53bf63d97a92472f3fbb39cf6dabfca29efd146cd7df50f
+  languageName: node
+  linkType: hard
+
 "postcss-reduce-initial@npm:^5.1.2":
   version: 5.1.2
   resolution: "postcss-reduce-initial@npm:5.1.2"
@@ -30592,6 +31345,9 @@ __metadata:
     next-router-mock: 0.8.0
     node-fetch: 3.3.1
     parse-multipart-data: 1.5.0
+    postcss: 8.4.21
+    postcss-flexbugs-fixes: 5.0.2
+    postcss-preset-env: 9.3.0
     rc-drawer: 4.4.3
     react: 18.2.0
     react-beautiful-dnd: 13.1.1
@@ -33346,6 +34102,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"update-browserslist-db@npm:^1.0.13":
+  version: 1.0.13
+  resolution: "update-browserslist-db@npm:1.0.13"
+  dependencies:
+    escalade: ^3.1.1
+    picocolors: ^1.0.0
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 1e47d80182ab6e4ad35396ad8b61008ae2a1330221175d0abd37689658bdb61af9b705bfc41057fd16682474d79944fb2d86767c5ed5ae34b6276b9bed353322
+  languageName: node
+  linkType: hard
+
 "upper-case-first@npm:^2.0.2":
   version: 2.0.2
   resolution: "upper-case-first@npm:2.0.2"