diff --git a/.eslintrc.cjs b/.eslintrc.cjs new file mode 100644 index 0000000..3e212e1 --- /dev/null +++ b/.eslintrc.cjs @@ -0,0 +1,21 @@ +module.exports = { + root: true, + env: { browser: true, es2020: true }, + extends: [ + 'eslint:recommended', + 'plugin:react/recommended', + 'plugin:react/jsx-runtime', + 'plugin:react-hooks/recommended', + ], + ignorePatterns: ['dist', '.eslintrc.cjs'], + parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, + settings: { react: { version: '18.2' } }, + plugins: ['react-refresh'], + rules: { + 'react/jsx-no-target-blank': 'off', + 'react-refresh/only-export-components': [ + 'warn', + { allowConstantExport: true }, + ], + }, +} diff --git a/.gitignore b/.gitignore index 4d29575..a547bf3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,23 +1,24 @@ -# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. - -# dependencies -/node_modules -/.pnp -.pnp.js - -# testing -/coverage - -# production -/build - -# misc -.DS_Store -.env.local -.env.development.local -.env.test.local -.env.production.local - +# Logs +logs +*.log npm-debug.log* yarn-debug.log* yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/README.md b/README.md index a77b4ce..0a4e593 100644 --- a/README.md +++ b/README.md @@ -1,68 +1,139 @@ # 2주차 미션: React-Todo -# 서론 +## 🐻 배포 링크 -안녕하세요 🙌🏻 19기 프론트엔드 운영진 **변지혜**입니다. +https://agijagi-todo-react.vercel.app/ -다들 1주차 미션 Vanilla Todo 만드시느라 수고 많으셨습니다! 1주차 미션을 통해 여러분들께서 본격적인 React 사용에 앞서 Vanilla JS로 SPA를 만들때의 불편한 점을 느끼셨을 것 이라 생각합니다. +## 👩‍💻 구현 기능 -그리하여 이번 미션은, 1주차 스터의 미션으로 주어진 Todo list 만들기를 **React**로 리팩토링하는 것 입니다! -기존에 리액트를 잘 아시던 분들께는, 조금 더 효울적인 디자인 패턴에 대해 고민할수 있는 주차가 될 것이고, 리액트를 제대로 접해보지 못하신 분들께는 기존의 어플리케이션을 리액트로 포팅하는 과정을 통해 왜 프론트엔드 시장에 리액트가 등장하게 되었고, 리액트에서 사용하는 여러가지 방식들이 왜 바닐라에 비해 효율적인지 꺠닫는 주차가 될 것이라 생각합니다. +### 기본 기능 -비교적 가벼운 미션인 만큼 코드를 짜는 데 있어 여러분의 **창의성**을 충분히 발휘해보시기 바랍니다. _❕작동하기만 하면 되는 것보다 같은 코드를 짜는 여러가지 방식과 패턴에 대해 많이 고민해보시고, 본인이 작성할 수 있는 가장 창의적인 방법으로 코드를 작성해주셨으면 합니다.❕_ 여러분이 미션 수행을 하는 과정에서 한 생각과 고민만큼 스터디에서 더 많은 것을 얻어가실 수 있을 거라 기대합니다! +- 할 일 추가, 완료, 삭제 +- Progress Bar로 할 일 완료 현황 확인 +- 오늘 날짜 세팅 +- Local Storage를 이용하여 기존 데이터 불러오기 -막히는 부분이 있더라도 우선 스스로 공부하고 찾아보면서 미션을 진행하는 방식을 권고드리지만, 미션과 관련하여 운영진의 도움이 필요하시다면 얼마든지 슬랙 Q&A 채널이나 프론트엔드 카톡방에 질문을 남겨 주세요! +### 추가 기능 -# 미션 +- 할 일 모두 완료/미완료에 따른 Progess Bar 텍스트 동적 업데이트 +- 오늘 날짜에 요일 추가 -## 예시 +## 🛠️ 이전과 달라진 부분 -- [리액트 투두 예시](https://react-todo-18th-lemon.vercel.app/) +- 이전에는 할 일 content가 중복되면 아예 추가하지 못하게 했었는데(할 일을 삭제할 때 content 기준으로 삭제했기 때문) 이번 React 과제에서는 할 일을 추가할 때마다 "현재 시간 + 난수"를 통한 고유의 id 값을 해당 할 일에 부여하여 content가 종복되어도 추가할 수 있고, 같은 content를 가진 할 일이라도 각각 구분할 수 있게 수정하였습니다. +- 이전과 달리 todoList와 doneList를 구분하지 않고 하나의 객체 배열 데이터로 관리하도록 수정하였다. 객체의 "isDone" 프로퍼티로 todo와 done을 구별할 수 있도록 하였습니다. -## 미션 목표 +## 🥳 후기 -- VSCode, Prettier를 이용하여 개발환경을 관리합니다. -- React의 기초를 이해합니다. -- React를 통한 어플리케이션 상태 관리 방법을 이해합니다. -- React Hooks에 대한 기초를 이해합니다. -- Styled-Components를 통한 CSS-in-JS 및 CSS Preprocessor의 사용법을 익힙니다. +React로 하니까 진짜 편하고 좋네요.. Vanilla JS로 구현했을 때 보기 불편했던 부분이 해결돼서 정말 기쁩니다~~🥰 -## 기한 +## 🔥 어려웠던 부분 / 의문점 -- 2024년 3월 22일 금요일 +- 컴포넌트 분리 + - 현재는 Header, Main 크게 2개의 컴포넌트로 구분하고, Main 내에서는 개별 Todo Item 컴포넌트만 따로 분리하였습니다. + - 그런데 Main 한 곳에 Input란, Progress Bar, Todo/Done을 보여주는 부분이 다 들어있다 보니, Main 컴포넌트가 return하는 것이 너무 많다는 생각이 들었습니다. + - 그래서 [커밋 내역](https://github.com/CSE-pebble/react-todo-19th/commit/bee3517b5eec7632808ae816cad25475afaadf68)을 보시면 Progress Bar를 따로 컴포넌트로 분리하려는 시도를 했으나... 이 컴포넌트를 분리해도 재사용할 일이 없고(아무래도 프로젝트 규모가 매우 작다보니) 오히려 분리함으로써 쓸데없이 props만 전달하게 되었다고 판단하여 다시 원래대로 돌려놓았습니다. + - 다른 분들은 언제, 무슨 기준으로 컴포넌트를 분리하시는지 스터디 세션 때 이야기 나눠보고 싶습니다! +- 상태 변경 관련: 화면에 "todo / done 개수"를 보여줄 때 `todoCount`, `doneCount` 변수를 이용했습니다. 처음에는 doneCount랑 totalCount가 업데이트 될 때마다 화면이 리렌더링 되려면 `doneCount`, `totalCount`를 `useState`로 관리해야 한다고 생각했습니다. 그러나 둘 다 일반 변수로 선언했음에도 리렌더링이 정상적으로 잘 동작하였습니다😮 왜 이런 현상이 발생한 것일까요? -## Key Questions + > 상태(State)의 변경은 React 컴포넌트의 리렌더링을 일으키는 주요 원인 중 하나이며, 이에 따라 상태와 **상태에 의존하는 값**들이 변경될 때마다 컴포넌트가 새로 그려지게 됩니다. -- Virtual-DOM은 무엇이고, 이를 사용함으로서 얻는 이점은 무엇인가요? -- 미션을 진행하면서 느낀, React를 사용함으로서 얻을수 있는 장점은 무엇이었나요? -- React에서 상태란 무엇이고 어떻게 관리할 수 있을까요? -- Styled-Components 사용 후기 (CSS와 비교) + `doneCount`, `totalCount` 모두 `useState`로 관리되는 "`data`"에 의존하는 변수이기 때문에 `data`의 상태가 변경될 때마다 컴포넌트가 리렌더링 되고, 그에 따라 `doneCount`, `totalCount`도 업데이트된 상태로 화면에 보여지는 것입니다. -## 필수 요건 +* 삽질 n시간 하기. -- 1주차 미션의 결과물을 그대로 React로 구현합니다. (‼️ todo / done 개수 잊지 마세요 ‼️) -- Functional Components를 사용합니다. -- React Hooks만을 사용해 상태를 관리합니다. -- (이번주는 Redux, MobX, Recoil, SWR등의 외부 상태관리 라이브러리를 사용하지 않아도 미션 수행에 지장이 없습니다.) + - Vite 프로젝트는 Vercel로 배포할 때 종종 오류가 나는 것 같습니다.. 덕분에 삽질 n시간~.. -## 선택 요건 + - 어쩌다 그렇게 된건지 모르겠지만 본 레포지토리 & fork 해온 레포지토리의 master 브랜치와, 제 계정명으로 판 브랜치가 커밋 내역이 아예 달라서(master 브랜치의 커밋 내역이 보이지 않았음) PR이 안됐습니다.. 덕분에 여기서도 삽질 n시간~.. -- 기존 Todo-list에 여러분들이 추가하고 싶은 기능과 디자인을 자유롭게 추가해보세요. + - 배포했을 때까지만 해도 배포 해놓고 여유롭게 추가적인 기능을 구현하려고 했는데 쓸데없는 삽질 때문에 못한게 너무 아쉬워요ㅠㅠ 하 -## 로컬 실행방법 +## ✨ 더 구현해보고 싶은 기능 ---- +- 모바일 화면 반응형 +- CSS 단위: 반응형 CSS 단위에 대한 공부가 좀 더 필요할 것 같습니다.🥲 px 대신 rem을 적극적으로 활용해보고 싶어요! +- form 태그 이용: form 태그가 웹사이트에서 회원가입이나 로그인, 검색창과 같은 사용자 정보 데이터를 입력 받아 서버로 전송할 때 사용한다는 것은 알고 있는데, 어떻게 사용해야 할지 확실히 모르겠어서 form 태그 없이 기능을 구현했습니다. 효율적인 데이터 전송에 도움이 되는 것 같아 이용해보고 싶습니다! -`npm start` : 로컬에서 react application을 자동으로 리로드하여 실행시켜줍니다. +## ❓ Key Questions -# 링크 및 참고자료 +### 1. Virtual-DOM은 무엇이고, 이를 사용함으로서 얻는 이점은 무엇인가요? ---- +Virtual은 말 그대로 가상이라는 뜻이고, React에서는 이 Virtual DOM을 통해 리렌더링 한다. -- [create react app (CRA)](https://create-react-app.dev/docs/getting-started/) -- [리액트 docs 주요 개념 1-12](https://react.dev/learn) -- [리액트 docs Hook 1-3](https://react.dev/reference/react) -- [리액트 useEffect 완벽 가이드](https://overreacted.io/ko/a-complete-guide-to-useeffect/) -- [컴포넌트 네이밍을 위한 자바스크립트 네이밍 컨벤션](https://velog.io/@cada/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%8A%A4%ED%83%80%EC%9D%BC-%EA%B0%80%EC%9D%B4%EB%93%9C-%EB%84%A4%EC%9D%B4%EB%B0%8D-%EC%BB%A8%EB%B2%A4%EC%85%98-%ED%8E%B8) -- [useState, useEffect hooks](https://velog.io/@velopert/react-hooks#1-usestate) -- [styled-component](https://styled-components.com/docs/basics#getting-started) +> Virtual DOM이란, DOM을 추상화한 가상의 DOM을 메모리에 만들어 놓은 것이다. Virtual DOM을 이용한다는 것은, 변경사항이 생겼을 때 직접 DOM을 수정함으로써 리렌더링 시키는 것(Vanilla JS 방식)이 아니라, Virtual DOm과 Real DOM과의 비교를 통해 리렌더링 시킨다. + +![Virtual DOM vs. Browser DOM](https://blog.kakaocdn.net/dn/dyNYlQ/btqE5eZ1q9g/4kaWQgKPNBrKNJxjHCOHAk/img.png) + +그런데 왜 Virtual DOM을 사용해야 할까? + +먼저 React에서 언제 리렌더링이 일어나는지부터 알아보자. + +> React는 다음과 같은 경우에 리렌더링이 일어난다.
+> +> 1. Props가 변경되었을 때 +> 2. State가 변경되었을 때 +> 3. forceUpdate()를 실행하였을 때 +> 4. 부모 컴포넌트가 렌더링 되었을 때 + +기존 Vanilla JavaScript 개발은 DOM 요소를 하나하나 가지고 와서, 하나가 변경되면 하나를 업데이트 해주는 방식이었다. 즉, 100개의 요소에 업데이트가 발생하면, 100번 리렌더링 되는 방식이었다. 즉, DOM 조작 비용이 컸다. 최근에 웹은 DOM과의 상호작용이 많기 때문에 더욱 심각한 문제이다. + +하지만, Virtual DOM은 메모리에서 Virtual DOM과 Real DOM을 비교하는 과정을 거치기 때문에, 현저히 빠른 연산을 수행하고, 변경사항을 한번에 모아서(버퍼링) 감지하여 리렌더링 시키기 때문에 연산 횟수를 최소화하여 효율적이다. 위의 경우라면 100번의 리렌더링을 Virtual DOM에 모두 반영하고, Real DOM과 1회 비교하여 연산을 수행하고 리렌더링한다. + +### 2. 미션을 진행하면서 느낀, React를 사용함으로서 얻을수 있는 장점은 무엇이었나요? + +1. `Component-based Development`가 가능하여, 재사용성이 높고, 효율적인 유지보수가 가능하다. + + 기존에는 하나의 `index.html` 파일에 한 페이지에 있는 모든 UI 요소를 넣어서 개발했지만, 리액트는 UI를 컴포넌트 단위로 나누어서 개발한다. + +2. Virtual DOM을 통해 리렌더링을 효율적으로 수행하도록 도와준다. + +3. SPA(Single Page Application)이기 때문에 사용자 경험과 성능을 향상시키는데 도움이 된다. + + > **SPA(Single Page Application)**: 페이지는 하나인데, 안에 있는 컴포넌트가 변화한다. + > **MPA(Multiple Page Application)**: 페이지가 여러 개라서, 페이지로의 이동은 새로운 페이지를 의미한다. + + ![SPA vs. MPA](https://eww-wp.s3.ap-south-1.amazonaws.com/wp-content/uploads/2020/02/13142441/single-page-web-apps.jpg) + + Vanilla JS(MPA)라면 페이지가 여러개로 구성되어 있다. `A.html`, `B.html`, `C.html`... 각 html의 이동은, 새로운 페이지로의 이동을 의미하고, 새로운 페이지로 갈 때마다 서버에서 리소스(`html`, `css`, `js` 등)를 로드하고 실행한다. + + 하지만 규모가 커지고 사용자와의 상호작용이 많아짐에 따라, 매번 서버에서 리소스를 로드하는 것은 과부하로 인한 속도 저하가 발생하기에 문제점으로 지적되었다. + + SPA는 이를 해결하기 위한 방법으로, 첫 페이지에서 필요한 리소스 파일을 모두 로드하고, 페이지가 이동함에 따라 리소스를 실행하며 보여준다. 즉, 뷰 렌더링을 서버가 아닌 웹 브라우저가 담당한다. 즉, Vanilla JS에서는 페이지가 여러개인데 반해, React에서는 하나의 페이지에, 다양한 뷰를 보여준다. (React에서는 html 파일이 `index.html` 파일 하나밖에 없다. 하나의 페이지에서 다른 컴포넌트들을 보여주는 방식이다.) + +4. JSX 문법을 사용하여 UI를 작성하므로 가독성이 뛰어나며, 코드의 유지보수성을 높여준다. + + > JSX: JavaScript 코드를 HTML처럼 사용하여 View를 직관적으로 파악할 수 있게 하는 문법 + +5. One-way Data Flow(단방향 데이터 흐름)을 강조하기 때문에 일관적인 데이터 관리가 가능하다. + + 단방향 데이터 흐름은 부모에서 자식으로만 데이터 전달이 가능하다. + + 양방향 데이터 흐름은 부모 → 자식 / 자식 → 부모 모두 데이터를 보내줄 수 있는 흐름이다. 이 흐름은 작은 프로젝트에서는 간단히 사용할 수 있다는 장점이 있지만, 프로젝트가 거대해질수록 더욱 복잡해지고, 어디서 어떤 데이터를 받아왔는지 소재 파악이 어렵다. 그러므로, 디버깅과 코드를 이해하기 어려워지고, 예측하기 어려운 코드가 된다. + + 그러므로 React는 보다 일관된 데이터 관리를 위해 단방향 데이터 흐름을 채택했다. + +React로 코드를 작성하며 직접적으로 느낀 장점은 1, 4번입니다. + +### 3. React에서 상태란 무엇이고 어떻게 관리할 수 있을까요? + +상태(state)는 동적 데이터를 다루는 방식으로서, 뷰에 렌더링 돼야 하는 컴포넌트의 데이터를 저장하는 데 사용한다. 이 상태(state)는 `useState` Hook을 통해서 관리할 수 있다. state는 변경이 가능하고, `setState`를 통해 변경한다. + +왜 변수를 사용하지 않고, state를 사용할까? 이는 React의 Rendering 방식에 주목할 필요가 있다. + +> React의 Component Rendering(화면을 수정하는) 기준은 state의 변화이다. 오직 state가 변화할 때만, 화면을 update 시켜준다. + +### 4. Styled-Components 사용 후기 (CSS와 비교) + +일반 CSS의 단점은 아래와 같다. + +- `CSS`와 `JS` 파일이 분리되어 있어, 동적 스타일링이 어렵다. +- class 이름 중복 가능성이 있다. `CSS`로 분리하여 작성한다고 하더라도, 웹팩에서 빌드하게 될 때 하나의 파일로 합쳐지게 되면 class가 전역에서 작동하게 된다. 그러므로, 중복을 피하는 노력을 기울여야 한다. + +반면 styled-components의 특성 및 장점은 아래와 같다. + +- `CSS`가 `JS`에 들어가 있기 때문에, 동적 스타일링이 간단하다. +- No-class coding: 구현 시 클래스명이 임의로 부여된다. + +## 🔗 참고 자료 + +- [Vite 프로젝트 Vercel 배포하기](https://velog.io/@j2yn34/ReactTypescriptVite-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Vercel-%EB%B0%B0%ED%8F%AC) diff --git a/dist/.gitignore b/dist/.gitignore new file mode 100644 index 0000000..e985853 --- /dev/null +++ b/dist/.gitignore @@ -0,0 +1 @@ +.vercel diff --git a/dist/assets/favicon-DCt_Qhbd.png b/dist/assets/favicon-DCt_Qhbd.png new file mode 100644 index 0000000..6cb6b79 Binary files /dev/null and b/dist/assets/favicon-DCt_Qhbd.png differ diff --git a/dist/assets/index-CtMKNbfg.js b/dist/assets/index-CtMKNbfg.js new file mode 100644 index 0000000..ba97326 --- /dev/null +++ b/dist/assets/index-CtMKNbfg.js @@ -0,0 +1,1041 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))r(i);new MutationObserver(i=>{for(const a of i)if(a.type==="childList")for(const o of a.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(i){const a={};return i.integrity&&(a.integrity=i.integrity),i.referrerPolicy&&(a.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?a.credentials="include":i.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function r(i){if(i.ep)return;i.ep=!0;const a=n(i);fetch(i.href,a)}})();function Rf(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $f={exports:{}},Xa={},Mf={exports:{}},R={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var vi=Symbol.for("react.element"),ev=Symbol.for("react.portal"),tv=Symbol.for("react.fragment"),nv=Symbol.for("react.strict_mode"),rv=Symbol.for("react.profiler"),iv=Symbol.for("react.provider"),av=Symbol.for("react.context"),ov=Symbol.for("react.forward_ref"),lv=Symbol.for("react.suspense"),sv=Symbol.for("react.memo"),uv=Symbol.for("react.lazy"),Mu=Symbol.iterator;function cv(e){return e===null||typeof e!="object"?null:(e=Mu&&e[Mu]||e["@@iterator"],typeof e=="function"?e:null)}var jf={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Df=Object.assign,Ff={};function dr(e,t,n){this.props=e,this.context=t,this.refs=Ff,this.updater=n||jf}dr.prototype.isReactComponent={};dr.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};dr.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Uf(){}Uf.prototype=dr.prototype;function xs(e,t,n){this.props=e,this.context=t,this.refs=Ff,this.updater=n||jf}var Es=xs.prototype=new Uf;Es.constructor=xs;Df(Es,dr.prototype);Es.isPureReactComponent=!0;var ju=Array.isArray,Wf=Object.prototype.hasOwnProperty,Cs={current:null},Bf={key:!0,ref:!0,__self:!0,__source:!0};function Hf(e,t,n){var r,i={},a=null,o=null;if(t!=null)for(r in t.ref!==void 0&&(o=t.ref),t.key!==void 0&&(a=""+t.key),t)Wf.call(t,r)&&!Bf.hasOwnProperty(r)&&(i[r]=t[r]);var l=arguments.length-2;if(l===1)i.children=n;else if(1>>1,W=C[U];if(0>>1;Ui(_t,I))Tei(ut,_t)?(C[U]=ut,C[Te]=I,U=Te):(C[U]=_t,C[Ye]=I,U=Ye);else if(Tei(ut,I))C[U]=ut,C[Te]=I,U=Te;else break e}}return A}function i(C,A){var I=C.sortIndex-A.sortIndex;return I!==0?I:C.id-A.id}if(typeof performance=="object"&&typeof performance.now=="function"){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,l=o.now();e.unstable_now=function(){return o.now()-l}}var s=[],u=[],d=1,f=null,v=3,h=!1,y=!1,w=!1,O=typeof setTimeout=="function"?setTimeout:null,m=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function p(C){for(var A=n(u);A!==null;){if(A.callback===null)r(u);else if(A.startTime<=C)r(u),A.sortIndex=A.expirationTime,t(s,A);else break;A=n(u)}}function g(C){if(w=!1,p(C),!y)if(n(s)!==null)y=!0,gr(k);else{var A=n(u);A!==null&&rn(g,A.startTime-C)}}function k(C,A){y=!1,w&&(w=!1,m(N),N=-1),h=!0;var I=v;try{for(p(A),f=n(s);f!==null&&(!(f.expirationTime>A)||C&&!Oe());){var U=f.callback;if(typeof U=="function"){f.callback=null,v=f.priorityLevel;var W=U(f.expirationTime<=A);A=e.unstable_now(),typeof W=="function"?f.callback=W:f===n(s)&&r(s),p(A)}else r(s);f=n(s)}if(f!==null)var an=!0;else{var Ye=n(u);Ye!==null&&rn(g,Ye.startTime-A),an=!1}return an}finally{f=null,v=I,h=!1}}var x=!1,S=null,N=-1,$=5,z=-1;function Oe(){return!(e.unstable_now()-z<$)}function tn(){if(S!==null){var C=e.unstable_now();z=C;var A=!0;try{A=S(!0,C)}finally{A?nn():(x=!1,S=null)}}else x=!1}var nn;if(typeof c=="function")nn=function(){c(tn)};else if(typeof MessageChannel<"u"){var Ci=new MessageChannel,Eo=Ci.port2;Ci.port1.onmessage=tn,nn=function(){Eo.postMessage(null)}}else nn=function(){O(tn,0)};function gr(C){S=C,x||(x=!0,nn())}function rn(C,A){N=O(function(){C(e.unstable_now())},A)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(C){C.callback=null},e.unstable_continueExecution=function(){y||h||(y=!0,gr(k))},e.unstable_forceFrameRate=function(C){0>C||125U?(C.sortIndex=I,t(u,C),n(s)===null&&C===n(u)&&(w?(m(N),N=-1):w=!0,rn(g,I-U))):(C.sortIndex=W,t(s,C),y||h||(y=!0,gr(k))),C},e.unstable_shouldYield=Oe,e.unstable_wrapCallback=function(C){var A=v;return function(){var I=v;v=A;try{return C.apply(this,arguments)}finally{v=I}}}})(Gf);Qf.exports=Gf;var Sv=Qf.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Kf=Mt,Le=Sv;function E(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),ll=Object.prototype.hasOwnProperty,xv=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Fu={},Uu={};function Ev(e){return ll.call(Uu,e)?!0:ll.call(Fu,e)?!1:xv.test(e)?Uu[e]=!0:(Fu[e]=!0,!1)}function Cv(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function _v(e,t,n,r){if(t===null||typeof t>"u"||Cv(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function xe(e,t,n,r,i,a,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=o}var pe={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){pe[e]=new xe(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];pe[t]=new xe(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){pe[e]=new xe(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){pe[e]=new xe(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){pe[e]=new xe(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){pe[e]=new xe(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){pe[e]=new xe(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){pe[e]=new xe(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){pe[e]=new xe(e,5,!1,e.toLowerCase(),null,!1,!1)});var Ps=/[\-:]([a-z])/g;function Ns(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Ps,Ns);pe[t]=new xe(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Ps,Ns);pe[t]=new xe(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Ps,Ns);pe[t]=new xe(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){pe[e]=new xe(e,1,!1,e.toLowerCase(),null,!1,!1)});pe.xlinkHref=new xe("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){pe[e]=new xe(e,1,!1,e.toLowerCase(),null,!0,!0)});function Os(e,t,n,r){var i=pe.hasOwnProperty(t)?pe[t]:null;(i!==null?i.type!==0:r||!(2l||i[o]!==a[l]){var s=` +`+i[o].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}while(1<=o&&0<=l);break}}}finally{No=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Nr(e):""}function Pv(e){switch(e.tag){case 5:return Nr(e.type);case 16:return Nr("Lazy");case 13:return Nr("Suspense");case 19:return Nr("SuspenseList");case 0:case 2:case 15:return e=Oo(e.type,!1),e;case 11:return e=Oo(e.type.render,!1),e;case 1:return e=Oo(e.type,!0),e;default:return""}}function fl(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case In:return"Fragment";case An:return"Portal";case sl:return"Profiler";case Ts:return"StrictMode";case ul:return"Suspense";case cl:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Jf:return(e.displayName||"Context")+".Consumer";case Zf:return(e._context.displayName||"Context")+".Provider";case As:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Is:return t=e.displayName||null,t!==null?t:fl(e.type)||"Memo";case At:t=e._payload,e=e._init;try{return fl(e(t))}catch{}}return null}function Nv(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return fl(t);case 8:return t===Ts?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Qt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ed(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Ov(e){var t=ed(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var i=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(o){r=""+o,a.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Oi(e){e._valueTracker||(e._valueTracker=Ov(e))}function td(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=ed(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function wa(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function dl(e,t){var n=t.checked;return J({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Bu(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Qt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function nd(e,t){t=t.checked,t!=null&&Os(e,"checked",t,!1)}function pl(e,t){nd(e,t);var n=Qt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?ml(e,t.type,n):t.hasOwnProperty("defaultValue")&&ml(e,t.type,Qt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Hu(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function ml(e,t,n){(t!=="number"||wa(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Or=Array.isArray;function Yn(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i"+t.valueOf().toString()+"",t=Ti.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Yr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var zr={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Tv=["Webkit","ms","Moz","O"];Object.keys(zr).forEach(function(e){Tv.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),zr[t]=zr[e]})});function od(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||zr.hasOwnProperty(e)&&zr[e]?(""+t).trim():t+"px"}function ld(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,i=od(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,i):e[n]=i}}var Av=J({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function gl(e,t){if(t){if(Av[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(E(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(E(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(E(61))}if(t.style!=null&&typeof t.style!="object")throw Error(E(62))}}function yl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var wl=null;function bs(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var kl=null,Qn=null,Gn=null;function Qu(e){if(e=yi(e)){if(typeof kl!="function")throw Error(E(280));var t=e.stateNode;t&&(t=to(t),kl(e.stateNode,e.type,t))}}function sd(e){Qn?Gn?Gn.push(e):Gn=[e]:Qn=e}function ud(){if(Qn){var e=Qn,t=Gn;if(Gn=Qn=null,Qu(e),t)for(e=0;e>>=0,e===0?32:31-(Uv(e)/Wv|0)|0}var Ai=64,Ii=4194304;function Tr(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Ea(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,i=e.suspendedLanes,a=e.pingedLanes,o=n&268435455;if(o!==0){var l=o&~i;l!==0?r=Tr(l):(a&=o,a!==0&&(r=Tr(a)))}else o=n&~i,o!==0?r=Tr(o):a!==0&&(r=Tr(a));if(r===0)return 0;if(t!==0&&t!==r&&!(t&i)&&(i=r&-r,a=t&-t,i>=a||i===16&&(a&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function hi(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Je(t),e[t]=n}function Yv(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Rr),nc=" ",rc=!1;function Td(e,t){switch(e){case"keyup":return kh.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Ad(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var bn=!1;function xh(e,t){switch(e){case"compositionend":return Ad(t);case"keypress":return t.which!==32?null:(rc=!0,nc);case"textInput":return e=t.data,e===nc&&rc?null:e;default:return null}}function Eh(e,t){if(bn)return e==="compositionend"||!Fs&&Td(e,t)?(e=Nd(),ra=Ms=Lt=null,bn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=lc(n)}}function Ld(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Ld(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Rd(){for(var e=window,t=wa();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=wa(e.document)}return t}function Us(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function bh(e){var t=Rd(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Ld(n.ownerDocument.documentElement,n)){if(r!==null&&Us(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var i=n.textContent.length,a=Math.min(r.start,i);r=r.end===void 0?a:Math.min(r.end,i),!e.extend&&a>r&&(i=r,r=a,a=i),i=sc(n,a);var o=sc(n,r);i&&o&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,zn=null,Pl=null,Mr=null,Nl=!1;function uc(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Nl||zn==null||zn!==wa(r)||(r=zn,"selectionStart"in r&&Us(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Mr&&Jr(Mr,r)||(Mr=r,r=Pa(Pl,"onSelect"),0$n||(e.current=zl[$n],zl[$n]=null,$n--)}function B(e,t){$n++,zl[$n]=e.current,e.current=t}var Gt={},ye=qt(Gt),_e=qt(!1),yn=Gt;function er(e,t){var n=e.type.contextTypes;if(!n)return Gt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var i={},a;for(a in n)i[a]=t[a];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Pe(e){return e=e.childContextTypes,e!=null}function Oa(){Q(_e),Q(ye)}function hc(e,t,n){if(ye.current!==Gt)throw Error(E(168));B(ye,t),B(_e,n)}function Hd(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var i in r)if(!(i in t))throw Error(E(108,Nv(e)||"Unknown",i));return J({},n,r)}function Ta(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Gt,yn=ye.current,B(ye,e),B(_e,_e.current),!0}function gc(e,t,n){var r=e.stateNode;if(!r)throw Error(E(169));n?(e=Hd(e,t,yn),r.__reactInternalMemoizedMergedChildContext=e,Q(_e),Q(ye),B(ye,e)):Q(_e),B(_e,n)}var dt=null,no=!1,Wo=!1;function Vd(e){dt===null?dt=[e]:dt.push(e)}function Hh(e){no=!0,Vd(e)}function en(){if(!Wo&&dt!==null){Wo=!0;var e=0,t=F;try{var n=dt;for(F=1;e>=o,i-=o,pt=1<<32-Je(t)+i|n<N?($=S,S=null):$=S.sibling;var z=v(m,S,p[N],g);if(z===null){S===null&&(S=$);break}e&&S&&z.alternate===null&&t(m,S),c=a(z,c,N),x===null?k=z:x.sibling=z,x=z,S=$}if(N===p.length)return n(m,S),K&&ln(m,N),k;if(S===null){for(;NN?($=S,S=null):$=S.sibling;var Oe=v(m,S,z.value,g);if(Oe===null){S===null&&(S=$);break}e&&S&&Oe.alternate===null&&t(m,S),c=a(Oe,c,N),x===null?k=Oe:x.sibling=Oe,x=Oe,S=$}if(z.done)return n(m,S),K&&ln(m,N),k;if(S===null){for(;!z.done;N++,z=p.next())z=f(m,z.value,g),z!==null&&(c=a(z,c,N),x===null?k=z:x.sibling=z,x=z);return K&&ln(m,N),k}for(S=r(m,S);!z.done;N++,z=p.next())z=h(S,m,N,z.value,g),z!==null&&(e&&z.alternate!==null&&S.delete(z.key===null?N:z.key),c=a(z,c,N),x===null?k=z:x.sibling=z,x=z);return e&&S.forEach(function(tn){return t(m,tn)}),K&&ln(m,N),k}function O(m,c,p,g){if(typeof p=="object"&&p!==null&&p.type===In&&p.key===null&&(p=p.props.children),typeof p=="object"&&p!==null){switch(p.$$typeof){case Ni:e:{for(var k=p.key,x=c;x!==null;){if(x.key===k){if(k=p.type,k===In){if(x.tag===7){n(m,x.sibling),c=i(x,p.props.children),c.return=m,m=c;break e}}else if(x.elementType===k||typeof k=="object"&&k!==null&&k.$$typeof===At&&Cc(k)===x.type){n(m,x.sibling),c=i(x,p.props),c.ref=Cr(m,x,p),c.return=m,m=c;break e}n(m,x);break}else t(m,x);x=x.sibling}p.type===In?(c=hn(p.props.children,m.mode,g,p.key),c.return=m,m=c):(g=fa(p.type,p.key,p.props,null,m.mode,g),g.ref=Cr(m,c,p),g.return=m,m=g)}return o(m);case An:e:{for(x=p.key;c!==null;){if(c.key===x)if(c.tag===4&&c.stateNode.containerInfo===p.containerInfo&&c.stateNode.implementation===p.implementation){n(m,c.sibling),c=i(c,p.children||[]),c.return=m,m=c;break e}else{n(m,c);break}else t(m,c);c=c.sibling}c=Xo(p,m.mode,g),c.return=m,m=c}return o(m);case At:return x=p._init,O(m,c,x(p._payload),g)}if(Or(p))return y(m,c,p,g);if(wr(p))return w(m,c,p,g);ji(m,p)}return typeof p=="string"&&p!==""||typeof p=="number"?(p=""+p,c!==null&&c.tag===6?(n(m,c.sibling),c=i(c,p),c.return=m,m=c):(n(m,c),c=Ko(p,m.mode,g),c.return=m,m=c),o(m)):n(m,c)}return O}var nr=qd(!0),ep=qd(!1),wi={},st=qt(wi),ni=qt(wi),ri=qt(wi);function fn(e){if(e===wi)throw Error(E(174));return e}function Xs(e,t){switch(B(ri,t),B(ni,e),B(st,wi),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:hl(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=hl(t,e)}Q(st),B(st,t)}function rr(){Q(st),Q(ni),Q(ri)}function tp(e){fn(ri.current);var t=fn(st.current),n=hl(t,e.type);t!==n&&(B(ni,e),B(st,n))}function Zs(e){ni.current===e&&(Q(st),Q(ni))}var X=qt(0);function Ra(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Bo=[];function Js(){for(var e=0;en?n:4,e(!0);var r=Ho.transition;Ho.transition={};try{e(!1),t()}finally{F=n,Ho.transition=r}}function gp(){return He().memoizedState}function Gh(e,t,n){var r=Ht(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},yp(e))wp(t,n);else if(n=Kd(e,t,n,r),n!==null){var i=ke();qe(n,e,r,i),kp(n,t,r)}}function Kh(e,t,n){var r=Ht(e),i={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(yp(e))wp(t,i);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var o=t.lastRenderedState,l=a(o,n);if(i.hasEagerState=!0,i.eagerState=l,tt(l,o)){var s=t.interleaved;s===null?(i.next=i,Gs(t)):(i.next=s.next,s.next=i),t.interleaved=i;return}}catch{}finally{}n=Kd(e,t,i,r),n!==null&&(i=ke(),qe(n,e,r,i),kp(n,t,r))}}function yp(e){var t=e.alternate;return e===Z||t!==null&&t===Z}function wp(e,t){jr=$a=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function kp(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ls(e,n)}}var Ma={readContext:Be,useCallback:me,useContext:me,useEffect:me,useImperativeHandle:me,useInsertionEffect:me,useLayoutEffect:me,useMemo:me,useReducer:me,useRef:me,useState:me,useDebugValue:me,useDeferredValue:me,useTransition:me,useMutableSource:me,useSyncExternalStore:me,useId:me,unstable_isNewReconciler:!1},Xh={readContext:Be,useCallback:function(e,t){return rt().memoizedState=[e,t===void 0?null:t],e},useContext:Be,useEffect:Pc,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,la(4194308,4,dp.bind(null,t,e),n)},useLayoutEffect:function(e,t){return la(4194308,4,e,t)},useInsertionEffect:function(e,t){return la(4,2,e,t)},useMemo:function(e,t){var n=rt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=rt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Gh.bind(null,Z,e),[r.memoizedState,e]},useRef:function(e){var t=rt();return e={current:e},t.memoizedState=e},useState:_c,useDebugValue:ru,useDeferredValue:function(e){return rt().memoizedState=e},useTransition:function(){var e=_c(!1),t=e[0];return e=Qh.bind(null,e[1]),rt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=Z,i=rt();if(K){if(n===void 0)throw Error(E(407));n=n()}else{if(n=t(),ce===null)throw Error(E(349));kn&30||ip(r,t,n)}i.memoizedState=n;var a={value:n,getSnapshot:t};return i.queue=a,Pc(op.bind(null,r,a,e),[e]),r.flags|=2048,oi(9,ap.bind(null,r,a,n,t),void 0,null),n},useId:function(){var e=rt(),t=ce.identifierPrefix;if(K){var n=mt,r=pt;n=(r&~(1<<32-Je(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=ii++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[at]=t,e[ti]=r,Tp(e,t,!1,!1),t.stateNode=e;e:{switch(o=yl(n,r),n){case"dialog":H("cancel",e),H("close",e),i=r;break;case"iframe":case"object":case"embed":H("load",e),i=r;break;case"video":case"audio":for(i=0;iar&&(t.flags|=128,r=!0,_r(a,!1),t.lanes=4194304)}else{if(!r)if(e=Ra(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),_r(a,!0),a.tail===null&&a.tailMode==="hidden"&&!o.alternate&&!K)return ve(t),null}else 2*te()-a.renderingStartTime>ar&&n!==1073741824&&(t.flags|=128,r=!0,_r(a,!1),t.lanes=4194304);a.isBackwards?(o.sibling=t.child,t.child=o):(n=a.last,n!==null?n.sibling=o:t.child=o,a.last=o)}return a.tail!==null?(t=a.tail,a.rendering=t,a.tail=t.sibling,a.renderingStartTime=te(),t.sibling=null,n=X.current,B(X,r?n&1|2:n&1),t):(ve(t),null);case 22:case 23:return uu(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Ie&1073741824&&(ve(t),t.subtreeFlags&6&&(t.flags|=8192)):ve(t),null;case 24:return null;case 25:return null}throw Error(E(156,t.tag))}function i1(e,t){switch(Bs(t),t.tag){case 1:return Pe(t.type)&&Oa(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return rr(),Q(_e),Q(ye),Js(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Zs(t),null;case 13:if(Q(X),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(E(340));tr()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Q(X),null;case 4:return rr(),null;case 10:return Qs(t.type._context),null;case 22:case 23:return uu(),null;case 24:return null;default:return null}}var Fi=!1,he=!1,a1=typeof WeakSet=="function"?WeakSet:Set,P=null;function Fn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){q(e,t,r)}else n.current=null}function Vl(e,t,n){try{n()}catch(r){q(e,t,r)}}var Rc=!1;function o1(e,t){if(Ol=Ca,e=Rd(),Us(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var i=r.anchorOffset,a=r.focusNode;r=r.focusOffset;try{n.nodeType,a.nodeType}catch{n=null;break e}var o=0,l=-1,s=-1,u=0,d=0,f=e,v=null;t:for(;;){for(var h;f!==n||i!==0&&f.nodeType!==3||(l=o+i),f!==a||r!==0&&f.nodeType!==3||(s=o+r),f.nodeType===3&&(o+=f.nodeValue.length),(h=f.firstChild)!==null;)v=f,f=h;for(;;){if(f===e)break t;if(v===n&&++u===i&&(l=o),v===a&&++d===r&&(s=o),(h=f.nextSibling)!==null)break;f=v,v=f.parentNode}f=h}n=l===-1||s===-1?null:{start:l,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(Tl={focusedElem:e,selectionRange:n},Ca=!1,P=t;P!==null;)if(t=P,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,P=e;else for(;P!==null;){t=P;try{var y=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(y!==null){var w=y.memoizedProps,O=y.memoizedState,m=t.stateNode,c=m.getSnapshotBeforeUpdate(t.elementType===t.type?w:Ge(t.type,w),O);m.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var p=t.stateNode.containerInfo;p.nodeType===1?p.textContent="":p.nodeType===9&&p.documentElement&&p.removeChild(p.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(E(163))}}catch(g){q(t,t.return,g)}if(e=t.sibling,e!==null){e.return=t.return,P=e;break}P=t.return}return y=Rc,Rc=!1,y}function Dr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var i=r=r.next;do{if((i.tag&e)===e){var a=i.destroy;i.destroy=void 0,a!==void 0&&Vl(t,n,a)}i=i.next}while(i!==r)}}function ao(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Yl(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function bp(e){var t=e.alternate;t!==null&&(e.alternate=null,bp(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[at],delete t[ti],delete t[bl],delete t[Wh],delete t[Bh])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function zp(e){return e.tag===5||e.tag===3||e.tag===4}function $c(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||zp(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Ql(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Na));else if(r!==4&&(e=e.child,e!==null))for(Ql(e,t,n),e=e.sibling;e!==null;)Ql(e,t,n),e=e.sibling}function Gl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Gl(e,t,n),e=e.sibling;e!==null;)Gl(e,t,n),e=e.sibling}var fe=null,Ke=!1;function Nt(e,t,n){for(n=n.child;n!==null;)Lp(e,t,n),n=n.sibling}function Lp(e,t,n){if(lt&&typeof lt.onCommitFiberUnmount=="function")try{lt.onCommitFiberUnmount(Za,n)}catch{}switch(n.tag){case 5:he||Fn(n,t);case 6:var r=fe,i=Ke;fe=null,Nt(e,t,n),fe=r,Ke=i,fe!==null&&(Ke?(e=fe,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):fe.removeChild(n.stateNode));break;case 18:fe!==null&&(Ke?(e=fe,n=n.stateNode,e.nodeType===8?Uo(e.parentNode,n):e.nodeType===1&&Uo(e,n),Xr(e)):Uo(fe,n.stateNode));break;case 4:r=fe,i=Ke,fe=n.stateNode.containerInfo,Ke=!0,Nt(e,t,n),fe=r,Ke=i;break;case 0:case 11:case 14:case 15:if(!he&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){i=r=r.next;do{var a=i,o=a.destroy;a=a.tag,o!==void 0&&(a&2||a&4)&&Vl(n,t,o),i=i.next}while(i!==r)}Nt(e,t,n);break;case 1:if(!he&&(Fn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){q(n,t,l)}Nt(e,t,n);break;case 21:Nt(e,t,n);break;case 22:n.mode&1?(he=(r=he)||n.memoizedState!==null,Nt(e,t,n),he=r):Nt(e,t,n);break;default:Nt(e,t,n)}}function Mc(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new a1),t.forEach(function(r){var i=v1.bind(null,e,r);n.has(r)||(n.add(r),r.then(i,i))})}}function Qe(e,t){var n=t.deletions;if(n!==null)for(var r=0;ri&&(i=o),r&=~a}if(r=i,r=te()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*s1(r/1960))-r,10e?16:e,Rt===null)var r=!1;else{if(e=Rt,Rt=null,Fa=0,j&6)throw Error(E(331));var i=j;for(j|=4,P=e.current;P!==null;){var a=P,o=a.child;if(P.flags&16){var l=a.deletions;if(l!==null){for(var s=0;ste()-lu?vn(e,0):ou|=n),Ne(e,t)}function Wp(e,t){t===0&&(e.mode&1?(t=Ii,Ii<<=1,!(Ii&130023424)&&(Ii=4194304)):t=1);var n=ke();e=yt(e,t),e!==null&&(hi(e,t,n),Ne(e,n))}function m1(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Wp(e,n)}function v1(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(E(314))}r!==null&&r.delete(t),Wp(e,n)}var Bp;Bp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||_e.current)Ce=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Ce=!1,n1(e,t,n);Ce=!!(e.flags&131072)}else Ce=!1,K&&t.flags&1048576&&Yd(t,Ia,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;sa(e,t),e=t.pendingProps;var i=er(t,ye.current);Xn(t,n),i=eu(null,t,r,e,i,n);var a=tu();return t.flags|=1,typeof i=="object"&&i!==null&&typeof i.render=="function"&&i.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Pe(r)?(a=!0,Ta(t)):a=!1,t.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,Ks(t),i.updater=ro,t.stateNode=i,i._reactInternals=t,jl(t,r,e,n),t=Ul(null,t,r,!0,a,n)):(t.tag=0,K&&a&&Ws(t),we(null,t,i,n),t=t.child),t;case 16:r=t.elementType;e:{switch(sa(e,t),e=t.pendingProps,i=r._init,r=i(r._payload),t.type=r,i=t.tag=g1(r),e=Ge(r,e),i){case 0:t=Fl(null,t,r,e,n);break e;case 1:t=bc(null,t,r,e,n);break e;case 11:t=Ac(null,t,r,e,n);break e;case 14:t=Ic(null,t,r,Ge(r.type,e),n);break e}throw Error(E(306,r,""))}return t;case 0:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:Ge(r,i),Fl(e,t,r,i,n);case 1:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:Ge(r,i),bc(e,t,r,i,n);case 3:e:{if(Pp(t),e===null)throw Error(E(387));r=t.pendingProps,a=t.memoizedState,i=a.element,Xd(e,t),La(t,r,null,n);var o=t.memoizedState;if(r=o.element,a.isDehydrated)if(a={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=a,t.memoizedState=a,t.flags&256){i=ir(Error(E(423)),t),t=zc(e,t,r,n,i);break e}else if(r!==i){i=ir(Error(E(424)),t),t=zc(e,t,r,n,i);break e}else for(be=Ut(t.stateNode.containerInfo.firstChild),ze=t,K=!0,Xe=null,n=ep(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(tr(),r===i){t=wt(e,t,n);break e}we(e,t,r,n)}t=t.child}return t;case 5:return tp(t),e===null&&Rl(t),r=t.type,i=t.pendingProps,a=e!==null?e.memoizedProps:null,o=i.children,Al(r,i)?o=null:a!==null&&Al(r,a)&&(t.flags|=32),_p(e,t),we(e,t,o,n),t.child;case 6:return e===null&&Rl(t),null;case 13:return Np(e,t,n);case 4:return Xs(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=nr(t,null,r,n):we(e,t,r,n),t.child;case 11:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:Ge(r,i),Ac(e,t,r,i,n);case 7:return we(e,t,t.pendingProps,n),t.child;case 8:return we(e,t,t.pendingProps.children,n),t.child;case 12:return we(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,i=t.pendingProps,a=t.memoizedProps,o=i.value,B(ba,r._currentValue),r._currentValue=o,a!==null)if(tt(a.value,o)){if(a.children===i.children&&!_e.current){t=wt(e,t,n);break e}}else for(a=t.child,a!==null&&(a.return=t);a!==null;){var l=a.dependencies;if(l!==null){o=a.child;for(var s=l.firstContext;s!==null;){if(s.context===r){if(a.tag===1){s=vt(-1,n&-n),s.tag=2;var u=a.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?s.next=s:(s.next=d.next,d.next=s),u.pending=s}}a.lanes|=n,s=a.alternate,s!==null&&(s.lanes|=n),$l(a.return,n,t),l.lanes|=n;break}s=s.next}}else if(a.tag===10)o=a.type===t.type?null:a.child;else if(a.tag===18){if(o=a.return,o===null)throw Error(E(341));o.lanes|=n,l=o.alternate,l!==null&&(l.lanes|=n),$l(o,n,t),o=a.sibling}else o=a.child;if(o!==null)o.return=a;else for(o=a;o!==null;){if(o===t){o=null;break}if(a=o.sibling,a!==null){a.return=o.return,o=a;break}o=o.return}a=o}we(e,t,i.children,n),t=t.child}return t;case 9:return i=t.type,r=t.pendingProps.children,Xn(t,n),i=Be(i),r=r(i),t.flags|=1,we(e,t,r,n),t.child;case 14:return r=t.type,i=Ge(r,t.pendingProps),i=Ge(r.type,i),Ic(e,t,r,i,n);case 15:return Ep(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:Ge(r,i),sa(e,t),t.tag=1,Pe(r)?(e=!0,Ta(t)):e=!1,Xn(t,n),Jd(t,r,i),jl(t,r,i,n),Ul(null,t,r,!0,e,n);case 19:return Op(e,t,n);case 22:return Cp(e,t,n)}throw Error(E(156,t.tag))};function Hp(e,t){return hd(e,t)}function h1(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ue(e,t,n,r){return new h1(e,t,n,r)}function fu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function g1(e){if(typeof e=="function")return fu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===As)return 11;if(e===Is)return 14}return 2}function Vt(e,t){var n=e.alternate;return n===null?(n=Ue(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function fa(e,t,n,r,i,a){var o=2;if(r=e,typeof e=="function")fu(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case In:return hn(n.children,i,a,t);case Ts:o=8,i|=8;break;case sl:return e=Ue(12,n,t,i|2),e.elementType=sl,e.lanes=a,e;case ul:return e=Ue(13,n,t,i),e.elementType=ul,e.lanes=a,e;case cl:return e=Ue(19,n,t,i),e.elementType=cl,e.lanes=a,e;case qf:return lo(n,i,a,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Zf:o=10;break e;case Jf:o=9;break e;case As:o=11;break e;case Is:o=14;break e;case At:o=16,r=null;break e}throw Error(E(130,e==null?e:typeof e,""))}return t=Ue(o,n,t,i),t.elementType=e,t.type=r,t.lanes=a,t}function hn(e,t,n,r){return e=Ue(7,e,r,t),e.lanes=n,e}function lo(e,t,n,r){return e=Ue(22,e,r,t),e.elementType=qf,e.lanes=n,e.stateNode={isHidden:!1},e}function Ko(e,t,n){return e=Ue(6,e,null,t),e.lanes=n,e}function Xo(e,t,n){return t=Ue(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function y1(e,t,n,r,i){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Ao(0),this.expirationTimes=Ao(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ao(0),this.identifierPrefix=r,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function du(e,t,n,r,i,a,o,l,s){return e=new y1(e,t,n,l,s),t===1?(t=1,a===!0&&(t|=8)):t=0,a=Ue(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ks(a),e}function w1(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Gp)}catch(e){console.error(e)}}Gp(),Yf.exports=Re;var C1=Yf.exports,Vc=C1;ol.createRoot=Vc.createRoot,ol.hydrateRoot=Vc.hydrateRoot;var ge=function(){return ge=Object.assign||function(t){for(var n,r=1,i=arguments.length;r0?ue(vr,--Ve):0,lr--,ne===10&&(lr=1,mo--),ne}function et(){return ne=Ve2||es(ne)>3?"":" "}function L1(e,t){for(;--t&&et()&&!(ne<48||ne>102||ne>57&&ne<65||ne>70&&ne<97););return ho(e,pa()+(t<6&&gn()==32&&et()==32))}function ts(e){for(;et();)switch(ne){case e:return Ve;case 34:case 39:e!==34&&e!==39&&ts(ne);break;case 40:e===41&&ts(e);break;case 92:et();break}return Ve}function R1(e,t){for(;et()&&e+ne!==57;)if(e+ne===84&&gn()===47)break;return"/*"+ho(t,Ve-1)+"*"+gu(e===47?e:et())}function $1(e){for(;!es(gn());)et();return ho(e,Ve)}function M1(e){return b1(ma("",null,null,null,[""],e=I1(e),0,[0],e))}function ma(e,t,n,r,i,a,o,l,s){for(var u=0,d=0,f=o,v=0,h=0,y=0,w=1,O=1,m=1,c=0,p="",g=i,k=a,x=r,S=p;O;)switch(y=c,c=et()){case 40:if(y!=108&&ue(S,f-1)==58){da(S+=b(Zo(c),"&","&\f"),"&\f",Zp(u?l[u-1]:0))!=-1&&(m=-1);break}case 34:case 39:case 91:S+=Zo(c);break;case 9:case 10:case 13:case 32:S+=z1(y);break;case 92:S+=L1(pa()-1,7);continue;case 47:switch(gn()){case 42:case 47:Ir(j1(R1(et(),pa()),t,n,s),s);break;default:S+="/"}break;case 123*w:l[u++]=it(S)*m;case 125*w:case 59:case 0:switch(c){case 0:case 125:O=0;case 59+d:m==-1&&(S=b(S,/\f/g,"")),h>0&&it(S)-f&&Ir(h>32?Gc(S+";",r,n,f-1,s):Gc(b(S," ","")+";",r,n,f-2,s),s);break;case 59:S+=";";default:if(Ir(x=Qc(S,t,n,u,d,i,l,p,g=[],k=[],f,a),a),c===123)if(d===0)ma(S,t,x,x,g,a,f,l,k);else switch(v===99&&ue(S,3)===110?100:v){case 100:case 108:case 109:case 115:ma(e,x,x,r&&Ir(Qc(e,x,x,0,0,i,l,p,i,g=[],f,k),k),i,k,f,l,r?g:k);break;default:ma(S,x,x,x,[""],k,0,l,k)}}u=d=h=0,w=m=1,p=S="",f=o;break;case 58:f=1+it(S),h=y;default:if(w<1){if(c==123)--w;else if(c==125&&w++==0&&A1()==125)continue}switch(S+=gu(c),c*w){case 38:m=d>0?1:(S+="\f",-1);break;case 44:l[u++]=(it(S)-1)*m,m=1;break;case 64:gn()===45&&(S+=Zo(et())),v=gn(),d=f=it(p=S+=$1(pa())),c++;break;case 45:y===45&&it(S)==2&&(w=0)}}return a}function Qc(e,t,n,r,i,a,o,l,s,u,d,f){for(var v=i-1,h=i===0?a:[""],y=qp(h),w=0,O=0,m=0;w0?h[c]+" "+p:b(p,/&\f/g,h[c])))&&(s[m++]=g);return vo(e,t,n,i===0?po:l,s,u,d,f)}function j1(e,t,n,r){return vo(e,t,n,Kp,gu(T1()),or(e,2,-2),0,r)}function Gc(e,t,n,r,i){return vo(e,t,n,hu,or(e,0,r),or(e,r+1,-1),r,i)}function tm(e,t,n){switch(N1(e,t)){case 5103:return D+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return D+e+e;case 4789:return Wr+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+Wr+e+V+e+e;case 5936:switch(ue(e,t+11)){case 114:return D+e+V+b(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+V+b(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+V+b(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return D+e+V+e+e;case 6165:return D+e+V+"flex-"+e+e;case 5187:return D+e+b(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+V+"flex-$1$2")+e;case 5443:return D+e+V+"flex-item-"+b(e,/flex-|-self/g,"")+(ft(e,/flex-|baseline/)?"":V+"grid-row-"+b(e,/flex-|-self/g,""))+e;case 4675:return D+e+V+"flex-line-pack"+b(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+V+b(e,"shrink","negative")+e;case 5292:return D+e+V+b(e,"basis","preferred-size")+e;case 6060:return D+"box-"+b(e,"-grow","")+D+e+V+b(e,"grow","positive")+e;case 4554:return D+b(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return b(b(b(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return b(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return b(b(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+V+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!ft(e,/flex-|baseline/))return V+"grid-column-align"+or(e,t)+e;break;case 2592:case 3360:return V+b(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(r,i){return t=i,ft(r.props,/grid-\w+-end/)})?~da(e+(n=n[t].value),"span",0)?e:V+b(e,"-start","")+e+V+"grid-row-span:"+(~da(n,"span",0)?ft(n,/\d+/):+ft(n,/\d+/)-+ft(e,/\d+/))+";":V+b(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(r){return ft(r.props,/grid-\w+-start/)})?e:V+b(b(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return b(e,/(.+)-inline(.+)/,D+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(it(e)-1-t>6)switch(ue(e,t+1)){case 109:if(ue(e,t+4)!==45)break;case 102:return b(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+Wr+(ue(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~da(e,"stretch",0)?tm(b(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return b(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,i,a,o,l,s,u){return V+i+":"+a+u+(o?V+i+"-span:"+(l?s:+s-+a)+u:"")+e});case 4949:if(ue(e,t+6)===121)return b(e,":",":"+D)+e;break;case 6444:switch(ue(e,ue(e,14)===45?18:11)){case 120:return b(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(ue(e,14)===45?"inline-":"")+"box$3$1"+D+"$2$3$1"+V+"$2box$3")+e;case 100:return b(e,":",":"+V)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return b(e,"scroll-","scroll-snap-")+e}return e}function Ba(e,t){for(var n="",r=0;r-1&&!e.return)switch(e.type){case hu:e.return=tm(e.value,e.length,n);return;case Xp:return Ba([Tt(e,{value:b(e.value,"@","@"+D)})],r);case po:if(e.length)return O1(n=e.props,function(i){switch(ft(i,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Tn(Tt(e,{props:[b(i,/:(read-\w+)/,":"+Wr+"$1")]})),Tn(Tt(e,{props:[i]})),ql(e,{props:Yc(n,r)});break;case"::placeholder":Tn(Tt(e,{props:[b(i,/:(plac\w+)/,":"+D+"input-$1")]})),Tn(Tt(e,{props:[b(i,/:(plac\w+)/,":"+Wr+"$1")]})),Tn(Tt(e,{props:[b(i,/:(plac\w+)/,V+"input-$1")]})),Tn(Tt(e,{props:[i]})),ql(e,{props:Yc(n,r)});break}return""})}}var B1={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Ae={},sr=typeof process<"u"&&Ae!==void 0&&(Ae.REACT_APP_SC_ATTR||Ae.SC_ATTR)||"data-styled",nm="active",rm="data-styled-version",go="6.1.8",yu=`/*!sc*/ +`,wu=typeof window<"u"&&"HTMLElement"in window,H1=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&Ae!==void 0&&Ae.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&Ae.REACT_APP_SC_DISABLE_SPEEDY!==""?Ae.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&Ae.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&Ae!==void 0&&Ae.SC_DISABLE_SPEEDY!==void 0&&Ae.SC_DISABLE_SPEEDY!==""&&Ae.SC_DISABLE_SPEEDY!=="false"&&Ae.SC_DISABLE_SPEEDY),V1={},yo=Object.freeze([]),ur=Object.freeze({});function im(e,t,n){return n===void 0&&(n=ur),e.theme!==n.theme&&e.theme||t||n.theme}var am=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),Y1=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Q1=/(^-|-$)/g;function Kc(e){return e.replace(Y1,"-").replace(Q1,"")}var G1=/(a)(d)/gi,Bi=52,Xc=function(e){return String.fromCharCode(e+(e>25?39:97))};function ns(e){var t,n="";for(t=Math.abs(e);t>Bi;t=t/Bi|0)n=Xc(t%Bi)+n;return(Xc(t%Bi)+n).replace(G1,"$1-$2")}var Jo,om=5381,Wn=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},lm=function(e){return Wn(om,e)};function sm(e){return ns(lm(e)>>>0)}function K1(e){return e.displayName||e.name||"Component"}function qo(e){return typeof e=="string"&&!0}var um=typeof Symbol=="function"&&Symbol.for,cm=um?Symbol.for("react.memo"):60115,X1=um?Symbol.for("react.forward_ref"):60112,Z1={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},J1={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},fm={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},q1=((Jo={})[X1]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Jo[cm]=fm,Jo);function Zc(e){return("type"in(t=e)&&t.type.$$typeof)===cm?fm:"$$typeof"in e?q1[e.$$typeof]:Z1;var t}var e0=Object.defineProperty,t0=Object.getOwnPropertyNames,Jc=Object.getOwnPropertySymbols,n0=Object.getOwnPropertyDescriptor,r0=Object.getPrototypeOf,qc=Object.prototype;function dm(e,t,n){if(typeof t!="string"){if(qc){var r=r0(t);r&&r!==qc&&dm(e,r,n)}var i=t0(t);Jc&&(i=i.concat(Jc(t)));for(var a=Zc(e),o=Zc(t),l=0;l0?" Args: ".concat(t.join(", ")):""))}var i0=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var n=0,r=0;r=this.groupSizes.length){for(var r=this.groupSizes,i=r.length,a=i;t>=a;)if((a<<=1)<0)throw ki(16,"".concat(t));this.groupSizes=new Uint32Array(a),this.groupSizes.set(r),this.length=a;for(var o=i;o=this.length||this.groupSizes[t]===0)return n;for(var r=this.groupSizes[t],i=this.indexOfGroup(t),a=i+r,o=i;o=0){var r=document.createTextNode(n);return this.element.insertBefore(r,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t0&&(O+="".concat(m,","))}),s+="".concat(y).concat(w,'{content:"').concat(O,'"}').concat(yu)},d=0;d0?".".concat(t):v},d=s.slice();d.push(function(v){v.type===po&&v.value.includes("&")&&(v.props[0]=v.props[0].replace(v0,n).replace(r,u))}),o.prefix&&d.push(W1),d.push(D1);var f=function(v,h,y,w){h===void 0&&(h=""),y===void 0&&(y=""),w===void 0&&(w="&"),t=w,n=h,r=new RegExp("\\".concat(n,"\\b"),"g");var O=v.replace(h0,""),m=M1(y||h?"".concat(y," ").concat(h," { ").concat(O," }"):O);o.namespace&&(m=mm(m,o.namespace));var c=[];return Ba(m,F1(d.concat(U1(function(p){return c.push(p)})))),c};return f.hash=s.length?s.reduce(function(v,h){return h.name||ki(15),Wn(v,h.name)},om).toString():"",f}var y0=new Va,as=g0(),vm=Fe.createContext({shouldForwardProp:void 0,styleSheet:y0,stylis:as});vm.Consumer;Fe.createContext(void 0);function os(){return Mt.useContext(vm)}var w0=function(){function e(t,n){var r=this;this.inject=function(i,a){a===void 0&&(a=as);var o=r.name+a.hash;i.hasNameForId(r.id,o)||i.insertRules(r.id,o,a(r.rules,o,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=n,Su(this,function(){throw ki(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=as),this.name+t.hash},e}(),k0=function(e){return e>="A"&&e<="Z"};function tf(e){for(var t="",n=0;n>>0);if(!n.hasNameForId(this.componentId,o)){var l=r(a,".".concat(o),void 0,this.componentId);n.insertRules(this.componentId,o,l)}i=dn(i,o),this.staticRulesId=o}else{for(var s=Wn(this.baseHash,r.hash),u="",d=0;d>>0);n.hasNameForId(this.componentId,h)||n.insertRules(this.componentId,h,r(u,".".concat(h),void 0,this.componentId)),i=dn(i,h)}}return i},e}(),xu=Fe.createContext(void 0);xu.Consumer;var el={};function E0(e,t,n){var r=ku(e),i=e,a=!qo(e),o=t.attrs,l=o===void 0?yo:o,s=t.componentId,u=s===void 0?function(g,k){var x=typeof g!="string"?"sc":Kc(g);el[x]=(el[x]||0)+1;var S="".concat(x,"-").concat(sm(go+x+el[x]));return k?"".concat(k,"-").concat(S):S}(t.displayName,t.parentComponentId):s,d=t.displayName,f=d===void 0?function(g){return qo(g)?"styled.".concat(g):"Styled(".concat(K1(g),")")}(e):d,v=t.displayName&&t.componentId?"".concat(Kc(t.displayName),"-").concat(t.componentId):t.componentId||u,h=r&&i.attrs?i.attrs.concat(l).filter(Boolean):l,y=t.shouldForwardProp;if(r&&i.shouldForwardProp){var w=i.shouldForwardProp;if(t.shouldForwardProp){var O=t.shouldForwardProp;y=function(g,k){return w(g,k)&&O(g,k)}}else y=w}var m=new x0(n,v,r?i.componentStyle:void 0);function c(g,k){return function(x,S,N){var $=x.attrs,z=x.componentStyle,Oe=x.defaultProps,tn=x.foldedComponentIds,nn=x.styledComponentId,Ci=x.target,Eo=Fe.useContext(xu),gr=os(),rn=x.shouldForwardProp||gr.shouldForwardProp,C=im(S,Eo,Oe)||ur,A=function(_t,Te,ut){for(var yr,on=ge(ge({},Te),{className:void 0,theme:ut}),Co=0;Co<_t.length;Co+=1){var _i=cr(yr=_t[Co])?yr(on):yr;for(var Pt in _i)on[Pt]=Pt==="className"?dn(on[Pt],_i[Pt]):Pt==="style"?ge(ge({},on[Pt]),_i[Pt]):_i[Pt]}return Te.className&&(on.className=dn(on.className,Te.className)),on}($,S,C),I=A.as||Ci,U={};for(var W in A)A[W]===void 0||W[0]==="$"||W==="as"||W==="theme"&&A.theme===C||(W==="forwardedAs"?U.as=A.forwardedAs:rn&&!rn(W,I)||(U[W]=A[W]));var an=function(_t,Te){var ut=os(),yr=_t.generateAndInjectStyles(Te,ut.styleSheet,ut.stylis);return yr}(z,A),Ye=dn(tn,nn);return an&&(Ye+=" "+an),A.className&&(Ye+=" "+A.className),U[qo(I)&&!am.has(I)?"class":"className"]=Ye,U.ref=N,Mt.createElement(I,U)}(p,g,k)}c.displayName=f;var p=Fe.forwardRef(c);return p.attrs=h,p.componentStyle=m,p.displayName=f,p.shouldForwardProp=y,p.foldedComponentIds=r?dn(i.foldedComponentIds,i.styledComponentId):"",p.styledComponentId=v,p.target=r?i.target:e,Object.defineProperty(p,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(g){this._foldedDefaultProps=r?function(k){for(var x=[],S=1;S2&&Va.registerId(this.componentId+t),this.removeStyles(t,r),this.createStyles(t,n,r,i)},e}();function _0(e){for(var t=[],n=1;n{const e=()=>{const t=new Date,n=["일","월","화","수","목","금","토"],r=t.getFullYear(),i=("0"+(t.getMonth()+1)).slice(-2),a=("0"+t.getDate()).slice(-2),o=n[t.getDay()];return`${r}.${i}.${a} ${o}요일`};return M.jsxs(N0,{children:[M.jsx(O0,{children:"아기자기 TODO"}),M.jsx(T0,{children:e()})]})},N0=le.header` + display: flex; + align-items: center; + justify-content: space-between; + color: #7d7e7e; + margin-bottom: 30px; +`,O0=le.h2` + font-size: 30px; +`,T0=le.span` + font-size: 25px; +`;function af(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n-1;i--){var a=n[i],o=(a.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(o)>-1&&(r=a)}return G.head.insertBefore(t,r),e}}var eg="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function mi(){for(var e=12,t="";e-- >0;)t+=eg[Math.random()*62|0];return t}function hr(e){for(var t=[],n=(e||[]).length>>>0;n--;)t[n]=e[n];return t}function Ou(e){return e.classList?hr(e.classList):(e.getAttribute("class")||"").split(" ").filter(function(t){return t})}function bm(e){return"".concat(e).replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function tg(e){return Object.keys(e||{}).reduce(function(t,n){return t+"".concat(n,'="').concat(bm(e[n]),'" ')},"").trim()}function wo(e){return Object.keys(e||{}).reduce(function(t,n){return t+"".concat(n,": ").concat(e[n].trim(),";")},"")}function Tu(e){return e.size!==ot.size||e.x!==ot.x||e.y!==ot.y||e.rotate!==ot.rotate||e.flipX||e.flipY}function ng(e){var t=e.transform,n=e.containerWidth,r=e.iconWidth,i={transform:"translate(".concat(n/2," 256)")},a="translate(".concat(t.x*32,", ").concat(t.y*32,") "),o="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),l="rotate(".concat(t.rotate," 0 0)"),s={transform:"".concat(a," ").concat(o," ").concat(l)},u={transform:"translate(".concat(r/2*-1," -256)")};return{outer:i,inner:s,path:u}}function rg(e){var t=e.transform,n=e.width,r=n===void 0?us:n,i=e.height,a=i===void 0?us:i,o=e.startCentered,l=o===void 0?!1:o,s="";return l&&_m?s+="translate(".concat(t.x/Ot-r/2,"em, ").concat(t.y/Ot-a/2,"em) "):l?s+="translate(calc(-50% + ".concat(t.x/Ot,"em), calc(-50% + ").concat(t.y/Ot,"em)) "):s+="translate(".concat(t.x/Ot,"em, ").concat(t.y/Ot,"em) "),s+="scale(".concat(t.size/Ot*(t.flipX?-1:1),", ").concat(t.size/Ot*(t.flipY?-1:1),") "),s+="rotate(".concat(t.rotate,"deg) "),s}var ig=`:root, :host { + --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid"; + --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular"; + --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light"; + --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin"; + --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone"; + --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp"; + --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp"; + --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp"; + --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp"; + --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; +} + +svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa { + overflow: visible; + box-sizing: content-box; +} + +.svg-inline--fa { + display: var(--fa-display, inline-block); + height: 1em; + overflow: visible; + vertical-align: -0.125em; +} +.svg-inline--fa.fa-2xs { + vertical-align: 0.1em; +} +.svg-inline--fa.fa-xs { + vertical-align: 0em; +} +.svg-inline--fa.fa-sm { + vertical-align: -0.0714285705em; +} +.svg-inline--fa.fa-lg { + vertical-align: -0.2em; +} +.svg-inline--fa.fa-xl { + vertical-align: -0.25em; +} +.svg-inline--fa.fa-2xl { + vertical-align: -0.3125em; +} +.svg-inline--fa.fa-pull-left { + margin-right: var(--fa-pull-margin, 0.3em); + width: auto; +} +.svg-inline--fa.fa-pull-right { + margin-left: var(--fa-pull-margin, 0.3em); + width: auto; +} +.svg-inline--fa.fa-li { + width: var(--fa-li-width, 2em); + top: 0.25em; +} +.svg-inline--fa.fa-fw { + width: var(--fa-fw-width, 1.25em); +} + +.fa-layers svg.svg-inline--fa { + bottom: 0; + left: 0; + margin: auto; + position: absolute; + right: 0; + top: 0; +} + +.fa-layers-counter, .fa-layers-text { + display: inline-block; + position: absolute; + text-align: center; +} + +.fa-layers { + display: inline-block; + height: 1em; + position: relative; + text-align: center; + vertical-align: -0.125em; + width: 1em; +} +.fa-layers svg.svg-inline--fa { + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.fa-layers-text { + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.fa-layers-counter { + background-color: var(--fa-counter-background-color, #ff253a); + border-radius: var(--fa-counter-border-radius, 1em); + box-sizing: border-box; + color: var(--fa-inverse, #fff); + line-height: var(--fa-counter-line-height, 1); + max-width: var(--fa-counter-max-width, 5em); + min-width: var(--fa-counter-min-width, 1.5em); + overflow: hidden; + padding: var(--fa-counter-padding, 0.25em 0.5em); + right: var(--fa-right, 0); + text-overflow: ellipsis; + top: var(--fa-top, 0); + -webkit-transform: scale(var(--fa-counter-scale, 0.25)); + transform: scale(var(--fa-counter-scale, 0.25)); + -webkit-transform-origin: top right; + transform-origin: top right; +} + +.fa-layers-bottom-right { + bottom: var(--fa-bottom, 0); + right: var(--fa-right, 0); + top: auto; + -webkit-transform: scale(var(--fa-layers-scale, 0.25)); + transform: scale(var(--fa-layers-scale, 0.25)); + -webkit-transform-origin: bottom right; + transform-origin: bottom right; +} + +.fa-layers-bottom-left { + bottom: var(--fa-bottom, 0); + left: var(--fa-left, 0); + right: auto; + top: auto; + -webkit-transform: scale(var(--fa-layers-scale, 0.25)); + transform: scale(var(--fa-layers-scale, 0.25)); + -webkit-transform-origin: bottom left; + transform-origin: bottom left; +} + +.fa-layers-top-right { + top: var(--fa-top, 0); + right: var(--fa-right, 0); + -webkit-transform: scale(var(--fa-layers-scale, 0.25)); + transform: scale(var(--fa-layers-scale, 0.25)); + -webkit-transform-origin: top right; + transform-origin: top right; +} + +.fa-layers-top-left { + left: var(--fa-left, 0); + right: auto; + top: var(--fa-top, 0); + -webkit-transform: scale(var(--fa-layers-scale, 0.25)); + transform: scale(var(--fa-layers-scale, 0.25)); + -webkit-transform-origin: top left; + transform-origin: top left; +} + +.fa-1x { + font-size: 1em; +} + +.fa-2x { + font-size: 2em; +} + +.fa-3x { + font-size: 3em; +} + +.fa-4x { + font-size: 4em; +} + +.fa-5x { + font-size: 5em; +} + +.fa-6x { + font-size: 6em; +} + +.fa-7x { + font-size: 7em; +} + +.fa-8x { + font-size: 8em; +} + +.fa-9x { + font-size: 9em; +} + +.fa-10x { + font-size: 10em; +} + +.fa-2xs { + font-size: 0.625em; + line-height: 0.1em; + vertical-align: 0.225em; +} + +.fa-xs { + font-size: 0.75em; + line-height: 0.0833333337em; + vertical-align: 0.125em; +} + +.fa-sm { + font-size: 0.875em; + line-height: 0.0714285718em; + vertical-align: 0.0535714295em; +} + +.fa-lg { + font-size: 1.25em; + line-height: 0.05em; + vertical-align: -0.075em; +} + +.fa-xl { + font-size: 1.5em; + line-height: 0.0416666682em; + vertical-align: -0.125em; +} + +.fa-2xl { + font-size: 2em; + line-height: 0.03125em; + vertical-align: -0.1875em; +} + +.fa-fw { + text-align: center; + width: 1.25em; +} + +.fa-ul { + list-style-type: none; + margin-left: var(--fa-li-margin, 2.5em); + padding-left: 0; +} +.fa-ul > li { + position: relative; +} + +.fa-li { + left: calc(var(--fa-li-width, 2em) * -1); + position: absolute; + text-align: center; + width: var(--fa-li-width, 2em); + line-height: inherit; +} + +.fa-border { + border-color: var(--fa-border-color, #eee); + border-radius: var(--fa-border-radius, 0.1em); + border-style: var(--fa-border-style, solid); + border-width: var(--fa-border-width, 0.08em); + padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); +} + +.fa-pull-left { + float: left; + margin-right: var(--fa-pull-margin, 0.3em); +} + +.fa-pull-right { + float: right; + margin-left: var(--fa-pull-margin, 0.3em); +} + +.fa-beat { + -webkit-animation-name: fa-beat; + animation-name: fa-beat; + -webkit-animation-delay: var(--fa-animation-delay, 0s); + animation-delay: var(--fa-animation-delay, 0s); + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 1s); + animation-duration: var(--fa-animation-duration, 1s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); + animation-timing-function: var(--fa-animation-timing, ease-in-out); +} + +.fa-bounce { + -webkit-animation-name: fa-bounce; + animation-name: fa-bounce; + -webkit-animation-delay: var(--fa-animation-delay, 0s); + animation-delay: var(--fa-animation-delay, 0s); + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 1s); + animation-duration: var(--fa-animation-duration, 1s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); + animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); +} + +.fa-fade { + -webkit-animation-name: fa-fade; + animation-name: fa-fade; + -webkit-animation-delay: var(--fa-animation-delay, 0s); + animation-delay: var(--fa-animation-delay, 0s); + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 1s); + animation-duration: var(--fa-animation-duration, 1s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); + animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); +} + +.fa-beat-fade { + -webkit-animation-name: fa-beat-fade; + animation-name: fa-beat-fade; + -webkit-animation-delay: var(--fa-animation-delay, 0s); + animation-delay: var(--fa-animation-delay, 0s); + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 1s); + animation-duration: var(--fa-animation-duration, 1s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); + animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); +} + +.fa-flip { + -webkit-animation-name: fa-flip; + animation-name: fa-flip; + -webkit-animation-delay: var(--fa-animation-delay, 0s); + animation-delay: var(--fa-animation-delay, 0s); + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 1s); + animation-duration: var(--fa-animation-duration, 1s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); + animation-timing-function: var(--fa-animation-timing, ease-in-out); +} + +.fa-shake { + -webkit-animation-name: fa-shake; + animation-name: fa-shake; + -webkit-animation-delay: var(--fa-animation-delay, 0s); + animation-delay: var(--fa-animation-delay, 0s); + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 1s); + animation-duration: var(--fa-animation-duration, 1s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, linear); + animation-timing-function: var(--fa-animation-timing, linear); +} + +.fa-spin { + -webkit-animation-name: fa-spin; + animation-name: fa-spin; + -webkit-animation-delay: var(--fa-animation-delay, 0s); + animation-delay: var(--fa-animation-delay, 0s); + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 2s); + animation-duration: var(--fa-animation-duration, 2s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, linear); + animation-timing-function: var(--fa-animation-timing, linear); +} + +.fa-spin-reverse { + --fa-animation-direction: reverse; +} + +.fa-pulse, +.fa-spin-pulse { + -webkit-animation-name: fa-spin; + animation-name: fa-spin; + -webkit-animation-direction: var(--fa-animation-direction, normal); + animation-direction: var(--fa-animation-direction, normal); + -webkit-animation-duration: var(--fa-animation-duration, 1s); + animation-duration: var(--fa-animation-duration, 1s); + -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); + animation-iteration-count: var(--fa-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--fa-animation-timing, steps(8)); + animation-timing-function: var(--fa-animation-timing, steps(8)); +} + +@media (prefers-reduced-motion: reduce) { + .fa-beat, +.fa-bounce, +.fa-fade, +.fa-beat-fade, +.fa-flip, +.fa-pulse, +.fa-shake, +.fa-spin, +.fa-spin-pulse { + -webkit-animation-delay: -1ms; + animation-delay: -1ms; + -webkit-animation-duration: 1ms; + animation-duration: 1ms; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-transition-delay: 0s; + transition-delay: 0s; + -webkit-transition-duration: 0s; + transition-duration: 0s; + } +} +@-webkit-keyframes fa-beat { + 0%, 90% { + -webkit-transform: scale(1); + transform: scale(1); + } + 45% { + -webkit-transform: scale(var(--fa-beat-scale, 1.25)); + transform: scale(var(--fa-beat-scale, 1.25)); + } +} +@keyframes fa-beat { + 0%, 90% { + -webkit-transform: scale(1); + transform: scale(1); + } + 45% { + -webkit-transform: scale(var(--fa-beat-scale, 1.25)); + transform: scale(var(--fa-beat-scale, 1.25)); + } +} +@-webkit-keyframes fa-bounce { + 0% { + -webkit-transform: scale(1, 1) translateY(0); + transform: scale(1, 1) translateY(0); + } + 10% { + -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); + transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); + } + 30% { + -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); + transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); + } + 50% { + -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); + transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); + } + 57% { + -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); + transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); + } + 64% { + -webkit-transform: scale(1, 1) translateY(0); + transform: scale(1, 1) translateY(0); + } + 100% { + -webkit-transform: scale(1, 1) translateY(0); + transform: scale(1, 1) translateY(0); + } +} +@keyframes fa-bounce { + 0% { + -webkit-transform: scale(1, 1) translateY(0); + transform: scale(1, 1) translateY(0); + } + 10% { + -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); + transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); + } + 30% { + -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); + transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); + } + 50% { + -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); + transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); + } + 57% { + -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); + transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); + } + 64% { + -webkit-transform: scale(1, 1) translateY(0); + transform: scale(1, 1) translateY(0); + } + 100% { + -webkit-transform: scale(1, 1) translateY(0); + transform: scale(1, 1) translateY(0); + } +} +@-webkit-keyframes fa-fade { + 50% { + opacity: var(--fa-fade-opacity, 0.4); + } +} +@keyframes fa-fade { + 50% { + opacity: var(--fa-fade-opacity, 0.4); + } +} +@-webkit-keyframes fa-beat-fade { + 0%, 100% { + opacity: var(--fa-beat-fade-opacity, 0.4); + -webkit-transform: scale(1); + transform: scale(1); + } + 50% { + opacity: 1; + -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); + transform: scale(var(--fa-beat-fade-scale, 1.125)); + } +} +@keyframes fa-beat-fade { + 0%, 100% { + opacity: var(--fa-beat-fade-opacity, 0.4); + -webkit-transform: scale(1); + transform: scale(1); + } + 50% { + opacity: 1; + -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); + transform: scale(var(--fa-beat-fade-scale, 1.125)); + } +} +@-webkit-keyframes fa-flip { + 50% { + -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); + transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); + } +} +@keyframes fa-flip { + 50% { + -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); + transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); + } +} +@-webkit-keyframes fa-shake { + 0% { + -webkit-transform: rotate(-15deg); + transform: rotate(-15deg); + } + 4% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + 8%, 24% { + -webkit-transform: rotate(-18deg); + transform: rotate(-18deg); + } + 12%, 28% { + -webkit-transform: rotate(18deg); + transform: rotate(18deg); + } + 16% { + -webkit-transform: rotate(-22deg); + transform: rotate(-22deg); + } + 20% { + -webkit-transform: rotate(22deg); + transform: rotate(22deg); + } + 32% { + -webkit-transform: rotate(-12deg); + transform: rotate(-12deg); + } + 36% { + -webkit-transform: rotate(12deg); + transform: rotate(12deg); + } + 40%, 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} +@keyframes fa-shake { + 0% { + -webkit-transform: rotate(-15deg); + transform: rotate(-15deg); + } + 4% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + 8%, 24% { + -webkit-transform: rotate(-18deg); + transform: rotate(-18deg); + } + 12%, 28% { + -webkit-transform: rotate(18deg); + transform: rotate(18deg); + } + 16% { + -webkit-transform: rotate(-22deg); + transform: rotate(-22deg); + } + 20% { + -webkit-transform: rotate(22deg); + transform: rotate(22deg); + } + 32% { + -webkit-transform: rotate(-12deg); + transform: rotate(-12deg); + } + 36% { + -webkit-transform: rotate(12deg); + transform: rotate(12deg); + } + 40%, 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.fa-rotate-90 { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} + +.fa-rotate-180 { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.fa-rotate-270 { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); +} + +.fa-flip-horizontal { + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); +} + +.fa-flip-vertical { + -webkit-transform: scale(1, -1); + transform: scale(1, -1); +} + +.fa-flip-both, +.fa-flip-horizontal.fa-flip-vertical { + -webkit-transform: scale(-1, -1); + transform: scale(-1, -1); +} + +.fa-rotate-by { + -webkit-transform: rotate(var(--fa-rotate-angle, none)); + transform: rotate(var(--fa-rotate-angle, none)); +} + +.fa-stack { + display: inline-block; + vertical-align: middle; + height: 2em; + position: relative; + width: 2.5em; +} + +.fa-stack-1x, +.fa-stack-2x { + bottom: 0; + left: 0; + margin: auto; + position: absolute; + right: 0; + top: 0; + z-index: var(--fa-stack-z-index, auto); +} + +.svg-inline--fa.fa-stack-1x { + height: 1em; + width: 1.25em; +} +.svg-inline--fa.fa-stack-2x { + height: 2em; + width: 2.5em; +} + +.fa-inverse { + color: var(--fa-inverse, #fff); +} + +.sr-only, +.fa-sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + +.sr-only-focusable:not(:focus), +.fa-sr-only-focusable:not(:focus) { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + +.svg-inline--fa .fa-primary { + fill: var(--fa-primary-color, currentColor); + opacity: var(--fa-primary-opacity, 1); +} + +.svg-inline--fa .fa-secondary { + fill: var(--fa-secondary-color, currentColor); + opacity: var(--fa-secondary-opacity, 0.4); +} + +.svg-inline--fa.fa-swap-opacity .fa-primary { + opacity: var(--fa-secondary-opacity, 0.4); +} + +.svg-inline--fa.fa-swap-opacity .fa-secondary { + opacity: var(--fa-primary-opacity, 1); +} + +.svg-inline--fa mask .fa-primary, +.svg-inline--fa mask .fa-secondary { + fill: black; +} + +.fad.fa-inverse, +.fa-duotone.fa-inverse { + color: var(--fa-inverse, #fff); +}`;function zm(){var e=Pm,t=Nm,n=T.cssPrefix,r=T.replacementClass,i=ig;if(n!==e||r!==t){var a=new RegExp("\\.".concat(e,"\\-"),"g"),o=new RegExp("\\--".concat(e,"\\-"),"g"),l=new RegExp("\\.".concat(t),"g");i=i.replace(a,".".concat(n,"-")).replace(o,"--".concat(n,"-")).replace(l,".".concat(r))}return i}var df=!1;function tl(){T.autoAddCss&&!df&&(q0(zm()),df=!0)}var ag={mixout:function(){return{dom:{css:zm,insertCss:tl}}},hooks:function(){return{beforeDOMElementCreation:function(){tl()},beforeI2svg:function(){tl()}}}},St=Kt||{};St[kt]||(St[kt]={});St[kt].styles||(St[kt].styles={});St[kt].hooks||(St[kt].hooks={});St[kt].shims||(St[kt].shims=[]);var Ze=St[kt],Lm=[],og=function e(){G.removeEventListener("DOMContentLoaded",e),Qa=1,Lm.map(function(t){return t()})},Qa=!1;Ct&&(Qa=(G.documentElement.doScroll?/^loaded|^c/:/^loaded|^i|^c/).test(G.readyState),Qa||G.addEventListener("DOMContentLoaded",og));function lg(e){Ct&&(Qa?setTimeout(e,0):Lm.push(e))}function Ei(e){var t=e.tag,n=e.attributes,r=n===void 0?{}:n,i=e.children,a=i===void 0?[]:i;return typeof e=="string"?bm(e):"<".concat(t," ").concat(tg(r),">").concat(a.map(Ei).join(""),"")}function pf(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}var sg=function(t,n){return function(r,i,a,o){return t.call(n,r,i,a,o)}},nl=function(t,n,r,i){var a=Object.keys(t),o=a.length,l=i!==void 0?sg(n,i):n,s,u,d;for(r===void 0?(s=1,d=t[a[0]]):(s=0,d=r);s=55296&&i<=56319&&n=55296&&r<=56319&&n>t+1&&(i=e.charCodeAt(t+1),i>=56320&&i<=57343)?(r-55296)*1024+i-56320+65536:r}function mf(e){return Object.keys(e).reduce(function(t,n){var r=e[n],i=!!r.icon;return i?t[r.iconName]=r.icon:t[n]=r,t},{})}function ds(e,t){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r=n.skipHooks,i=r===void 0?!1:r,a=mf(t);typeof Ze.hooks.addPack=="function"&&!i?Ze.hooks.addPack(e,mf(t)):Ze.styles[e]=_(_({},Ze.styles[e]||{}),a),e==="fas"&&ds("fa",t)}var Zi,Ji,qi,Bn=Ze.styles,fg=Ze.shims,dg=(Zi={},oe(Zi,Y,Object.values(di[Y])),oe(Zi,ee,Object.values(di[ee])),Zi),Au=null,Rm={},$m={},Mm={},jm={},Dm={},pg=(Ji={},oe(Ji,Y,Object.keys(ci[Y])),oe(Ji,ee,Object.keys(ci[ee])),Ji);function mg(e){return~G0.indexOf(e)}function vg(e,t){var n=t.split("-"),r=n[0],i=n.slice(1).join("-");return r===e&&i!==""&&!mg(i)?i:null}var Fm=function(){var t=function(a){return nl(Bn,function(o,l,s){return o[s]=nl(l,a,{}),o},{})};Rm=t(function(i,a,o){if(a[3]&&(i[a[3]]=o),a[2]){var l=a[2].filter(function(s){return typeof s=="number"});l.forEach(function(s){i[s.toString(16)]=o})}return i}),$m=t(function(i,a,o){if(i[o]=o,a[2]){var l=a[2].filter(function(s){return typeof s=="string"});l.forEach(function(s){i[s]=o})}return i}),Dm=t(function(i,a,o){var l=a[2];return i[o]=o,l.forEach(function(s){i[s]=o}),i});var n="far"in Bn||T.autoFetchSvg,r=nl(fg,function(i,a){var o=a[0],l=a[1],s=a[2];return l==="far"&&!n&&(l="fas"),typeof o=="string"&&(i.names[o]={prefix:l,iconName:s}),typeof o=="number"&&(i.unicodes[o.toString(16)]={prefix:l,iconName:s}),i},{names:{},unicodes:{}});Mm=r.names,jm=r.unicodes,Au=ko(T.styleDefault,{family:T.familyDefault})};J0(function(e){Au=ko(e.styleDefault,{family:T.familyDefault})});Fm();function Iu(e,t){return(Rm[e]||{})[t]}function hg(e,t){return($m[e]||{})[t]}function mn(e,t){return(Dm[e]||{})[t]}function Um(e){return Mm[e]||{prefix:null,iconName:null}}function gg(e){var t=jm[e],n=Iu("fas",e);return t||(n?{prefix:"fas",iconName:n}:null)||{prefix:null,iconName:null}}function Xt(){return Au}var bu=function(){return{prefix:null,iconName:null,rest:[]}};function ko(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.family,r=n===void 0?Y:n,i=ci[r][e],a=fi[r][e]||fi[r][i],o=e in Ze.styles?e:null;return a||o||null}var vf=(qi={},oe(qi,Y,Object.keys(di[Y])),oe(qi,ee,Object.keys(di[ee])),qi);function So(e){var t,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=n.skipLookups,i=r===void 0?!1:r,a=(t={},oe(t,Y,"".concat(T.cssPrefix,"-").concat(Y)),oe(t,ee,"".concat(T.cssPrefix,"-").concat(ee)),t),o=null,l=Y;(e.includes(a[Y])||e.some(function(u){return vf[Y].includes(u)}))&&(l=Y),(e.includes(a[ee])||e.some(function(u){return vf[ee].includes(u)}))&&(l=ee);var s=e.reduce(function(u,d){var f=vg(T.cssPrefix,d);if(Bn[d]?(d=dg[l].includes(d)?W0[l][d]:d,o=d,u.prefix=d):pg[l].indexOf(d)>-1?(o=d,u.prefix=ko(d,{family:l})):f?u.iconName=f:d!==T.replacementClass&&d!==a[Y]&&d!==a[ee]&&u.rest.push(d),!i&&u.prefix&&u.iconName){var v=o==="fa"?Um(u.iconName):{},h=mn(u.prefix,u.iconName);v.prefix&&(o=null),u.iconName=v.iconName||h||u.iconName,u.prefix=v.prefix||u.prefix,u.prefix==="far"&&!Bn.far&&Bn.fas&&!T.autoFetchSvg&&(u.prefix="fas")}return u},bu());return(e.includes("fa-brands")||e.includes("fab"))&&(s.prefix="fab"),(e.includes("fa-duotone")||e.includes("fad"))&&(s.prefix="fad"),!s.prefix&&l===ee&&(Bn.fass||T.autoFetchSvg)&&(s.prefix="fass",s.iconName=mn(s.prefix,s.iconName)||s.iconName),(s.prefix==="fa"||o==="fa")&&(s.prefix=Xt()||"fas"),s}var yg=function(){function e(){A0(this,e),this.definitions={}}return I0(e,[{key:"add",value:function(){for(var n=this,r=arguments.length,i=new Array(r),a=0;a0&&d.forEach(function(f){typeof f=="string"&&(n[l][f]=u)}),n[l][s]=u}),n}}]),e}(),hf=[],Hn={},Jn={},wg=Object.keys(Jn);function kg(e,t){var n=t.mixoutsTo;return hf=e,Hn={},Object.keys(Jn).forEach(function(r){wg.indexOf(r)===-1&&delete Jn[r]}),hf.forEach(function(r){var i=r.mixout?r.mixout():{};if(Object.keys(i).forEach(function(o){typeof i[o]=="function"&&(n[o]=i[o]),Ya(i[o])==="object"&&Object.keys(i[o]).forEach(function(l){n[o]||(n[o]={}),n[o][l]=i[o][l]})}),r.hooks){var a=r.hooks();Object.keys(a).forEach(function(o){Hn[o]||(Hn[o]=[]),Hn[o].push(a[o])})}r.provides&&r.provides(Jn)}),n}function ps(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i1?t-1:0),r=1;r0&&arguments[0]!==void 0?arguments[0]:{};return Ct?(Cn("beforeI2svg",t),xt("pseudoElements2svg",t),xt("i2svg",t)):Promise.reject("Operation requires a DOM of some kind.")},watch:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},n=t.autoReplaceSvgRoot;T.autoReplaceSvg===!1&&(T.autoReplaceSvg=!0),T.observeMutations=!0,lg(function(){Cg({autoReplaceSvgRoot:n}),Cn("watch",t)})}},Eg={icon:function(t){if(t===null)return null;if(Ya(t)==="object"&&t.prefix&&t.iconName)return{prefix:t.prefix,iconName:mn(t.prefix,t.iconName)||t.iconName};if(Array.isArray(t)&&t.length===2){var n=t[1].indexOf("fa-")===0?t[1].slice(3):t[1],r=ko(t[0]);return{prefix:r,iconName:mn(r,n)||n}}if(typeof t=="string"&&(t.indexOf("".concat(T.cssPrefix,"-"))>-1||t.match(B0))){var i=So(t.split(" "),{skipLookups:!0});return{prefix:i.prefix||Xt(),iconName:mn(i.prefix,i.iconName)||i.iconName}}if(typeof t=="string"){var a=Xt();return{prefix:a,iconName:mn(a,t)||t}}}},Me={noAuto:Sg,config:T,dom:xg,parse:Eg,library:Wm,findIconDefinition:ms,toHtml:Ei},Cg=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},n=t.autoReplaceSvgRoot,r=n===void 0?G:n;(Object.keys(Ze.styles).length>0||T.autoFetchSvg)&&Ct&&T.autoReplaceSvg&&Me.dom.i2svg({node:r})};function xo(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map(function(r){return Ei(r)})}}),Object.defineProperty(e,"node",{get:function(){if(Ct){var r=G.createElement("div");return r.innerHTML=e.html,r.children}}}),e}function _g(e){var t=e.children,n=e.main,r=e.mask,i=e.attributes,a=e.styles,o=e.transform;if(Tu(o)&&n.found&&!r.found){var l=n.width,s=n.height,u={x:l/s/2,y:.5};i.style=wo(_(_({},a),{},{"transform-origin":"".concat(u.x+o.x/16,"em ").concat(u.y+o.y/16,"em")}))}return[{tag:"svg",attributes:i,children:t}]}function Pg(e){var t=e.prefix,n=e.iconName,r=e.children,i=e.attributes,a=e.symbol,o=a===!0?"".concat(t,"-").concat(T.cssPrefix,"-").concat(n):a;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:_(_({},i),{},{id:o}),children:r}]}]}function zu(e){var t=e.icons,n=t.main,r=t.mask,i=e.prefix,a=e.iconName,o=e.transform,l=e.symbol,s=e.title,u=e.maskId,d=e.titleId,f=e.extra,v=e.watchable,h=v===void 0?!1:v,y=r.found?r:n,w=y.width,O=y.height,m=i==="fak",c=[T.replacementClass,a?"".concat(T.cssPrefix,"-").concat(a):""].filter(function($){return f.classes.indexOf($)===-1}).filter(function($){return $!==""||!!$}).concat(f.classes).join(" "),p={children:[],attributes:_(_({},f.attributes),{},{"data-prefix":i,"data-icon":a,class:c,role:f.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(w," ").concat(O)})},g=m&&!~f.classes.indexOf("fa-fw")?{width:"".concat(w/O*16*.0625,"em")}:{};h&&(p.attributes[En]=""),s&&(p.children.push({tag:"title",attributes:{id:p.attributes["aria-labelledby"]||"title-".concat(d||mi())},children:[s]}),delete p.attributes.title);var k=_(_({},p),{},{prefix:i,iconName:a,main:n,mask:r,maskId:u,transform:o,symbol:l,styles:_(_({},g),f.styles)}),x=r.found&&n.found?xt("generateAbstractMask",k)||{children:[],attributes:{}}:xt("generateAbstractIcon",k)||{children:[],attributes:{}},S=x.children,N=x.attributes;return k.children=S,k.attributes=N,l?Pg(k):_g(k)}function gf(e){var t=e.content,n=e.width,r=e.height,i=e.transform,a=e.title,o=e.extra,l=e.watchable,s=l===void 0?!1:l,u=_(_(_({},o.attributes),a?{title:a}:{}),{},{class:o.classes.join(" ")});s&&(u[En]="");var d=_({},o.styles);Tu(i)&&(d.transform=rg({transform:i,startCentered:!0,width:n,height:r}),d["-webkit-transform"]=d.transform);var f=wo(d);f.length>0&&(u.style=f);var v=[];return v.push({tag:"span",attributes:u,children:[t]}),a&&v.push({tag:"span",attributes:{class:"sr-only"},children:[a]}),v}function Ng(e){var t=e.content,n=e.title,r=e.extra,i=_(_(_({},r.attributes),n?{title:n}:{}),{},{class:r.classes.join(" ")}),a=wo(r.styles);a.length>0&&(i.style=a);var o=[];return o.push({tag:"span",attributes:i,children:[t]}),n&&o.push({tag:"span",attributes:{class:"sr-only"},children:[n]}),o}var rl=Ze.styles;function vs(e){var t=e[0],n=e[1],r=e.slice(4),i=Eu(r,1),a=i[0],o=null;return Array.isArray(a)?o={tag:"g",attributes:{class:"".concat(T.cssPrefix,"-").concat(pn.GROUP)},children:[{tag:"path",attributes:{class:"".concat(T.cssPrefix,"-").concat(pn.SECONDARY),fill:"currentColor",d:a[0]}},{tag:"path",attributes:{class:"".concat(T.cssPrefix,"-").concat(pn.PRIMARY),fill:"currentColor",d:a[1]}}]}:o={tag:"path",attributes:{fill:"currentColor",d:a}},{found:!0,width:t,height:n,icon:o}}var Og={found:!1,width:512,height:512};function Tg(e,t){!Om&&!T.showMissingIcons&&e&&console.error('Icon with name "'.concat(e,'" and prefix "').concat(t,'" is missing.'))}function hs(e,t){var n=t;return t==="fa"&&T.styleDefault!==null&&(t=Xt()),new Promise(function(r,i){if(xt("missingIconAbstract"),n==="fa"){var a=Um(e)||{};e=a.iconName||e,t=a.prefix||t}if(e&&t&&rl[t]&&rl[t][e]){var o=rl[t][e];return r(vs(o))}Tg(e,t),r(_(_({},Og),{},{icon:T.showMissingIcons&&e?xt("missingIconAbstract")||{}:{}}))})}var yf=function(){},gs=T.measurePerformance&&Vi&&Vi.mark&&Vi.measure?Vi:{mark:yf,measure:yf},br='FA "6.5.1"',Ag=function(t){return gs.mark("".concat(br," ").concat(t," begins")),function(){return Bm(t)}},Bm=function(t){gs.mark("".concat(br," ").concat(t," ends")),gs.measure("".concat(br," ").concat(t),"".concat(br," ").concat(t," begins"),"".concat(br," ").concat(t," ends"))},Lu={begin:Ag,end:Bm},ga=function(){};function wf(e){var t=e.getAttribute?e.getAttribute(En):null;return typeof t=="string"}function Ig(e){var t=e.getAttribute?e.getAttribute(_u):null,n=e.getAttribute?e.getAttribute(Pu):null;return t&&n}function bg(e){return e&&e.classList&&e.classList.contains&&e.classList.contains(T.replacementClass)}function zg(){if(T.autoReplaceSvg===!0)return ya.replace;var e=ya[T.autoReplaceSvg];return e||ya.replace}function Lg(e){return G.createElementNS("http://www.w3.org/2000/svg",e)}function Rg(e){return G.createElement(e)}function Hm(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.ceFn,r=n===void 0?e.tag==="svg"?Lg:Rg:n;if(typeof e=="string")return G.createTextNode(e);var i=r(e.tag);Object.keys(e.attributes||[]).forEach(function(o){i.setAttribute(o,e.attributes[o])});var a=e.children||[];return a.forEach(function(o){i.appendChild(Hm(o,{ceFn:r}))}),i}function $g(e){var t=" ".concat(e.outerHTML," ");return t="".concat(t,"Font Awesome fontawesome.com "),t}var ya={replace:function(t){var n=t[0];if(n.parentNode)if(t[1].forEach(function(i){n.parentNode.insertBefore(Hm(i),n)}),n.getAttribute(En)===null&&T.keepOriginalSource){var r=G.createComment($g(n));n.parentNode.replaceChild(r,n)}else n.remove()},nest:function(t){var n=t[0],r=t[1];if(~Ou(n).indexOf(T.replacementClass))return ya.replace(t);var i=new RegExp("".concat(T.cssPrefix,"-.*"));if(delete r[0].attributes.id,r[0].attributes.class){var a=r[0].attributes.class.split(" ").reduce(function(l,s){return s===T.replacementClass||s.match(i)?l.toSvg.push(s):l.toNode.push(s),l},{toNode:[],toSvg:[]});r[0].attributes.class=a.toSvg.join(" "),a.toNode.length===0?n.removeAttribute("class"):n.setAttribute("class",a.toNode.join(" "))}var o=r.map(function(l){return Ei(l)}).join(` +`);n.setAttribute(En,""),n.innerHTML=o}};function kf(e){e()}function Vm(e,t){var n=typeof t=="function"?t:ga;if(e.length===0)n();else{var r=kf;T.mutateApproach===F0&&(r=Kt.requestAnimationFrame||kf),r(function(){var i=zg(),a=Lu.begin("mutate");e.map(i),a(),n()})}}var Ru=!1;function Ym(){Ru=!0}function ys(){Ru=!1}var Ga=null;function Sf(e){if(cf&&T.observeMutations){var t=e.treeCallback,n=t===void 0?ga:t,r=e.nodeCallback,i=r===void 0?ga:r,a=e.pseudoElementsCallback,o=a===void 0?ga:a,l=e.observeMutationsRoot,s=l===void 0?G:l;Ga=new cf(function(u){if(!Ru){var d=Xt();hr(u).forEach(function(f){if(f.type==="childList"&&f.addedNodes.length>0&&!wf(f.addedNodes[0])&&(T.searchPseudoElements&&o(f.target),n(f.target)),f.type==="attributes"&&f.target.parentNode&&T.searchPseudoElements&&o(f.target.parentNode),f.type==="attributes"&&wf(f.target)&&~Q0.indexOf(f.attributeName))if(f.attributeName==="class"&&Ig(f.target)){var v=So(Ou(f.target)),h=v.prefix,y=v.iconName;f.target.setAttribute(_u,h||d),y&&f.target.setAttribute(Pu,y)}else bg(f.target)&&i(f.target)})}}),Ct&&Ga.observe(s,{childList:!0,attributes:!0,characterData:!0,subtree:!0})}}function Mg(){Ga&&Ga.disconnect()}function jg(e){var t=e.getAttribute("style"),n=[];return t&&(n=t.split(";").reduce(function(r,i){var a=i.split(":"),o=a[0],l=a.slice(1);return o&&l.length>0&&(r[o]=l.join(":").trim()),r},{})),n}function Dg(e){var t=e.getAttribute("data-prefix"),n=e.getAttribute("data-icon"),r=e.innerText!==void 0?e.innerText.trim():"",i=So(Ou(e));return i.prefix||(i.prefix=Xt()),t&&n&&(i.prefix=t,i.iconName=n),i.iconName&&i.prefix||(i.prefix&&r.length>0&&(i.iconName=hg(i.prefix,e.innerText)||Iu(i.prefix,fs(e.innerText))),!i.iconName&&T.autoFetchSvg&&e.firstChild&&e.firstChild.nodeType===Node.TEXT_NODE&&(i.iconName=e.firstChild.data)),i}function Fg(e){var t=hr(e.attributes).reduce(function(i,a){return i.name!=="class"&&i.name!=="style"&&(i[a.name]=a.value),i},{}),n=e.getAttribute("title"),r=e.getAttribute("data-fa-title-id");return T.autoA11y&&(n?t["aria-labelledby"]="".concat(T.replacementClass,"-title-").concat(r||mi()):(t["aria-hidden"]="true",t.focusable="false")),t}function Ug(){return{iconName:null,title:null,titleId:null,prefix:null,transform:ot,symbol:!1,mask:{iconName:null,prefix:null,rest:[]},maskId:null,extra:{classes:[],styles:{},attributes:{}}}}function xf(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{styleParser:!0},n=Dg(e),r=n.iconName,i=n.prefix,a=n.rest,o=Fg(e),l=ps("parseNodeAttributes",{},e),s=t.styleParser?jg(e):[];return _({iconName:r,title:e.getAttribute("title"),titleId:e.getAttribute("data-fa-title-id"),prefix:i,transform:ot,mask:{iconName:null,prefix:null,rest:[]},maskId:null,symbol:!1,extra:{classes:a,styles:s,attributes:o}},l)}var Wg=Ze.styles;function Qm(e){var t=T.autoReplaceSvg==="nest"?xf(e,{styleParser:!1}):xf(e);return~t.extra.classes.indexOf(Tm)?xt("generateLayersText",e,t):xt("generateSvgReplacementMutation",e,t)}var Zt=new Set;Nu.map(function(e){Zt.add("fa-".concat(e))});Object.keys(ci[Y]).map(Zt.add.bind(Zt));Object.keys(ci[ee]).map(Zt.add.bind(Zt));Zt=Si(Zt);function Ef(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:null;if(!Ct)return Promise.resolve();var n=G.documentElement.classList,r=function(f){return n.add("".concat(ff,"-").concat(f))},i=function(f){return n.remove("".concat(ff,"-").concat(f))},a=T.autoFetchSvg?Zt:Nu.map(function(d){return"fa-".concat(d)}).concat(Object.keys(Wg));a.includes("fa")||a.push("fa");var o=[".".concat(Tm,":not([").concat(En,"])")].concat(a.map(function(d){return".".concat(d,":not([").concat(En,"])")})).join(", ");if(o.length===0)return Promise.resolve();var l=[];try{l=hr(e.querySelectorAll(o))}catch{}if(l.length>0)r("pending"),i("complete");else return Promise.resolve();var s=Lu.begin("onTree"),u=l.reduce(function(d,f){try{var v=Qm(f);v&&d.push(v)}catch(h){Om||h.name==="MissingIcon"&&console.error(h)}return d},[]);return new Promise(function(d,f){Promise.all(u).then(function(v){Vm(v,function(){r("active"),r("complete"),i("pending"),typeof t=="function"&&t(),s(),d()})}).catch(function(v){s(),f(v)})})}function Bg(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:null;Qm(e).then(function(n){n&&Vm([n],t)})}function Hg(e){return function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=(t||{}).icon?t:ms(t||{}),i=n.mask;return i&&(i=(i||{}).icon?i:ms(i||{})),e(r,_(_({},n),{},{mask:i}))}}var Vg=function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=n.transform,i=r===void 0?ot:r,a=n.symbol,o=a===void 0?!1:a,l=n.mask,s=l===void 0?null:l,u=n.maskId,d=u===void 0?null:u,f=n.title,v=f===void 0?null:f,h=n.titleId,y=h===void 0?null:h,w=n.classes,O=w===void 0?[]:w,m=n.attributes,c=m===void 0?{}:m,p=n.styles,g=p===void 0?{}:p;if(t){var k=t.prefix,x=t.iconName,S=t.icon;return xo(_({type:"icon"},t),function(){return Cn("beforeDOMElementCreation",{iconDefinition:t,params:n}),T.autoA11y&&(v?c["aria-labelledby"]="".concat(T.replacementClass,"-title-").concat(y||mi()):(c["aria-hidden"]="true",c.focusable="false")),zu({icons:{main:vs(S),mask:s?vs(s.icon):{found:!1,width:null,height:null,icon:{}}},prefix:k,iconName:x,transform:_(_({},ot),i),symbol:o,title:v,maskId:d,titleId:y,extra:{attributes:c,styles:g,classes:O}})})}},Yg={mixout:function(){return{icon:Hg(Vg)}},hooks:function(){return{mutationObserverCallbacks:function(n){return n.treeCallback=Ef,n.nodeCallback=Bg,n}}},provides:function(t){t.i2svg=function(n){var r=n.node,i=r===void 0?G:r,a=n.callback,o=a===void 0?function(){}:a;return Ef(i,o)},t.generateSvgReplacementMutation=function(n,r){var i=r.iconName,a=r.title,o=r.titleId,l=r.prefix,s=r.transform,u=r.symbol,d=r.mask,f=r.maskId,v=r.extra;return new Promise(function(h,y){Promise.all([hs(i,l),d.iconName?hs(d.iconName,d.prefix):Promise.resolve({found:!1,width:512,height:512,icon:{}})]).then(function(w){var O=Eu(w,2),m=O[0],c=O[1];h([n,zu({icons:{main:m,mask:c},prefix:l,iconName:i,transform:s,symbol:u,maskId:f,title:a,titleId:o,extra:v,watchable:!0})])}).catch(y)})},t.generateAbstractIcon=function(n){var r=n.children,i=n.attributes,a=n.main,o=n.transform,l=n.styles,s=wo(l);s.length>0&&(i.style=s);var u;return Tu(o)&&(u=xt("generateAbstractTransformGrouping",{main:a,transform:o,containerWidth:a.width,iconWidth:a.width})),r.push(u||a.icon),{children:r,attributes:i}}}},Qg={mixout:function(){return{layer:function(n){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=r.classes,a=i===void 0?[]:i;return xo({type:"layer"},function(){Cn("beforeDOMElementCreation",{assembler:n,params:r});var o=[];return n(function(l){Array.isArray(l)?l.map(function(s){o=o.concat(s.abstract)}):o=o.concat(l.abstract)}),[{tag:"span",attributes:{class:["".concat(T.cssPrefix,"-layers")].concat(Si(a)).join(" ")},children:o}]})}}}},Gg={mixout:function(){return{counter:function(n){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=r.title,a=i===void 0?null:i,o=r.classes,l=o===void 0?[]:o,s=r.attributes,u=s===void 0?{}:s,d=r.styles,f=d===void 0?{}:d;return xo({type:"counter",content:n},function(){return Cn("beforeDOMElementCreation",{content:n,params:r}),Ng({content:n.toString(),title:a,extra:{attributes:u,styles:f,classes:["".concat(T.cssPrefix,"-layers-counter")].concat(Si(l))}})})}}}},Kg={mixout:function(){return{text:function(n){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=r.transform,a=i===void 0?ot:i,o=r.title,l=o===void 0?null:o,s=r.classes,u=s===void 0?[]:s,d=r.attributes,f=d===void 0?{}:d,v=r.styles,h=v===void 0?{}:v;return xo({type:"text",content:n},function(){return Cn("beforeDOMElementCreation",{content:n,params:r}),gf({content:n,transform:_(_({},ot),a),title:l,extra:{attributes:f,styles:h,classes:["".concat(T.cssPrefix,"-layers-text")].concat(Si(u))}})})}}},provides:function(t){t.generateLayersText=function(n,r){var i=r.title,a=r.transform,o=r.extra,l=null,s=null;if(_m){var u=parseInt(getComputedStyle(n).fontSize,10),d=n.getBoundingClientRect();l=d.width/u,s=d.height/u}return T.autoA11y&&!i&&(o.attributes["aria-hidden"]="true"),Promise.resolve([n,gf({content:n.innerHTML,width:l,height:s,transform:a,title:i,extra:o,watchable:!0})])}}},Xg=new RegExp('"',"ug"),Cf=[1105920,1112319];function Zg(e){var t=e.replace(Xg,""),n=cg(t,0),r=n>=Cf[0]&&n<=Cf[1],i=t.length===2?t[0]===t[1]:!1;return{value:fs(i?t[0]:t),isSecondary:r||i}}function _f(e,t){var n="".concat(D0).concat(t.replace(":","-"));return new Promise(function(r,i){if(e.getAttribute(n)!==null)return r();var a=hr(e.children),o=a.filter(function(S){return S.getAttribute(cs)===t})[0],l=Kt.getComputedStyle(e,t),s=l.getPropertyValue("font-family").match(H0),u=l.getPropertyValue("font-weight"),d=l.getPropertyValue("content");if(o&&!s)return e.removeChild(o),r();if(s&&d!=="none"&&d!==""){var f=l.getPropertyValue("content"),v=~["Sharp"].indexOf(s[2])?ee:Y,h=~["Solid","Regular","Light","Thin","Duotone","Brands","Kit"].indexOf(s[2])?fi[v][s[2].toLowerCase()]:V0[v][u],y=Zg(f),w=y.value,O=y.isSecondary,m=s[0].startsWith("FontAwesome"),c=Iu(h,w),p=c;if(m){var g=gg(w);g.iconName&&g.prefix&&(c=g.iconName,h=g.prefix)}if(c&&!O&&(!o||o.getAttribute(_u)!==h||o.getAttribute(Pu)!==p)){e.setAttribute(n,p),o&&e.removeChild(o);var k=Ug(),x=k.extra;x.attributes[cs]=t,hs(c,h).then(function(S){var N=zu(_(_({},k),{},{icons:{main:S,mask:bu()},prefix:h,iconName:p,extra:x,watchable:!0})),$=G.createElementNS("http://www.w3.org/2000/svg","svg");t==="::before"?e.insertBefore($,e.firstChild):e.appendChild($),$.outerHTML=N.map(function(z){return Ei(z)}).join(` +`),e.removeAttribute(n),r()}).catch(i)}else r()}else r()})}function Jg(e){return Promise.all([_f(e,"::before"),_f(e,"::after")])}function qg(e){return e.parentNode!==document.head&&!~U0.indexOf(e.tagName.toUpperCase())&&!e.getAttribute(cs)&&(!e.parentNode||e.parentNode.tagName!=="svg")}function Pf(e){if(Ct)return new Promise(function(t,n){var r=hr(e.querySelectorAll("*")).filter(qg).map(Jg),i=Lu.begin("searchPseudoElements");Ym(),Promise.all(r).then(function(){i(),ys(),t()}).catch(function(){i(),ys(),n()})})}var ey={hooks:function(){return{mutationObserverCallbacks:function(n){return n.pseudoElementsCallback=Pf,n}}},provides:function(t){t.pseudoElements2svg=function(n){var r=n.node,i=r===void 0?G:r;T.searchPseudoElements&&Pf(i)}}},Nf=!1,ty={mixout:function(){return{dom:{unwatch:function(){Ym(),Nf=!0}}}},hooks:function(){return{bootstrap:function(){Sf(ps("mutationObserverCallbacks",{}))},noAuto:function(){Mg()},watch:function(n){var r=n.observeMutationsRoot;Nf?ys():Sf(ps("mutationObserverCallbacks",{observeMutationsRoot:r}))}}}},Of=function(t){var n={size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0};return t.toLowerCase().split(" ").reduce(function(r,i){var a=i.toLowerCase().split("-"),o=a[0],l=a.slice(1).join("-");if(o&&l==="h")return r.flipX=!0,r;if(o&&l==="v")return r.flipY=!0,r;if(l=parseFloat(l),isNaN(l))return r;switch(o){case"grow":r.size=r.size+l;break;case"shrink":r.size=r.size-l;break;case"left":r.x=r.x-l;break;case"right":r.x=r.x+l;break;case"up":r.y=r.y-l;break;case"down":r.y=r.y+l;break;case"rotate":r.rotate=r.rotate+l;break}return r},n)},ny={mixout:function(){return{parse:{transform:function(n){return Of(n)}}}},hooks:function(){return{parseNodeAttributes:function(n,r){var i=r.getAttribute("data-fa-transform");return i&&(n.transform=Of(i)),n}}},provides:function(t){t.generateAbstractTransformGrouping=function(n){var r=n.main,i=n.transform,a=n.containerWidth,o=n.iconWidth,l={transform:"translate(".concat(a/2," 256)")},s="translate(".concat(i.x*32,", ").concat(i.y*32,") "),u="scale(".concat(i.size/16*(i.flipX?-1:1),", ").concat(i.size/16*(i.flipY?-1:1),") "),d="rotate(".concat(i.rotate," 0 0)"),f={transform:"".concat(s," ").concat(u," ").concat(d)},v={transform:"translate(".concat(o/2*-1," -256)")},h={outer:l,inner:f,path:v};return{tag:"g",attributes:_({},h.outer),children:[{tag:"g",attributes:_({},h.inner),children:[{tag:r.icon.tag,children:r.icon.children,attributes:_(_({},r.icon.attributes),h.path)}]}]}}}},il={x:0,y:0,width:"100%",height:"100%"};function Tf(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;return e.attributes&&(e.attributes.fill||t)&&(e.attributes.fill="black"),e}function ry(e){return e.tag==="g"?e.children:[e]}var iy={hooks:function(){return{parseNodeAttributes:function(n,r){var i=r.getAttribute("data-fa-mask"),a=i?So(i.split(" ").map(function(o){return o.trim()})):bu();return a.prefix||(a.prefix=Xt()),n.mask=a,n.maskId=r.getAttribute("data-fa-mask-id"),n}}},provides:function(t){t.generateAbstractMask=function(n){var r=n.children,i=n.attributes,a=n.main,o=n.mask,l=n.maskId,s=n.transform,u=a.width,d=a.icon,f=o.width,v=o.icon,h=ng({transform:s,containerWidth:f,iconWidth:u}),y={tag:"rect",attributes:_(_({},il),{},{fill:"white"})},w=d.children?{children:d.children.map(Tf)}:{},O={tag:"g",attributes:_({},h.inner),children:[Tf(_({tag:d.tag,attributes:_(_({},d.attributes),h.path)},w))]},m={tag:"g",attributes:_({},h.outer),children:[O]},c="mask-".concat(l||mi()),p="clip-".concat(l||mi()),g={tag:"mask",attributes:_(_({},il),{},{id:c,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[y,m]},k={tag:"defs",children:[{tag:"clipPath",attributes:{id:p},children:ry(v)},g]};return r.push(k,{tag:"rect",attributes:_({fill:"currentColor","clip-path":"url(#".concat(p,")"),mask:"url(#".concat(c,")")},il)}),{children:r,attributes:i}}}},ay={provides:function(t){var n=!1;Kt.matchMedia&&(n=Kt.matchMedia("(prefers-reduced-motion: reduce)").matches),t.missingIconAbstract=function(){var r=[],i={fill:"currentColor"},a={attributeType:"XML",repeatCount:"indefinite",dur:"2s"};r.push({tag:"path",attributes:_(_({},i),{},{d:"M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"})});var o=_(_({},a),{},{attributeName:"opacity"}),l={tag:"circle",attributes:_(_({},i),{},{cx:"256",cy:"364",r:"28"}),children:[]};return n||l.children.push({tag:"animate",attributes:_(_({},a),{},{attributeName:"r",values:"28;14;28;28;14;28;"})},{tag:"animate",attributes:_(_({},o),{},{values:"1;0;1;1;0;1;"})}),r.push(l),r.push({tag:"path",attributes:_(_({},i),{},{opacity:"1",d:"M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"}),children:n?[]:[{tag:"animate",attributes:_(_({},o),{},{values:"1;0;0;0;0;1;"})}]}),n||r.push({tag:"path",attributes:_(_({},i),{},{opacity:"0",d:"M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"}),children:[{tag:"animate",attributes:_(_({},o),{},{values:"0;0;1;1;0;0;"})}]}),{tag:"g",attributes:{class:"missing"},children:r}}}},oy={hooks:function(){return{parseNodeAttributes:function(n,r){var i=r.getAttribute("data-fa-symbol"),a=i===null?!1:i===""?!0:i;return n.symbol=a,n}}}},ly=[ag,Yg,Qg,Gg,Kg,ey,ty,ny,iy,ay,oy];kg(ly,{mixoutsTo:Me});Me.noAuto;Me.config;Me.library;Me.dom;var ws=Me.parse;Me.findIconDefinition;Me.toHtml;var sy=Me.icon;Me.layer;Me.text;Me.counter;var Gm={exports:{}},uy="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",cy=uy,fy=cy;function Km(){}function Xm(){}Xm.resetWarningCache=Km;var dy=function(){function e(r,i,a,o,l,s){if(s!==fy){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Xm,resetWarningCache:Km};return n.PropTypes=n,n};Gm.exports=dy();var py=Gm.exports;const L=Rf(py);function Af(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,r)}return n}function $t(e){for(var t=1;t=0)&&(n[i]=e[i]);return n}function vy(e,t){if(e==null)return{};var n=my(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function ks(e){return hy(e)||gy(e)||yy(e)||wy()}function hy(e){if(Array.isArray(e))return Ss(e)}function gy(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function yy(e,t){if(e){if(typeof e=="string")return Ss(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ss(e,t)}}function Ss(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n2&&arguments[2]!==void 0?arguments[2]:{};if(typeof t=="string")return t;var r=(t.children||[]).map(function(s){return Jm(e,s)}),i=Object.keys(t.attributes||{}).reduce(function(s,u){var d=t.attributes[u];switch(u){case"class":s.attrs.className=d,delete t.attributes.class;break;case"style":s.attrs.style=Cy(d);break;default:u.indexOf("aria-")===0||u.indexOf("data-")===0?s.attrs[u.toLowerCase()]=d:s.attrs[Zm(u)]=d}return s},{attrs:{}}),a=n.style,o=a===void 0?{}:a,l=vy(n,xy);return i.attrs.style=$t($t({},i.attrs.style),o),e.apply(void 0,[t.tag,$t($t({},i.attrs),l)].concat(ks(r)))}var qm=!1;try{qm=!0}catch{}function _y(){if(!qm&&console&&typeof console.error=="function"){var e;(e=console).error.apply(e,arguments)}}function If(e){if(e&&Ka(e)==="object"&&e.prefix&&e.iconName&&e.icon)return e;if(ws.icon)return ws.icon(e);if(e===null)return null;if(e&&Ka(e)==="object"&&e.prefix&&e.iconName)return e;if(Array.isArray(e)&&e.length===2)return{prefix:e[0],iconName:e[1]};if(typeof e=="string")return{prefix:"fas",iconName:e}}function al(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?Vn({},e,t):{}}var _n=Fe.forwardRef(function(e,t){var n=e.icon,r=e.mask,i=e.symbol,a=e.className,o=e.title,l=e.titleId,s=e.maskId,u=If(n),d=al("classes",[].concat(ks(ky(e)),ks(a.split(" ")))),f=al("transform",typeof e.transform=="string"?ws.transform(e.transform):e.transform),v=al("mask",If(r)),h=sy(u,$t($t($t($t({},d),f),v),{},{symbol:i,title:o,titleId:l,maskId:s}));if(!h)return _y("Could not find icon",u),null;var y=h.abstract,w={ref:t};return Object.keys(e).forEach(function(O){_n.defaultProps.hasOwnProperty(O)||(w[O]=e[O])}),Py(y[0],w)});_n.displayName="FontAwesomeIcon";_n.propTypes={beat:L.bool,border:L.bool,beatFade:L.bool,bounce:L.bool,className:L.string,fade:L.bool,flash:L.bool,mask:L.oneOfType([L.object,L.array,L.string]),maskId:L.string,fixedWidth:L.bool,inverse:L.bool,flip:L.oneOf([!0,!1,"horizontal","vertical","both"]),icon:L.oneOfType([L.object,L.array,L.string]),listItem:L.bool,pull:L.oneOf(["right","left"]),pulse:L.bool,rotation:L.oneOf([0,90,180,270]),shake:L.bool,size:L.oneOf(["2xs","xs","sm","lg","xl","2xl","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:L.bool,spinPulse:L.bool,spinReverse:L.bool,symbol:L.oneOfType([L.bool,L.string]),title:L.string,titleId:L.string,transform:L.oneOfType([L.string,L.object]),swapOpacity:L.bool};_n.defaultProps={border:!1,className:"",mask:null,maskId:null,fixedWidth:!1,inverse:!1,flip:!1,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,spinPulse:!1,spinReverse:!1,beat:!1,fade:!1,beatFade:!1,bounce:!1,shake:!1,symbol:!1,title:"",titleId:null,transform:null,swapOpacity:!1};var Py=Jm.bind(null,Fe.createElement),Ny={prefix:"fas",iconName:"paw",icon:[512,512,[],"f1b0","M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 15.6 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 .9 78.5 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.5-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.5 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z"]},Oy={prefix:"fas",iconName:"circle-plus",icon:[512,512,["plus-circle"],"f055","M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"]},Ty={prefix:"far",iconName:"circle-xmark",icon:[512,512,[61532,"times-circle","xmark-circle"],"f057","M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"]};const bf=({item:e,toggleTodo:t,deleteTodo:n})=>M.jsxs($u,{children:[M.jsx(Ay,{onClick:()=>t(e.id),children:e.content}),M.jsx(Iy,{onClick:()=>n(e.id),children:M.jsx(_n,{icon:Ty,size:"lg"})})]}),$u=le.li` + display: grid; + grid-template-columns: 1fr auto; + align-items: center; +`,Ay=le.span` + cursor: pointer; + transition: color 0.1s ease-out; + word-break: break-all; + font-size: 20px; + ${$u}:hover & { + color: #6a9fdc; + } +`,Iy=le.button` + opacity: 0; + transition: opacity 0.2s ease-out; + ${$u}:hover & { + opacity: 1; + } +`,by=()=>{const e=localStorage.getItem("data")?JSON.parse(localStorage.getItem("data")):[],[t,n]=Mt.useState(e);Mt.useEffect(()=>localStorage.setItem("data",JSON.stringify(t)),[t]);const[r,i]=Mt.useState(""),a=f=>{i(f.target.value)},o=()=>{if(!r.trim()){i("");return}n([...t,{id:new Date().getTime()+Math.random(),content:r,isDone:!1}]),i("")},l=t.filter(f=>f.isDone).length,s=t.length,u=f=>{const v=t.map(h=>h.id===f?{...h,isDone:!h.isDone}:h);n(v)},d=f=>{const v=t.filter(h=>h.id!==f);n(v)};return M.jsxs(zy,{children:[M.jsxs(Ly,{children:[M.jsx(_n,{icon:Ny,size:"lg"}),M.jsx(Ry,{onKeyDown:f=>{f.key==="Enter"&&o()},onChange:a,value:r}),M.jsx($y,{onClick:o,children:M.jsx(_n,{icon:Oy,size:"xl"})})]}),M.jsxs(My,{children:[M.jsxs("span",{children:[s!==0&&l===s?"최고예요":"달려봐요"," ","!"]}),M.jsx(jy,{children:M.jsx(Dy,{$ratio:l/s*100})}),M.jsx("span",{children:l+" / "+s})]}),M.jsxs(Fy,{children:[M.jsxs("div",{children:[M.jsx(zf,{children:"TODO"}),M.jsx(Lf,{children:t.map(f=>f.isDone||M.jsx(bf,{item:f,toggleTodo:u,deleteTodo:d},f.id))})]}),M.jsx(Uy,{}),M.jsxs("div",{children:[M.jsx(zf,{children:"DONE"}),M.jsx(Lf,{children:t.map(f=>f.isDone&&M.jsx(bf,{item:f,toggleTodo:u,deleteTodo:d},f.id))})]})]})]})},zy=le.div` + display: grid; + row-gap: 15px; +`,Ly=le.section` + background-color: #c0e0fe; + border-radius: 12px; + height: 50px; + display: grid; + grid-template-columns: auto 1fr auto; + align-items: center; + column-gap: 10px; + padding: 0 12px; +`,Ry=le.input` + border-bottom: 1px solid #7d7e7e; + font-size: 20px; + padding: 3px 2px; + margin-bottom: 3px; +`,$y=le.button``,My=le.section` + display: grid; + grid-template-columns: auto 1fr auto; + align-items: center; + column-gap: 12px; + padding: 0px 10px; + font-size: 22px; +`,jy=le.span` + background-color: #c0c0c0; + border-radius: 10px; + height: 20px; + position: relative; +`,Dy=le.span` + background-color: #7f7f7f; + border-radius: 10px; + height: inherit; + position: absolute; + transition: width 0.4s ease-in-out; + width: ${e=>e.$ratio}%; +`,Fy=le.section` + display: grid; + grid-template-columns: 1fr auto 1fr; + background-color: #fcf4db; + border-radius: 12px; + min-height: 400px; + padding: 30px; +`,Uy=le.div` + border: 1px dashed rgba(125, 126, 126, 0.5); + margin: 5px 20px; +`,zf=le.h3` + font-size: 28px; + padding-bottom: 17px; +`,Lf=le.ul` + display: grid; + row-gap: 10px; + padding: 0 5px; +`,Wy=()=>M.jsxs(By,{children:[M.jsx(P0,{}),M.jsx(by,{})]}),By=le.div` + max-width: 70%; + margin: 55px auto; +`;function Hy(){return M.jsx(Wy,{})}const Vy=_0` + @font-face { + font-family: "UhBeepuding"; + src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeepuding.woff") + format("woff"); + font-weight: normal; + font-style: normal; +} + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +*, +*::before, +*::after { + box-sizing: border-box; + font-family: "UhBeepuding"; +} + +body{ + min-height: 100vh; + background-color: #ffec9d; +} + +button { + border: none; + background: transparent; + cursor: pointer; +} + +input { + border: none; + background-color: transparent; + outline: none; +} + +`;ol.createRoot(document.getElementById("root")).render(M.jsxs(Fe.StrictMode,{children:[M.jsx(Vy,{}),M.jsx(Hy,{})]})); diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..fdf274a --- /dev/null +++ b/dist/index.html @@ -0,0 +1,13 @@ + + + + + + 아기자기 TODO + + + + +
+ + diff --git a/dist/vite.svg b/dist/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/dist/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..68afdf7 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + 아기자기 TODO + + + +
+ + + diff --git a/package.json b/package.json index 6c9c71f..edf962e 100644 --- a/package.json +++ b/package.json @@ -1,38 +1,33 @@ { "name": "react-todo-19th", - "version": "0.1.0", "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", + "preview": "vite preview" + }, "dependencies": { - "@testing-library/jest-dom": "^5.17.0", - "@testing-library/react": "^13.4.0", - "@testing-library/user-event": "^13.5.0", + "@fortawesome/fontawesome-free": "^6.5.1", + "@fortawesome/fontawesome-svg-core": "^6.5.1", + "@fortawesome/free-brands-svg-icons": "^6.5.1", + "@fortawesome/free-regular-svg-icons": "^6.5.1", + "@fortawesome/free-solid-svg-icons": "^6.5.1", + "@fortawesome/react-fontawesome": "^0.2.0", "react": "^18.2.0", "react-dom": "^18.2.0", - "react-scripts": "5.0.1", - "web-vitals": "^2.1.4" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject" - }, - "eslintConfig": { - "extends": [ - "react-app", - "react-app/jest" - ] + "styled-components": "^6.1.8" }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] + "devDependencies": { + "@types/react": "^18.2.66", + "@types/react-dom": "^18.2.22", + "@vitejs/plugin-react": "^4.2.1", + "eslint": "^8.57.0", + "eslint-plugin-react": "^7.34.1", + "eslint-plugin-react-hooks": "^4.6.0", + "eslint-plugin-react-refresh": "^0.4.6", + "vite": "^5.2.0" } } diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 3b90819..0000000 --- a/src/App.js +++ /dev/null @@ -1,9 +0,0 @@ -function App() { - return ( -
-

CEOS 19기 프론트엔드 파이팅!( ¨̮ )و✧🔥

-
- ); -} - -export default App; diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 0000000..460582a --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,7 @@ +import Template from "./components/Template"; + +function App() { + return