From 6524a7d5d972a238d2a69a9640faaef50d5a38d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=ED=99=8D=EC=84=9C=ED=98=84?= Date: Wed, 28 Aug 2024 02:13:44 +0900 Subject: [PATCH 1/7] =?UTF-8?q?[Design]=20=ED=81=B4=EB=9D=BC=EC=9D=B4?= =?UTF-8?q?=EC=96=B8=ED=8A=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=94=94?= =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EB=B0=8F=20=EC=88=98=EC=A0=95=20=EC=82=AC?= =?UTF-8?q?=ED=95=AD=20=EB=B0=98=EC=98=81=20(#71)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: wowds-ui 최신 버전 설치 * feat: client not-found 페이지 추가 * feat: ui 패키지 스타일 변경사항 반영 * feat: not-found 버튼 aria-label 추가 * feat: 클라이언트 에러 페이지 추가 * feat: 어드민 화면 에러페이지 추가 * fix: 빌드에러 해결 * chore: 내비게이션 바에서 나의 과제 페이지 삭제 * design: 수강 신청 페이지 스터디 한 줄 소개 ellipsis 처리 추가 * design: 버튼 maxWidth 지정 * design: 내비게이션 바 active 상태 안 보이는 부분 수정 * design: navbar 고정되도록 수정 --------- Co-authored-by: Eugene Kim --- apps/admin/app/error.tsx | 2 +- apps/admin/app/not-found.tsx | 2 +- apps/client/app/(afterLogin)/layout.tsx | 7 ++++++- .../study-apply/_components/StudyItem.tsx | 19 ++++++++++++------- .../auth-error-after-recruitment/page.tsx | 11 ++++++++++- .../auth-error-during-recruitment/page.tsx | 12 +++++++++++- apps/client/app/(beforeLogin)/auth/page.tsx | 7 ++++++- .../client/app/(beforeLogin)/landing/page.tsx | 5 +++++ apps/client/app/error.tsx | 2 +- apps/client/app/not-found.tsx | 2 +- apps/client/components/Navbar.tsx | 5 +++-- apps/client/constants/navMenu.ts | 18 +++++++++--------- packages/ui/src/components/NavItem/index.tsx | 3 ++- 13 files changed, 68 insertions(+), 27 deletions(-) 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/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 ( <> - + {children} diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index bcc91439..d7204899 100644 --- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx +++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx @@ -42,19 +42,18 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { const isNotApplicable = !isApplicable && !isCancelable; return ( - + {title} {studyType} - - {`${introduction} -`} - - {notionLink} - - + + + {`(${introduction})`} + + {mentorName} {studyTime} @@ -102,6 +101,12 @@ const contentStyle = css({ minWidth: "313px", }); +const introductionLinkTextStyle = css({ + whiteSpace: "nowrap", + overflow: "hidden", + textOverflow: "ellipsis", +}); + const sessionColors: Record["color"]> = { "과제 스터디": "green", "온라인 세션": "blue", 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 = () => { 모집 기간에 합류 후 이용해주세요.

-
@@ -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 = () => { 아래 버튼을 눌러 가입할 수 있어요!

- @@ -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} > 로그인 @@ -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/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/packages/ui/src/components/NavItem/index.tsx b/packages/ui/src/components/NavItem/index.tsx index 6725b46f..6bc3b581 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} > From 45bda4e5f447c6ca42c79fd0e75cb935cd93596f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=ED=99=8D=EC=84=9C=ED=98=84?= Date: Wed, 28 Aug 2024 16:19:51 +0900 Subject: [PATCH 2/7] =?UTF-8?q?[Chore]=20=ED=81=B4=EB=9D=BC=EC=9D=B4?= =?UTF-8?q?=EC=96=B8=ED=8A=B8=20=EC=8A=A4=ED=84=B0=EB=94=94=20=EC=BB=A4?= =?UTF-8?q?=EB=A6=AC=ED=81=98=EB=9F=BC=20api=20=EC=97=94=EB=93=9C=20?= =?UTF-8?q?=ED=8F=AC=EC=9D=B8=ED=8A=B8=20=EB=B0=8F=20dto=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD=EC=82=AC=ED=95=AD=20=EB=B0=98=EC=98=81=20(#74)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * chore: 커리큘럼 조회 api 엔드포인트 변경사항 반영 * chore: 스터디 커리큘럼 dto 변경사항 반영 --- .../app/(afterLogin)/my-study/_components/StudyCurriculum.tsx | 4 ++-- .../app/(afterLogin)/study-apply/_components/StudyItem.tsx | 4 ++-- apps/client/constants/apiPath.ts | 2 +- apps/client/types/dtos/myStudy.ts | 4 ++-- apps/client/types/entities/common/study.ts | 2 +- apps/client/types/entities/myStudy.ts | 2 +- 6 files changed, 9 insertions(+), 9 deletions(-) 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}주차
- {sessionStatus === "CANCELLED" ? ( + {curriculumStatus === "CANCELLED" ? ( 휴강 주차 diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index d7204899..56477761 100644 --- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx +++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx @@ -109,8 +109,8 @@ const introductionLinkTextStyle = css({ const sessionColors: Record["color"]> = { "과제 스터디": "green", - "온라인 세션": "blue", - "오프라인 세션": "yellow", + "온라인 커리큘럼": "blue", + "오프라인 커리큘럼": "yellow", }; export default StudyItem; 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/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" From bc48babc5c9065d669bbf714a39497f7fa77c6b2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=ED=98=84=EC=98=81?= <89445100+hamo-o@users.noreply.github.com> Date: Wed, 28 Aug 2024 20:58:18 +0900 Subject: [PATCH 3/7] =?UTF-8?q?fix:=20=EA=B3=BC=EC=A0=9C=20=EC=8A=A4?= =?UTF-8?q?=ED=84=B0=EB=94=94=EC=9D=98=20=EA=B2=BD=EC=9A=B0=20=EC=8B=9C?= =?UTF-8?q?=EA=B0=84=20-=20=EB=B3=B4=EC=97=AC=EC=A3=BC=EB=8F=84=EB=A1=9D?= =?UTF-8?q?=20=EC=88=98=EC=A0=95=20(#82)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../study-apply/_components/StudyItem.tsx | 25 ++++++++++++++----- apps/client/types/dtos/applyStudy.ts | 4 +-- 2 files changed, 21 insertions(+), 8 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index 56477761..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,9 +34,16 @@ 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; @@ -56,7 +64,12 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { {mentorName} - {studyTime} + + {studyTime} + {totalWeek}주 코스 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; From 29bebacea8082200886ec45f99cd77f0e357d322 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=ED=98=84=EC=98=81?= <89445100+hamo-o@users.noreply.github.com> Date: Wed, 28 Aug 2024 21:01:50 +0900 Subject: [PATCH 4/7] =?UTF-8?q?fix:=20=EB=AA=A8=EB=8B=AC=20=EC=BB=B4?= =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20position=20=EB=B3=80=EA=B2=BD=20(?= =?UTF-8?q?#80)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/components/Modal/index.tsx | 3 +- packages/ui/src/styles.css | 839 +-------------------- 2 files changed, 3 insertions(+), 839 deletions(-) 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/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 From dfc1b98d0d7991030b7c976b877c010abdc2baf0 Mon Sep 17 00:00:00 2001 From: Eugene Kim Date: Wed, 28 Aug 2024 21:32:58 +0900 Subject: [PATCH 5/7] =?UTF-8?q?fix:=20QA=EC=9A=A9=20=EC=96=B4=EB=93=9C?= =?UTF-8?q?=EB=AF=BC=20=EA=B6=8C=ED=95=9C=20=EA=BA=BC=EB=91=90=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/admin/middleware.ts | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/apps/admin/middleware.ts b/apps/admin/middleware.ts index 95cf9f5f..6784e1b4 100644 --- a/apps/admin/middleware.ts +++ b/apps/admin/middleware.ts @@ -17,14 +17,14 @@ const middleware = async (req: NextRequest) => { const { studyRole, manageRole } = await dashboardApi.getDashboardInfo(); - if (studyRole === "STUDENT" && manageRole === "NONE") { - const url = - process.env.NEXT_PUBLIC_VERCEL_ENV === "production" - ? process.env.CLIENT_PROD_URL - : process.env.CLIENT_DEV_URL; - - return NextResponse.redirect(new URL("/auth", url)); - } + // if (studyRole === "STUDENT" && manageRole === "NONE") { + // const url = + // process.env.NEXT_PUBLIC_VERCEL_ENV === "production" + // ? process.env.CLIENT_PROD_URL + // : process.env.CLIENT_DEV_URL; + + // return NextResponse.redirect(new URL("/auth", url)); + // } return NextResponse.next(); }; From d41f6201fc8586128735beb6108cb78b486b0686 Mon Sep 17 00:00:00 2001 From: Eugene Kim Date: Wed, 28 Aug 2024 21:38:20 +0900 Subject: [PATCH 6/7] =?UTF-8?q?fix:=20middleware=20=EB=B3=B5=EA=B5=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/admin/app/studies/_components/StudyList.tsx | 3 --- apps/admin/app/studies/create-study/page.tsx | 2 +- apps/admin/middleware.ts | 16 ++++++++-------- 3 files changed, 9 insertions(+), 12 deletions(-) diff --git a/apps/admin/app/studies/_components/StudyList.tsx b/apps/admin/app/studies/_components/StudyList.tsx index cd5df590..3d986099 100644 --- a/apps/admin/app/studies/_components/StudyList.tsx +++ b/apps/admin/app/studies/_components/StudyList.tsx @@ -1,8 +1,5 @@ import { css } from "@styled-system/css"; -import { Flex } from "@styled-system/jsx"; -import { Text } from "@wow-class/ui"; import { createStudyApi } from "apis/study/createStudyApi"; -import Image from "next/image"; import EmptyStudyList from "./EmptyStudyList"; import StudyListItem from "./StudyListItem"; diff --git a/apps/admin/app/studies/create-study/page.tsx b/apps/admin/app/studies/create-study/page.tsx index 05b153e7..9b42c7a1 100644 --- a/apps/admin/app/studies/create-study/page.tsx +++ b/apps/admin/app/studies/create-study/page.tsx @@ -1,5 +1,5 @@ "use client"; -import { Flex, styled } from "@styled-system/jsx"; +import { Flex } from "@styled-system/jsx"; import { Space } from "@wow-class/ui"; import { createStudyApi } from "apis/form/createStudyApi"; import { FormProvider, useForm } from "react-hook-form"; diff --git a/apps/admin/middleware.ts b/apps/admin/middleware.ts index 6784e1b4..95cf9f5f 100644 --- a/apps/admin/middleware.ts +++ b/apps/admin/middleware.ts @@ -17,14 +17,14 @@ const middleware = async (req: NextRequest) => { const { studyRole, manageRole } = await dashboardApi.getDashboardInfo(); - // if (studyRole === "STUDENT" && manageRole === "NONE") { - // const url = - // process.env.NEXT_PUBLIC_VERCEL_ENV === "production" - // ? process.env.CLIENT_PROD_URL - // : process.env.CLIENT_DEV_URL; - - // return NextResponse.redirect(new URL("/auth", url)); - // } + if (studyRole === "STUDENT" && manageRole === "NONE") { + const url = + process.env.NEXT_PUBLIC_VERCEL_ENV === "production" + ? process.env.CLIENT_PROD_URL + : process.env.CLIENT_DEV_URL; + + return NextResponse.redirect(new URL("/auth", url)); + } return NextResponse.next(); }; From 11c23995ade7387468203595c653d70bc076e59b Mon Sep 17 00:00:00 2001 From: Eugene Kim Date: Wed, 28 Aug 2024 21:40:49 +0900 Subject: [PATCH 7/7] =?UTF-8?q?fix:=20=ED=99=98=EA=B2=BD=EB=B3=80=EC=88=98?= =?UTF-8?q?=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/admin/middleware.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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)); }