diff --git a/apps/admin/app/error.tsx b/apps/admin/app/error.tsx
index a97dbdbc..c97d1030 100644
--- a/apps/admin/app/error.tsx
+++ b/apps/admin/app/error.tsx
@@ -43,5 +43,5 @@ const errorPageContentStyle = css({
 });
 
 const buttonStyle = {
-  width: 328,
+  maxWidth: 328,
 };
diff --git a/apps/admin/app/not-found.tsx b/apps/admin/app/not-found.tsx
index 72365921..22d43769 100644
--- a/apps/admin/app/not-found.tsx
+++ b/apps/admin/app/not-found.tsx
@@ -50,5 +50,5 @@ const notFoundPageContentStyle = css({
 });
 
 const buttonStyle = {
-  width: 328,
+  maxWidth: 328,
 };
diff --git a/apps/admin/middleware.ts b/apps/admin/middleware.ts
index 95cf9f5f..5c3ac64c 100644
--- a/apps/admin/middleware.ts
+++ b/apps/admin/middleware.ts
@@ -20,8 +20,8 @@ const middleware = async (req: NextRequest) => {
   if (studyRole === "STUDENT" && manageRole === "NONE") {
     const url =
       process.env.NEXT_PUBLIC_VERCEL_ENV === "production"
-        ? process.env.CLIENT_PROD_URL
-        : process.env.CLIENT_DEV_URL;
+        ? process.env.NEXT_PUBLIC_CLIENT_PROD_URL
+        : process.env.NEXT_PUBLIC_CLIENT_DEV_URL;
 
     return NextResponse.redirect(new URL("/auth", url));
   }
diff --git a/apps/client/app/(afterLogin)/layout.tsx b/apps/client/app/(afterLogin)/layout.tsx
index 3cceca43..786b1ccb 100644
--- a/apps/client/app/(afterLogin)/layout.tsx
+++ b/apps/client/app/(afterLogin)/layout.tsx
@@ -13,7 +13,12 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <>
       <Navbar />
-      <styled.main padding="54px 0 0 101px" width="calc(100vw - 351px)">
+      <styled.main
+        left="250px"
+        padding="54px 0 0 101px"
+        position="absolute"
+        width="calc(100vw - 351px)"
+      >
         {children}
       </styled.main>
     </>
diff --git a/apps/client/app/(afterLogin)/my-study/_components/StudyCurriculum.tsx b/apps/client/app/(afterLogin)/my-study/_components/StudyCurriculum.tsx
index 7b96e9a5..fca5bf40 100644
--- a/apps/client/app/(afterLogin)/my-study/_components/StudyCurriculum.tsx
+++ b/apps/client/app/(afterLogin)/my-study/_components/StudyCurriculum.tsx
@@ -37,7 +37,7 @@ const StudyCurriculum = async () => {
               period: { startDate, endDate },
               attendanceStatus,
               assignmentSubmissionStatus,
-              sessionStatus,
+              curriculumStatus,
               submissionLink,
             },
             index
@@ -65,7 +65,7 @@ const StudyCurriculum = async () => {
                       {week}주차
                     </Text>
                   </div>
-                  {sessionStatus === "CANCELLED" ? (
+                  {curriculumStatus === "CANCELLED" ? (
                     <Text as="h3" color="sub" typo="h3">
                       휴강 주차
                     </Text>
diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx
index bcc91439..dcd560a0 100644
--- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx
+++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx
@@ -8,6 +8,7 @@ import Link from "next/link";
 import type { ComponentProps } from "react";
 import type { StudyList } from "types/dtos/applyStudy";
 import type { StudyType } from "types/entities/common/study";
+import type { Time } from "types/entities/common/time";
 import Button from "wowds-ui/Button";
 import Tag from "wowds-ui/Tag";
 interface StudyItemProps {
@@ -24,8 +25,8 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => {
     mentorName,
     studyType,
     dayOfWeek,
-    startTime: { hour: startTimeHour, minute: startTimeMinute },
-    endTime: { hour: endTimeHour, minute: endTimeMinute },
+    startTime,
+    endTime,
     openingDate: openingDateString,
     applicationEndDate: endDateString,
     totalWeek,
@@ -33,31 +34,42 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => {
 
   const openingDate = parseISODate(openingDateString);
   const endDate = parseISODate(endDateString);
-  const studyTime = `${dayToKorean[dayOfWeek.toUpperCase()]} ${startTimeHour}:${padWithZero(startTimeMinute)} - ${
-    endTimeHour
-  }:${padWithZero(endTimeMinute)}`;
+
+  const formatTime = (startTime: Time, endTime: Time) => {
+    const { hour: startTimeHour, minute: startTimeMinute } = startTime;
+    const { hour: endTimeHour, minute: endTimeMinute } = endTime;
+
+    return `${dayToKorean[dayOfWeek.toUpperCase()]} ${startTimeHour}:${padWithZero(startTimeMinute)} - ${
+      endTimeHour
+    }:${padWithZero(endTimeMinute)}`;
+  };
+  const studyTime = startTime && endTime ? formatTime(startTime, endTime) : "-";
 
   const isApplicable = appliedStudyId === null;
   const isCancelable = appliedStudyId === studyId;
   const isNotApplicable = !isApplicable && !isCancelable;
   return (
     <Table>
-      <Flex direction="column" gap="xxs" justifyContent="center">
+      <Flex direction="column" gap="xxs" justifyContent="center" width={334}>
         <Flex className={contentStyle} gap="xs">
           <Text typo="h3">{title}</Text>
           <Tag color={sessionColors[studyType] ?? "green"} variant="solid1">
             {studyType}
           </Tag>
         </Flex>
-        <Text color="sub" typo="body2">
-          {`${introduction} -`}
-          <Link href={notionLink ?? ""} target="_blank">
-            {notionLink}
-          </Link>
-        </Text>
+        <Link href={notionLink ?? ""} target="_blank">
+          <Text className={introductionLinkTextStyle} color="sub" typo="body2">
+            {`(${introduction})`}
+          </Text>
+        </Link>
       </Flex>
       <Text className={textCellStyle}>{mentorName}</Text>
-      <Text className={textCellStyle}>{studyTime}</Text>
+      <Text
+        className={textCellStyle}
+        style={{ width: "11rem", textAlign: "center" }}
+      >
+        {studyTime}
+      </Text>
       <Text className={textCellStyle}>{totalWeek}주 코스</Text>
       <Flex direction="column" textAlign="center">
         <Text className={textCellStyle}>
@@ -102,10 +114,16 @@ const contentStyle = css({
   minWidth: "313px",
 });
 
+const introductionLinkTextStyle = css({
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+});
+
 const sessionColors: Record<StudyType, ComponentProps<typeof Tag>["color"]> = {
   "과제 스터디": "green",
-  "온라인 세션": "blue",
-  "오프라인 세션": "yellow",
+  "온라인 커리큘럼": "blue",
+  "오프라인 커리큘럼": "yellow",
 };
 
 export default StudyItem;
diff --git a/apps/client/app/(beforeLogin)/(auth-error)/auth-error-after-recruitment/page.tsx b/apps/client/app/(beforeLogin)/(auth-error)/auth-error-after-recruitment/page.tsx
index fcd1accc..73d21cec 100644
--- a/apps/client/app/(beforeLogin)/(auth-error)/auth-error-after-recruitment/page.tsx
+++ b/apps/client/app/(beforeLogin)/(auth-error)/auth-error-after-recruitment/page.tsx
@@ -32,7 +32,12 @@ const AuthErrorAfterRecruitmentPage = () => {
         모집 기간에 합류 후 이용해주세요.
       </p>
       <div className={buttonContainerStyle}>
-        <Button aria-label="홈으로 이동" asProp={Link} href={routePath.landing}>
+        <Button
+          aria-label="홈으로 이동"
+          asProp={Link}
+          href={routePath.landing}
+          style={buttonStyle}
+        >
           홈으로 이동
         </Button>
       </div>
@@ -79,3 +84,7 @@ const buttonContainerStyle = css({
   gap: "12px",
   width: "100%",
 });
+
+const buttonStyle = {
+  maxWidth: "328px",
+};
diff --git a/apps/client/app/(beforeLogin)/(auth-error)/auth-error-during-recruitment/page.tsx b/apps/client/app/(beforeLogin)/(auth-error)/auth-error-during-recruitment/page.tsx
index 255208bb..af36dcb1 100644
--- a/apps/client/app/(beforeLogin)/(auth-error)/auth-error-during-recruitment/page.tsx
+++ b/apps/client/app/(beforeLogin)/(auth-error)/auth-error-during-recruitment/page.tsx
@@ -32,13 +32,19 @@ const AuthErrorDuringRecruitmentPage = () => {
         아래 버튼을 눌러 가입할 수 있어요!
       </p>
       <div className={buttonContainerStyle}>
-        <Button aria-label="홈으로 이동" asProp={Link} href={routePath.landing}>
+        <Button
+          aria-label="홈으로 이동"
+          asProp={Link}
+          href={routePath.landing}
+          style={buttonStyle}
+        >
           홈으로 이동
         </Button>
         <Button
           aria-label="GDSC Hongik 가입하기"
           asProp={Link}
           href={routePath.onboarding}
+          style={buttonStyle}
           variant="outline"
         >
           GDSC Hongik 가입하기
@@ -87,3 +93,7 @@ const buttonContainerStyle = css({
   gap: "12px",
   width: "100%",
 });
+
+const buttonStyle = {
+  maxWidth: "328px",
+};
diff --git a/apps/client/app/(beforeLogin)/auth/page.tsx b/apps/client/app/(beforeLogin)/auth/page.tsx
index e98b822b..05efe166 100644
--- a/apps/client/app/(beforeLogin)/auth/page.tsx
+++ b/apps/client/app/(beforeLogin)/auth/page.tsx
@@ -43,7 +43,7 @@ const AuthPage = async () => {
           asProp={Link}
           href={routePath["github-oauth"]}
           icon={githubLogoIcon}
-          style={{ backgroundColor: `${color.github}` }}
+          style={githubLoginButtonStyle}
         >
           GitHub 로그인
         </Button>
@@ -108,3 +108,8 @@ const authImageStyle = css({
   height: "100%",
   width: "100%",
 });
+
+const githubLoginButtonStyle = {
+  backgroundColor: `${color.github}`,
+  maxWidth: "328px",
+};
diff --git a/apps/client/app/(beforeLogin)/landing/page.tsx b/apps/client/app/(beforeLogin)/landing/page.tsx
index 326aee8e..4e7df7c9 100644
--- a/apps/client/app/(beforeLogin)/landing/page.tsx
+++ b/apps/client/app/(beforeLogin)/landing/page.tsx
@@ -33,6 +33,7 @@ const LandingPage = () => {
           asProp={Link}
           href={routePath.auth}
           size="lg"
+          style={loginButtonStyle}
         >
           로그인
         </Button>
@@ -85,3 +86,7 @@ const descriptionStyle = css({
   marginBottom: "48px",
   zIndex: 1,
 });
+
+const loginButtonStyle = {
+  maxWidth: "232px",
+};
diff --git a/apps/client/app/error.tsx b/apps/client/app/error.tsx
index a97dbdbc..c97d1030 100644
--- a/apps/client/app/error.tsx
+++ b/apps/client/app/error.tsx
@@ -43,5 +43,5 @@ const errorPageContentStyle = css({
 });
 
 const buttonStyle = {
-  width: 328,
+  maxWidth: 328,
 };
diff --git a/apps/client/app/not-found.tsx b/apps/client/app/not-found.tsx
index 21b859a2..aba7d941 100644
--- a/apps/client/app/not-found.tsx
+++ b/apps/client/app/not-found.tsx
@@ -50,5 +50,5 @@ const notFoundPageContentStyle = css({
 });
 
 const buttonStyle = {
-  width: 328,
+  maxWidth: 328,
 };
diff --git a/apps/client/components/Navbar.tsx b/apps/client/components/Navbar.tsx
index cb8b0fb6..bc2d1309 100644
--- a/apps/client/components/Navbar.tsx
+++ b/apps/client/components/Navbar.tsx
@@ -42,7 +42,7 @@ const Navbar = async () => {
               alt={menu.alt}
               href={menu.href}
               imageUrl={menu.imageUrl}
-              items={menu.items}
+              // items={menu.items}
               key={menu.name}
               name={menu.name}
             />
@@ -66,7 +66,8 @@ export default Navbar;
 const navbarContainerStyle = css({
   width: "250px",
   minWidth: "250px",
-  minHeight: "100vh",
+  height: "100vh",
+  position: "fixed",
   paddingTop: "54px",
   borderRightWidth: "arrow",
   borderColor: "mono.400",
diff --git a/apps/client/constants/apiPath.ts b/apps/client/constants/apiPath.ts
index 35dc32b7..e6c4eb97 100644
--- a/apps/client/constants/apiPath.ts
+++ b/apps/client/constants/apiPath.ts
@@ -8,7 +8,7 @@ export const enum apiPath {
   myOngoingStudy = "/studies/me/ongoing",
   studyHistory = "/study-history",
   studyDetail = "/study-details/assignments",
-  studyCurriculum = "/study-details/sessions",
+  studyCurriculum = "/study-details/curriculums",
   dailyTask = "/study-details/todo",
   logout = "/auth/logout",
   members = "/common/members",
diff --git a/apps/client/constants/navMenu.ts b/apps/client/constants/navMenu.ts
index 3c61540a..65859465 100644
--- a/apps/client/constants/navMenu.ts
+++ b/apps/client/constants/navMenu.ts
@@ -1,4 +1,4 @@
-import folderImageUrl from "../public/images/folder.svg";
+// import folderImageUrl from "../public/images/folder.svg";
 import homeImageUrl from "../public/images/home.svg";
 import personImageUrl from "../public/images/person.svg";
 import scheduleImageUrl from "../public/images/schedule.svg";
@@ -9,14 +9,14 @@ export const navMenu = [
     imageUrl: homeImageUrl,
     alt: "home-icon",
     name: "나의 스터디",
-    items: [
-      {
-        href: "/my-assignment",
-        imageUrl: folderImageUrl,
-        alt: "folder-icon",
-        name: "나의 과제",
-      },
-    ],
+    // items: [
+    //   {
+    //     href: "my-assignment",
+    //     imageUrl: folderImageUrl,
+    //     alt: "folder-icon",
+    //     name: "나의 과제",
+    //   },
+    // ],
   },
   {
     href: "/study-apply",
diff --git a/apps/client/types/dtos/applyStudy.ts b/apps/client/types/dtos/applyStudy.ts
index 73c5430f..cbf8f85e 100644
--- a/apps/client/types/dtos/applyStudy.ts
+++ b/apps/client/types/dtos/applyStudy.ts
@@ -9,8 +9,8 @@ export interface StudyList {
   introduction: string;
   mentorName: string;
   dayOfWeek: DayOfWeekType;
-  startTime: Time;
-  endTime: Time;
+  startTime: Time | null;
+  endTime: Time | null;
   totalWeek: number;
   openingDate: string;
   applicationEndDate: string;
diff --git a/apps/client/types/dtos/myStudy.ts b/apps/client/types/dtos/myStudy.ts
index 95c0815e..3146a774 100644
--- a/apps/client/types/dtos/myStudy.ts
+++ b/apps/client/types/dtos/myStudy.ts
@@ -9,8 +9,8 @@ import type {
   AssignmentSubmissionStatusType,
   AttendanceStatusType,
   DailyTaskType,
+  StudyCurriculumStatusType,
   StudyDifficultyType,
-  StudySessionStatusType,
 } from "types/entities/myStudy";
 
 export interface BasicStudyInfoDto {
@@ -56,7 +56,7 @@ interface StudyCurriculumDto {
   week: number;
   title: string;
   description: string;
-  sessionStatus: StudySessionStatusType;
+  curriculumStatus: StudyCurriculumStatusType;
   difficulty: StudyDifficultyType;
   attendanceStatus: AttendanceStatusType;
   assignmentStatus: AssignmentStatusType;
diff --git a/apps/client/types/entities/common/study.ts b/apps/client/types/entities/common/study.ts
index ecca47bd..43fe686c 100644
--- a/apps/client/types/entities/common/study.ts
+++ b/apps/client/types/entities/common/study.ts
@@ -1 +1 @@
-export type StudyType = "과제 스터디" | "온라인 세션" | "오프라인 세션";
+export type StudyType = "과제 스터디" | "온라인 커리큘럼" | "오프라인 커리큘럼";
diff --git a/apps/client/types/entities/myStudy.ts b/apps/client/types/entities/myStudy.ts
index efd39663..6ab4fcd9 100644
--- a/apps/client/types/entities/myStudy.ts
+++ b/apps/client/types/entities/myStudy.ts
@@ -14,7 +14,7 @@ export type AssignmentSubmissionFailureType =
   | "LOCATION_UNIDENTIFIABLE"
   | "UNKNOWN";
 
-export type StudySessionStatusType = "NONE" | "OPEN" | "CANCELLED";
+export type StudyCurriculumStatusType = "NONE" | "OPEN" | "CANCELLED";
 
 export type AssignmentSubmissionStatusType =
   | "NOT_SUBMITTED"
diff --git a/packages/ui/src/components/Modal/index.tsx b/packages/ui/src/components/Modal/index.tsx
index a2214fe7..b6b5752c 100644
--- a/packages/ui/src/components/Modal/index.tsx
+++ b/packages/ui/src/components/Modal/index.tsx
@@ -67,9 +67,10 @@ const backDropStyle = css({
   width: "100vw",
   height: "100vh",
 
-  position: "absolute",
+  position: "fixed",
   top: 0,
   left: 0,
+  zIndex: 9999,
 
   background: "backgroundDimmer",
 });
diff --git a/packages/ui/src/components/NavItem/index.tsx b/packages/ui/src/components/NavItem/index.tsx
index 1cf25973..de5f7942 100644
--- a/packages/ui/src/components/NavItem/index.tsx
+++ b/packages/ui/src/components/NavItem/index.tsx
@@ -56,7 +56,8 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
         role="menuitem"
         tabIndex={0}
         className={navItemStyle({
-          type: !segment[1] && segment[0] === href ? "active" : "inactive",
+          type:
+            !segment[1] && `/${segment[0]}` === href ? "active" : "inactive",
         })}
         onClick={handleClickNavItem}
       >
diff --git a/packages/ui/src/styles.css b/packages/ui/src/styles.css
index 9bbe6b47..9ddd2002 100644
--- a/packages/ui/src/styles.css
+++ b/packages/ui/src/styles.css
@@ -1,838 +1 @@
-:host,
-html {
-  --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  -webkit-text-size-adjust: 100%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-tab-size: 4;
-  tab-size: 4;
-  -webkit-tap-highlight-color: transparent;
-  line-height: 1.5;
-  font-family: var(--global-font-body, var(--font-fallback));
-}
-*,
-::backdrop,
-::file-selector-button,
-:after,
-:before {
-  margin: 0px;
-  padding: 0px;
-  box-sizing: border-box;
-  border-width: 0px;
-  border-style: solid;
-  border-color: var(--global-color-border, currentColor);
-}
-hr {
-  height: 0px;
-  color: inherit;
-  border-top-width: 1px;
-}
-body {
-  height: 100%;
-  line-height: inherit;
-}
-img {
-  border-style: none;
-}
-audio,
-canvas,
-embed,
-iframe,
-img,
-object,
-svg,
-video {
-  display: block;
-  vertical-align: middle;
-}
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  text-wrap: balance;
-  font-size: inherit;
-  font-weight: inherit;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  overflow-wrap: break-word;
-}
-menu,
-ol,
-ul {
-  list-style: none;
-}
-::file-selector-button,
-button,
-input:where([type="button"], [type="reset"], [type="submit"]) {
-  appearance: button;
-  -webkit-appearance: button;
-}
-::file-selector-button,
-button,
-input,
-optgroup,
-select,
-textarea {
-  font: inherit;
-  font-feature-settings: inherit;
-  font-variation-settings: inherit;
-  letter-spacing: inherit;
-  color: inherit;
-  background: transparent;
-}
-::placeholder {
-  opacity: 1;
-  --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
-  color: var(--global-color-placeholder, var(--placeholder-fallback));
-}
-textarea {
-  resize: vertical;
-}
-table {
-  text-indent: 0px;
-  border-collapse: collapse;
-  border-color: inherit;
-}
-summary {
-  display: list-item;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  position: relative;
-  vertical-align: baseline;
-  font-size: 75%;
-  line-height: 0;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-dialog {
-  padding: 0px;
-}
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-code,
-kbd,
-pre,
-samp {
-  --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    "Liberation Mono", "Courier New";
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  font-family: var(--global-font-mono, var(--font-mono-fallback));
-  font-size: 1em;
-}
-progress {
-  vertical-align: baseline;
-}
-::-webkit-search-cancel-button,
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-:-moz-focusring {
-  outline: auto;
-}
-[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  display: none !important;
-}
-:where(:root, :host):not(#\#):not(#\#) {
-  --colors-red-50: #fdeceb;
-  --colors-red-100: #fbd9d7;
-  --colors-red-150: #f9c7c2;
-  --colors-red-200: #f7b4ae;
-  --colors-red-300: #f28e86;
-  --colors-red-400: #ee695d;
-  --colors-red-500: #ea4335;
-  --colors-red-600: #bb362a;
-  --colors-red-700: #8c2820;
-  --colors-red-800: #5e1b15;
-  --colors-red-850: #461410;
-  --colors-red-900: #2f0d0b;
-  --colors-red-950: #170705;
-  --colors-blue-50: #ebf4fe;
-  --colors-blue-100: #d7e9fd;
-  --colors-blue-150: #c3ddfd;
-  --colors-blue-200: #afd2fc;
-  --colors-blue-300: #86bcfa;
-  --colors-blue-400: #5ea5f9;
-  --colors-blue-500: #368ff7;
-  --colors-blue-600: #2b72c6;
-  --colors-blue-700: #205694;
-  --colors-blue-800: #163963;
-  --colors-blue-850: #102b4a;
-  --colors-blue-900: #0b1d31;
-  --colors-blue-950: #050e19;
-  --colors-yellow-50: #fef7e6;
-  --colors-yellow-100: #feeecc;
-  --colors-yellow-150: #fde6b3;
-  --colors-yellow-200: #fddd99;
-  --colors-yellow-300: #fbcd66;
-  --colors-yellow-400: #fabc33;
-  --colors-yellow-500: #f9ab00;
-  --colors-yellow-600: #c78900;
-  --colors-yellow-700: #956700;
-  --colors-yellow-800: #644400;
-  --colors-yellow-850: #4b3300;
-  --colors-yellow-900: #322200;
-  --colors-yellow-950: #191100;
-  --colors-green-50: #ebf6ee;
-  --colors-green-100: #d6eedd;
-  --colors-green-150: #c2e5cb;
-  --colors-green-200: #aedcba;
-  --colors-green-300: #85cb98;
-  --colors-green-400: #5db975;
-  --colors-green-500: #34a853;
-  --colors-green-600: #2a8642;
-  --colors-green-700: #1f6532;
-  --colors-green-800: #154321;
-  --colors-green-850: #103219;
-  --colors-green-900: #0a2211;
-  --colors-green-950: #051108;
-  --colors-mono-50: #f7f7f7;
-  --colors-mono-100: #f0f0f0;
-  --colors-mono-150: #e8e8e8;
-  --colors-mono-200: #e1e1e1;
-  --colors-mono-300: #d1d1d1;
-  --colors-mono-400: #c2c2c2;
-  --colors-mono-500: #b3b3b3;
-  --colors-mono-600: #8f8f8f;
-  --colors-mono-700: #6b6b6b;
-  --colors-mono-800: #484848;
-  --colors-mono-900: #242424;
-  --colors-mono-950: #121212;
-  --colors-white: #ffffff;
-  --colors-black: #000000;
-  --spacing-xl: 1.5rem;
-  --radii-md: 0.5rem;
-  --border-widths-button: 1px;
-  --shadows-mono: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
-  --colors-primary: #368ff7;
-  --colors-success: #2a8642;
-  --colors-error: #bb362a;
-  --colors-background-normal: #ffffff;
-  --colors-background-alternative: #f7f7f7;
-  --colors-background-dimmer: rgba(0, 0, 0, 0.8);
-  --colors-sub: #6b6b6b;
-  --colors-outline: #c2c2c2;
-  --colors-text-black: #121212;
-  --colors-text-white: #ffffff;
-  --colors-dark-disabled: #c2c2c2;
-  --colors-light-disabled: #e1e1e1;
-  --colors-blue-hover: #2b72c6;
-  --colors-mono-hover: #121212;
-  --colors-elevated-hover: rgba(16, 43, 74, 0.2);
-  --colors-blue-pressed: #5ea5f9;
-  --colors-blue-background-pressed: #ebf4fe;
-  --colors-mono-background-pressed: #f7f7f7;
-  --colors-shadow-small: rgba(0, 0, 0, 0.1);
-  --colors-shadow-medium: rgba(0, 0, 0, 0.2);
-  --colors-blue-shadow: rgba(16, 43, 74, 0.2);
-  --colors-discord: #5566fb;
-  --colors-github: #000000;
-  --colors-secondary-yellow: #f9ab00;
-  --colors-secondary-green: #34a853;
-  --colors-secondary-red: #ea4335;
-  --colors-error-background: #fbd9d7;
-  --colors-blue-disabled: #d7e9fd;
-  --colors-text-blue-disabled: #afd2fc;
-}
-.textStyle_body1:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.01rem;
-  font-size: 1rem;
-  line-height: 160%;
-  font-weight: 500;
-}
-.textStyle_body0:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.01125rem;
-  font-size: 1.125rem;
-  line-height: 160%;
-  font-weight: 500;
-}
-.textStyle_body2:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.00875rem;
-  font-size: 0.875rem;
-  line-height: 160%;
-  font-weight: 500;
-}
-.textStyle_body3:not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-size: 0.75rem;
-  line-height: 140%;
-  font-weight: 500;
-}
-.textStyle_display1:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.025rem;
-  font-size: 2.5rem;
-  line-height: 130%;
-  font-weight: 700;
-}
-.textStyle_display2:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.02rem;
-  font-size: 2rem;
-  line-height: 130%;
-  font-weight: 700;
-}
-.textStyle_h1:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.015rem;
-  font-size: 1.5rem;
-  line-height: 130%;
-  font-weight: 600;
-}
-.textStyle_h2:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.01125rem;
-  font-size: 1.125rem;
-  line-height: 130%;
-  font-weight: 600;
-}
-.textStyle_h3:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.01rem;
-  font-size: 1rem;
-  line-height: 130%;
-  font-weight: 600;
-}
-.textStyle_label1:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.01rem;
-  font-size: 1rem;
-  line-height: 100%;
-  font-weight: 600;
-}
-.textStyle_label2:not(#\#):not(#\#):not(#\#):not(#\#) {
-  letter-spacing: -0.01rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-  font-weight: 600;
-}
-.textStyle_label3:not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-size: 0.75rem;
-  line-height: 100%;
-  font-weight: 600;
-}
-.h_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 24px;
-}
-.w_49:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: 49px;
-}
-.w_100vw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: 100vw;
-}
-.h_54px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 54px;
-}
-.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  display: flex;
-}
-.gap_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  gap: 8px;
-}
-.w_fit-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: fit-content;
-}
-.w_49px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: 49px;
-}
-.h_24px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 24px;
-}
-.c_primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-primary);
-}
-.w_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: 24px;
-}
-.w_40\.75rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: 40.75rem;
-}
-.h_28\.125rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 28.125rem;
-}
-.pos_relative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  position: relative;
-}
-.bdr_md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-radius: var(--radii-md);
-}
-.bx-sh_mono:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  box-shadow: var(--shadows-mono);
-}
-.h_100vh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 100vh;
-}
-.pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  position: absolute;
-}
-.bg_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background: var(--colors-background-dimmer);
-}
-.cursor_pointer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  cursor: pointer;
-}
-.li-s_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  list-style: none;
-}
-.h_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 20px;
-}
-.w_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),
-.w_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: 20px;
-}
-.h_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 20px;
-}
-.gap_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  gap: 12px;
-}
-.p_11px_18px_11px_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  padding: 11px 18px 11px 20px;
-}
-.bg_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background: var(--colors-mono-background-pressed);
-}
-.bg_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background: var(--colors-white);
-}
-.h_80px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: 80px;
-}
-.w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: 100%;
-}
-.c_textBlack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-text-black);
-}
-.c_blue\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-50);
-}
-.c_blue\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-100);
-}
-.c_blue\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-150);
-}
-.c_blue\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-200);
-}
-.c_blue\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-300);
-}
-.c_blue\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-400);
-}
-.c_blue\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-500);
-}
-.c_blue\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-600);
-}
-.c_blue\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-700);
-}
-.c_blue\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-800);
-}
-.c_blue\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-850);
-}
-.c_blue\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-900);
-}
-.c_blue\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-950);
-}
-.c_yellow\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-50);
-}
-.c_yellow\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-100);
-}
-.c_yellow\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-150);
-}
-.c_yellow\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-200);
-}
-.c_yellow\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-300);
-}
-.c_yellow\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-400);
-}
-.c_yellow\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-500);
-}
-.c_yellow\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-600);
-}
-.c_yellow\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-700);
-}
-.c_yellow\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-800);
-}
-.c_yellow\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-850);
-}
-.c_yellow\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-900);
-}
-.c_yellow\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-yellow-950);
-}
-.c_green\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-50);
-}
-.c_green\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-100);
-}
-.c_green\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-150);
-}
-.c_green\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-200);
-}
-.c_green\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-300);
-}
-.c_green\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-400);
-}
-.c_green\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-500);
-}
-.c_green\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-600);
-}
-.c_green\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-700);
-}
-.c_green\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-800);
-}
-.c_green\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-850);
-}
-.c_green\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-900);
-}
-.c_green\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-green-950);
-}
-.c_red\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-50);
-}
-.c_red\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-100);
-}
-.c_red\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-150);
-}
-.c_red\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-200);
-}
-.c_red\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-300);
-}
-.c_red\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-400);
-}
-.c_red\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-500);
-}
-.c_red\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-600);
-}
-.c_red\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-700);
-}
-.c_red\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-800);
-}
-.c_red\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-850);
-}
-.c_red\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-900);
-}
-.c_red\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-red-950);
-}
-.c_mono\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-50);
-}
-.c_mono\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-100);
-}
-.c_mono\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-150);
-}
-.c_mono\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-200);
-}
-.c_mono\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-300);
-}
-.c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-400);
-}
-.c_mono\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-500);
-}
-.c_mono\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-600);
-}
-.c_mono\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-700);
-}
-.c_mono\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-800);
-}
-.c_mono\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: mono.850;
-}
-.c_mono\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-900);
-}
-.c_mono\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-950);
-}
-.c_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-white);
-}
-.c_black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-black);
-}
-.c_whiteOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: whiteOpacity.20;
-}
-.c_whiteOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: whiteOpacity.40;
-}
-.c_whiteOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: whiteOpacity.60;
-}
-.c_whiteOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: whiteOpacity.80;
-}
-.c_blackOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: blackOpacity.20;
-}
-.c_blackOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: blackOpacity.40;
-}
-.c_blackOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: blackOpacity.60;
-}
-.c_blackOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: blackOpacity.80;
-}
-.c_success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-success);
-}
-.c_error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-error);
-}
-.c_backgroundNormal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-background-normal);
-}
-.c_backgroundAlternative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-background-alternative);
-}
-.c_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-background-dimmer);
-}
-.c_errorBackground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-error-background);
-}
-.c_sub:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-sub);
-}
-.c_outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-outline);
-}
-.c_textWhite:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-text-white);
-}
-.c_darkDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-dark-disabled);
-}
-.c_lightDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-light-disabled);
-}
-.c_blueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-disabled);
-}
-.c_textBlueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-text-blue-disabled);
-}
-.c_blueHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-hover);
-}
-.c_monoHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-hover);
-}
-.c_elevatedHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-elevated-hover);
-}
-.c_bluePressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-pressed);
-}
-.c_blueBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-background-pressed);
-}
-.c_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-mono-background-pressed);
-}
-.c_shadowSmall:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-shadow-small);
-}
-.c_shadowMedium:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-shadow-medium);
-}
-.c_blueShadow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-blue-shadow);
-}
-.c_discord:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-discord);
-}
-.c_github:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-github);
-}
-.c_secondaryYellow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-secondary-yellow);
-}
-.c_secondaryGreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-secondary-green);
-}
-.c_secondaryRed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-secondary-red);
-}
-.c_blueGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: blueGradientDark;
-}
-.c_blueGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: blueGradientLight;
-}
-.c_redGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: redGradientDark;
-}
-.c_redGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: redGradientLight;
-}
-.c_greenGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: greenGradientDark;
-}
-.c_greenGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: greenGradientLight;
-}
-.c_yellowGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: yellowGradientDark;
-}
-.c_yellowGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: yellowGradientLight;
-}
-.bd-b-w_button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-bottom-width: var(--border-widths-button);
-}
-.bd-b-c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-bottom-color: var(--colors-mono-400);
-}
-.border-bottom-style_solid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-bottom-style: solid;
-}
-.ai_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  align-items: center;
-}
-.ml_225px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  margin-left: 225px;
-}
-.ff_Product_Sans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-family: Product Sans;
-}
-.fw_700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-weight: 700;
-}
-.fs_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-size: 20px;
-}
-.lh_130\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  line-height: 130%;
-}
-.fw_400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-weight: 400;
-}
-.fs_14px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-size: 14px;
-}
-.jc_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  justify-content: center;
-}
-.flex-d_column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  flex-direction: column;
-}
-.top_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  top: 0;
-}
-.left_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  left: 0;
-}
-.top_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  top: var(--spacing-xl);
-}
-.right_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  right: var(--spacing-xl);
-}
-.ml_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  margin-left: auto;
-}
-.mr_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  margin-right: 8px;
-}
-.jc_space-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  justify-content: space-between;
-}
-.mb_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  margin-bottom: 12px;
-}
-.jc_flex-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  justify-content: flex-start;
-}
-.jc_flex-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  justify-content: flex-end;
-}
+:host,html{--font-fallback:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback))}*,::backdrop,::file-selector-button,:after,:before{margin:0px;padding:0px;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border,currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}menu,ol,ul{list-style:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button;-webkit-appearance:button}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback:color-mix(in srgb,currentColor 50%,transparent);color:var(--global-color-placeholder,var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-0.25em}sup{top:-0.5em}dialog{padding:0px}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{--font-mono-fallback:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New';font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono,var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none!important}:where(:root,:host):not(#\#):not(#\#){--colors-red-50:#FDECEB;--colors-red-100:#FBD9D7;--colors-red-150:#F9C7C2;--colors-red-200:#F7B4AE;--colors-red-300:#F28E86;--colors-red-400:#EE695D;--colors-red-500:#EA4335;--colors-red-600:#BB362A;--colors-red-700:#8C2820;--colors-red-800:#5E1B15;--colors-red-850:#461410;--colors-red-900:#2F0D0B;--colors-red-950:#170705;--colors-blue-50:#EBF4FE;--colors-blue-100:#D7E9FD;--colors-blue-150:#C3DDFD;--colors-blue-200:#AFD2FC;--colors-blue-300:#86BCFA;--colors-blue-400:#5EA5F9;--colors-blue-500:#368FF7;--colors-blue-600:#2B72C6;--colors-blue-700:#205694;--colors-blue-800:#163963;--colors-blue-850:#102B4A;--colors-blue-900:#0B1D31;--colors-blue-950:#050E19;--colors-yellow-50:#FEF7E6;--colors-yellow-100:#FEEECC;--colors-yellow-150:#FDE6B3;--colors-yellow-200:#FDDD99;--colors-yellow-300:#FBCD66;--colors-yellow-400:#FABC33;--colors-yellow-500:#F9AB00;--colors-yellow-600:#C78900;--colors-yellow-700:#956700;--colors-yellow-800:#644400;--colors-yellow-850:#4B3300;--colors-yellow-900:#322200;--colors-yellow-950:#191100;--colors-green-50:#EBF6EE;--colors-green-100:#D6EEDD;--colors-green-150:#C2E5CB;--colors-green-200:#AEDCBA;--colors-green-300:#85CB98;--colors-green-400:#5DB975;--colors-green-500:#34A853;--colors-green-600:#2A8642;--colors-green-700:#1F6532;--colors-green-800:#154321;--colors-green-850:#103219;--colors-green-900:#0A2211;--colors-green-950:#051108;--colors-mono-50:#F7F7F7;--colors-mono-100:#F0F0F0;--colors-mono-150:#E8E8E8;--colors-mono-200:#E1E1E1;--colors-mono-300:#D1D1D1;--colors-mono-400:#C2C2C2;--colors-mono-500:#B3B3B3;--colors-mono-600:#8F8F8F;--colors-mono-700:#6B6B6B;--colors-mono-800:#484848;--colors-mono-900:#242424;--colors-mono-950:#121212;--colors-white:#FFFFFF;--colors-black:#000000;--spacing-xl:1.5rem;--radii-md:0.5rem;--border-widths-button:1px;--shadows-mono:0px 4px 8px 0px rgba(0,0,0,0.2);--colors-primary:#368FF7;--colors-success:#2A8642;--colors-error:#BB362A;--colors-background-normal:#FFFFFF;--colors-background-alternative:#F7F7F7;--colors-background-dimmer:rgba(0,0,0,0.8);--colors-sub:#6B6B6B;--colors-outline:#C2C2C2;--colors-text-black:#121212;--colors-text-white:#FFFFFF;--colors-dark-disabled:#C2C2C2;--colors-light-disabled:#E1E1E1;--colors-blue-hover:#2B72C6;--colors-mono-hover:#121212;--colors-elevated-hover:rgba(16,43,74,0.2);--colors-blue-pressed:#5EA5F9;--colors-blue-background-pressed:#EBF4FE;--colors-mono-background-pressed:#F7F7F7;--colors-shadow-small:rgba(0,0,0,0.1);--colors-shadow-medium:rgba(0,0,0,0.2);--colors-blue-shadow:rgba(16,43,74,0.2);--colors-discord:#5566FB;--colors-github:#000000;--colors-secondary-yellow:#F9AB00;--colors-secondary-green:#34A853;--colors-secondary-red:#EA4335;--colors-error-background:#FBD9D7;--colors-blue-disabled:#D7E9FD;--colors-text-blue-disabled:#AFD2FC}.textStyle_body1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:1rem;line-height:160%;font-weight:500}.textStyle_body0:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01125rem;font-size:1.125rem;line-height:160%;font-weight:500}.textStyle_body2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.00875rem;font-size:0.875rem;line-height:160%;font-weight:500}.textStyle_body3:not(#\#):not(#\#):not(#\#):not(#\#){font-size:0.75rem;line-height:140%;font-weight:500}.textStyle_display1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.025rem;font-size:2.5rem;line-height:130%;font-weight:700}.textStyle_display2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.02rem;font-size:2rem;line-height:130%;font-weight:700}.textStyle_h1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.015rem;font-size:1.5rem;line-height:130%;font-weight:600}.textStyle_h2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01125rem;font-size:1.125rem;line-height:130%;font-weight:600}.textStyle_h3:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:1rem;line-height:130%;font-weight:600}.textStyle_label1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:1rem;line-height:100%;font-weight:600}.textStyle_label2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:0.875rem;line-height:100%;font-weight:600}.textStyle_label3:not(#\#):not(#\#):not(#\#):not(#\#){font-size:0.75rem;line-height:100%;font-weight:600}.h_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:24px}.w_49:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:49px}.w_100vw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100vw}.h_54px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:54px}.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:flex}.gap_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){gap:8px}.w_fit-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}.w_49px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:49px}.h_24px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:24px}.c_primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-primary)}.w_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:24px}.w_40\.75rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:40.75rem}.h_28\.125rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:28.125rem}.pos_relative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:relative}.bdr_md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-radius:var(--radii-md)}.bx-sh_mono:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){box-shadow:var(--shadows-mono)}.h_100vh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:100vh}.pos_fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:fixed}.z_9999:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){z-index:9999}.bg_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--colors-background-dimmer)}.pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:absolute}.cursor_pointer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){cursor:pointer}.li-s_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){list-style:none}.h_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:20px}.w_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.w_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:20px}.h_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:20px}.gap_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){gap:12px}.p_11px_18px_11px_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding:11px 18px 11px 20px}.bg_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--colors-mono-background-pressed)}.bg_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--colors-white)}.h_80px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:80px}.w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100%}.c_textBlack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-text-black)}.c_blue\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-50)}.c_blue\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-100)}.c_blue\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-150)}.c_blue\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-200)}.c_blue\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-300)}.c_blue\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-400)}.c_blue\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-500)}.c_blue\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-600)}.c_blue\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-700)}.c_blue\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-800)}.c_blue\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-850)}.c_blue\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-900)}.c_blue\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-950)}.c_yellow\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-50)}.c_yellow\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-100)}.c_yellow\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-150)}.c_yellow\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-200)}.c_yellow\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-300)}.c_yellow\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-400)}.c_yellow\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-500)}.c_yellow\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-600)}.c_yellow\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-700)}.c_yellow\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-800)}.c_yellow\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-850)}.c_yellow\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-900)}.c_yellow\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-950)}.c_green\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-50)}.c_green\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-100)}.c_green\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-150)}.c_green\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-200)}.c_green\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-300)}.c_green\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-400)}.c_green\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-500)}.c_green\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-600)}.c_green\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-700)}.c_green\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-800)}.c_green\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-850)}.c_green\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-900)}.c_green\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-950)}.c_red\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-50)}.c_red\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-100)}.c_red\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-150)}.c_red\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-200)}.c_red\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-300)}.c_red\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-400)}.c_red\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-500)}.c_red\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-600)}.c_red\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-700)}.c_red\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-800)}.c_red\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-850)}.c_red\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-900)}.c_red\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-950)}.c_mono\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-50)}.c_mono\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-100)}.c_mono\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-150)}.c_mono\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-200)}.c_mono\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-300)}.c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-400)}.c_mono\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-500)}.c_mono\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-600)}.c_mono\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-700)}.c_mono\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-800)}.c_mono\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:mono.850}.c_mono\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-900)}.c_mono\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-950)}.c_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-white)}.c_black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-black)}.c_whiteOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.20}.c_whiteOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.40}.c_whiteOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.60}.c_whiteOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.80}.c_blackOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.20}.c_blackOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.40}.c_blackOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.60}.c_blackOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.80}.c_success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-success)}.c_error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-error)}.c_backgroundNormal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-background-normal)}.c_backgroundAlternative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-background-alternative)}.c_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-background-dimmer)}.c_errorBackground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-error-background)}.c_sub:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-sub)}.c_outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-outline)}.c_textWhite:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-text-white)}.c_darkDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-dark-disabled)}.c_lightDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-light-disabled)}.c_blueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-disabled)}.c_textBlueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-text-blue-disabled)}.c_blueHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-hover)}.c_monoHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-hover)}.c_elevatedHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-elevated-hover)}.c_bluePressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-pressed)}.c_blueBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-background-pressed)}.c_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-background-pressed)}.c_shadowSmall:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-shadow-small)}.c_shadowMedium:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-shadow-medium)}.c_blueShadow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-shadow)}.c_discord:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-discord)}.c_github:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-github)}.c_secondaryYellow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-secondary-yellow)}.c_secondaryGreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-secondary-green)}.c_secondaryRed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-secondary-red)}.c_blueGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blueGradientDark}.c_blueGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blueGradientLight}.c_redGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:redGradientDark}.c_redGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:redGradientLight}.c_greenGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:greenGradientDark}.c_greenGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:greenGradientLight}.c_yellowGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:yellowGradientDark}.c_yellowGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:yellowGradientLight}.bd-b-w_button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:var(--border-widths-button)}.bd-b-c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--colors-mono-400)}.border-bottom-style_solid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}.ai_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){align-items:center}.ml_225px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-left:225px}.ff_Product_Sans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-family:Product Sans}.fw_700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-weight:700}.fs_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-size:20px}.lh_130\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){line-height:130%}.fw_400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-weight:400}.fs_14px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-size:14px}.jc_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:center}.flex-d_column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-direction:column}.top_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){top:0}.left_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){left:0}.top_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-xl)}.right_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){right:var(--spacing-xl)}.ml_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-left:auto}.mr_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-right:8px}.jc_space-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:space-between}.mb_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:12px}.jc_flex-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:flex-start}.jc_flex-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:flex-end}
\ No newline at end of file