diff --git a/README.md b/README.md index 6e0679eab3..3cc82577b3 100644 --- a/README.md +++ b/README.md @@ -38,7 +38,7 @@ Currently, this project is only functional with the `text-davinci-003` model. - [x] Bing AI integration - [x] Remember last selected model - [x] Highlight.js for code blocks -- [ ] Markdown handling +- [x] Markdown handling - [ ] AI model change handling (whether to pseudo-persist convos or start new convos within existing convo) - [ ] Server convo pagination (limit fetch and load more with 'show more' button) - [ ] Prompt Templates diff --git a/package-lock.json b/package-lock.json index bb393848fd..1e3af82a98 100644 --- a/package-lock.json +++ b/package-lock.json @@ -24,6 +24,7 @@ "keyv": "^4.5.2", "keyv-file": "^0.2.0", "lucide-react": "^0.113.0", + "markdown-to-jsx": "^7.1.9", "mongoose": "^6.9.0", "openai": "^3.1.0", "react": "^18.2.0", @@ -46,7 +47,6 @@ "@babel/preset-env": "^7.20.2", "@babel/preset-react": "^7.18.6", "@babel/runtime": "^7.20.13", - "@tailwindcss/typography": "^0.5.9", "autoprefixer": "^10.4.13", "babel-loader": "^9.1.2", "babel-plugin-root-import": "^6.6.0", @@ -4098,34 +4098,6 @@ } } }, - "node_modules/@tailwindcss/typography": { - "version": "0.5.9", - "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz", - "integrity": "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==", - "dev": true, - "dependencies": { - "lodash.castarray": "^4.4.0", - "lodash.isplainobject": "^4.0.6", - "lodash.merge": "^4.6.2", - "postcss-selector-parser": "6.0.10" - }, - "peerDependencies": { - "tailwindcss": ">=3.0.0 || insiders" - } - }, - "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": { - "version": "6.0.10", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", - "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/@types/body-parser": { "version": "1.19.2", "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz", @@ -10047,24 +10019,12 @@ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, - "node_modules/lodash.castarray": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz", - "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==", - "dev": true - }, "node_modules/lodash.debounce": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", "dev": true }, - "node_modules/lodash.isplainobject": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz", - "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==", - "dev": true - }, "node_modules/lodash.merge": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", @@ -10165,6 +10125,17 @@ "semver": "bin/semver" } }, + "node_modules/markdown-to-jsx": { + "version": "7.1.9", + "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.1.9.tgz", + "integrity": "sha512-x4STVIKIJR0mGgZIZ5RyAeQD7FEZd5tS8m/htbcVGlex32J+hlSLj+ExrHCxP6nRKF1EKbcO7i6WhC1GtOpBlA==", + "engines": { + "node": ">= 10" + }, + "peerDependencies": { + "react": ">= 0.14.0" + } + }, "node_modules/md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -18875,30 +18846,6 @@ "reselect": "^4.1.7" } }, - "@tailwindcss/typography": { - "version": "0.5.9", - "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz", - "integrity": "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==", - "dev": true, - "requires": { - "lodash.castarray": "^4.4.0", - "lodash.isplainobject": "^4.0.6", - "lodash.merge": "^4.6.2", - "postcss-selector-parser": "6.0.10" - }, - "dependencies": { - "postcss-selector-parser": { - "version": "6.0.10", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", - "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - } - } - } - }, "@types/body-parser": { "version": "1.19.2", "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz", @@ -23395,24 +23342,12 @@ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, - "lodash.castarray": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz", - "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==", - "dev": true - }, "lodash.debounce": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", "dev": true }, - "lodash.isplainobject": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz", - "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==", - "dev": true - }, "lodash.merge": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", @@ -23491,6 +23426,12 @@ } } }, + "markdown-to-jsx": { + "version": "7.1.9", + "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.1.9.tgz", + "integrity": "sha512-x4STVIKIJR0mGgZIZ5RyAeQD7FEZd5tS8m/htbcVGlex32J+hlSLj+ExrHCxP6nRKF1EKbcO7i6WhC1GtOpBlA==", + "requires": {} + }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", diff --git a/package.json b/package.json index 8d251333a1..c8ed7b7f6f 100644 --- a/package.json +++ b/package.json @@ -36,6 +36,7 @@ "keyv": "^4.5.2", "keyv-file": "^0.2.0", "lucide-react": "^0.113.0", + "markdown-to-jsx": "^7.1.9", "mongoose": "^6.9.0", "openai": "^3.1.0", "react": "^18.2.0", @@ -58,7 +59,6 @@ "@babel/preset-env": "^7.20.2", "@babel/preset-react": "^7.18.6", "@babel/runtime": "^7.20.13", - "@tailwindcss/typography": "^0.5.9", "autoprefixer": "^10.4.13", "babel-loader": "^9.1.2", "babel-plugin-root-import": "^6.6.0", diff --git a/src/components/Messages/TextWrapper.jsx b/src/components/Messages/TextWrapper.jsx index 733604e46d..a9f56eaf64 100644 --- a/src/components/Messages/TextWrapper.jsx +++ b/src/components/Messages/TextWrapper.jsx @@ -1,23 +1,14 @@ import React from 'react'; -import ReactMarkdown from 'react-markdown'; -import supersub from 'remark-supersub' +// import ReactMarkdown from 'react-markdown'; +// import supersub from 'remark-supersub' +import Markdown from 'markdown-to-jsx'; import Embed from './Embed'; import Highlight from './Highlight'; import regexSplit from '~/utils/regexSplit'; import { languages, wrapperRegex } from '~/utils'; const { codeRegex, inLineRegex, matchRegex, languageMatch, newLineMatch } = wrapperRegex; +const mdOptions = { wrapper: React.Fragment, forceWrapper: true }; -// original function -// const inLineWrap = (parts) => -// parts.map((part, i) => { -// if (part.match(matchRegex)) { -// return {part.slice(1, -1)}; -// } else { -// // return

{part}

; -// // return part; -// return part.includes('`') ? part : {part}; -// } -// }); const inLineWrap = (parts) => { let previousElement = null; @@ -27,10 +18,11 @@ const inLineWrap = (parts) => { if (previousElement && typeof previousElement !== 'string') { // Append code element as a child to previous non-code element previousElement = ( - + // + {previousElement} {codeElement} - + ); return previousElement; } else { @@ -46,15 +38,11 @@ const inLineWrap = (parts) => { export default function TextWrapper({ text }) { // append triple backticks to the end of the text only if singular found and language found if (text.match(/```/g)?.length === 1 && text.match(languageMatch)) { - text += '```'; + text += '\n```'; } if (text.match(codeRegex)) { - // if (text.includes('```')) { - // const parts = text.split(codeRegex); - const parts = regexSplit(text); - // console.log(parts); const codeParts = parts.map((part, i) => { if (part.match(codeRegex)) { let language = 'javascript'; @@ -84,15 +72,20 @@ export default function TextWrapper({ text }) { return inLineWrap(innerParts); } else { // return part; - return {part}; + // return {part}; + return {part} } }); return <>{codeParts}; // return the wrapped text - } else { + } else if (text.match(matchRegex)) { // map over the parts and wrap any text between tildes with tags const parts = text.split(matchRegex); const codeParts = inLineWrap(parts); return <>{codeParts}; // return the wrapped text + } else { + // return {text}; + // return text + return {text}; } } diff --git a/src/components/main/TextChat.jsx b/src/components/main/TextChat.jsx index 5458b31d11..f0ef811a4d 100644 --- a/src/components/main/TextChat.jsx +++ b/src/components/main/TextChat.jsx @@ -36,34 +36,63 @@ export default function TextChat({ messages }) { const messageHandler = (data) => { dispatch(setMessages([...messages, currentMsg, { sender: model, text: data }])); }; - const convoHandler = (data) => { - console.log('in convo handler'); - if (model !== 'bingai' && convo.conversationId === null && convo.parentMessageId === null) { - const { title, conversationId, id } = data; - dispatch( - setConversation({ - title, - conversationId, - parentMessageId: id, - conversationSignature: null, - clientId: null, - invocationId: null - }) - ); - } else if (model === 'bingai' && convo.conversationId === null && convo.invocationId === null) { - const { title, conversationSignature, clientId, conversationId, invocationId } = data; - dispatch( - setConversation({ - title, - conversationSignature, - clientId, - conversationId, - invocationId, - parentMessageId: null - }) - ); - } + // const convoHandler = (data) => { + // dispatch( + // setMessages([...messages, { sender: model, text: data.text || data.response }]) + // ); + // if ( + // model !== 'bingai' && + // convo.conversationId === null && + // convo.parentMessageId === null + // ) { + // const { title, conversationId, id } = data; + // dispatch( + // setConversation({ + // title, + // conversationId, + // parentMessageId: id, + // conversationSignature: null, + // clientId: null, + // invocationId: null + // }) + // ); + // } else if ( + // model === 'bingai' && + // convo.conversationId === null && + // convo.invocationId === null + // ) { + // const { title, conversationSignature, clientId, conversationId, invocationId } = data; + // dispatch( + // setConversation({ + // title, + // conversationSignature, + // clientId, + // conversationId, + // invocationId, + // parentMessageId: null + // }) + // ); + // } + + // dispatch(setSubmitState(false)); + // }; + + const convoHandler = (data) => { + const { conversationId, id, invocationId, text } = data; + const conversationData = { + title: data.title, + conversationId, + parentMessageId: + model !== 'bingai' && !convo.conversationId && !convo.parentMessageId ? id : null, + conversationSignature: + model === 'bingai' && !convo.conversationId ? data.conversationSignature : null, + clientId: model === 'bingai' && !convo.conversationId ? data.clientId : null, + // invocationId: model === 'bingai' && !convo.conversationId ? data.invocationId : null + invocationId: invocationId ? invocationId : null + }; + dispatch(setMessages([...messages, currentMsg, { sender: model, text: text || data.response }])); + dispatch(setConversation(conversationData)); dispatch(setSubmitState(false)); }; diff --git a/src/style - official.css b/src/style - official.css new file mode 100644 index 0000000000..72c7e69f67 --- /dev/null +++ b/src/style - official.css @@ -0,0 +1,4251 @@ +ol li p { + vertical-align: top; +} + +.scroll-down-enter { + opacity: 0; +} +/* .scroll-down-appear { + opacity: 0; +} */ + +.scroll-down-enter-active { + opacity: 1; + transition: opacity 400ms; +} + +.scroll-down-exit { + opacity: 1; +} + +.scroll-down-exit-active { + opacity: 0; + transition: opacity 400ms; +} + +.blink { + animation: blink 1s linear infinite; +} +@keyframes blink { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.cursorBlink { + animation: blink 1s linear infinite; +} +@keyframes blink { + 0% { + opacity: 1; + } + 79% { + opacity: 1; + } + 80% { + opacity: 0; + } + 99% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.blink2 { + animation: blink 1500ms linear infinite; +} +@keyframes blink2 { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + + +:after, +:before { + border:0 solid #d9d9e3; + box-sizing:border-box +} +:after, +:before { + --tw-content:"" +} +html { + -webkit-text-size-adjust:100%; + font-family:Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; + line-height:1.5; + tab-size:4; +} +body { + line-height:inherit; + margin:0 +} +hr { + border-top-width:1px; + color:inherit; + height:0 +} +abbr:where([title]) { + text-decoration:underline; + -webkit-text-decoration:underline dotted currentColor; + text-decoration:underline dotted currentColor +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size:inherit; + font-weight:inherit +} +a { + color:inherit; + text-decoration:inherit +} +b, +strong { + font-weight:bolder +} +code, +kbd, +pre, +samp { + font-family:Söhne Mono,Monaco,Andale Mono,Ubuntu Mono,monospace; + font-size:1em +} +small { + font-size:80% +} +sub, +sup { + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline +} +sub { + bottom:-.25em +} +sup { + top:-.5em +} +table { + border-collapse:collapse; + border-color:inherit; + text-indent:0 +} +button, +input, +optgroup, +select, +textarea { + color:inherit; + font-family:inherit; + font-size:100%; + font-weight:inherit; + line-height:inherit; + margin:0; + padding:0 +} +button, +select { + text-transform:none +} +[type=button], +[type=reset], +[type=submit], +button { + -webkit-appearance:button; + background-color:transparent; + background-image:none +} +:-moz-focusring { + outline:auto +} +:-moz-ui-invalid { + box-shadow:none +} +progress { + vertical-align:baseline +} +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height:auto +} +[type=search] { + -webkit-appearance:textfield; + outline-offset:-2px +} +::-webkit-search-decoration { + -webkit-appearance:none +} +::-webkit-file-upload-button { + -webkit-appearance:button; + font:inherit +} +summary { + display:list-item +} +blockquote, +dd, +dl, +fieldset, +figure, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +p, +pre { + margin:0 +} +fieldset, +legend { + padding:0 +} +menu, +ol, +ul { + list-style:none; + margin:0; + padding:0 +} +textarea { + resize:vertical +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color:#acacbe +} +input::placeholder, +textarea::placeholder { + color:#acacbe +} +[role=button], +button { + cursor:pointer +} +:disabled { + cursor:default +} +audio, +canvas, +embed, +iframe, +img, +object, +svg, +video { + display:block; + vertical-align:middle +} +img, +video { + height:auto; + max-width:100% +} +[multiple], +[type=date], +[type=datetime-local], +[type=email], +[type=month], +[type=number], +[type=password], +[type=search], +[type=tel], +[type=text], +[type=time], +[type=url], +[type=week], +select, +textarea { + --tw-shadow:0 0 transparent; + -webkit-appearance:none; + appearance:none; + background-color:#fff; + border-color:#8e8ea0; + border-radius:0; + border-width:1px; + font-size:1rem; + line-height:1.5rem; + padding:.5rem .75rem +} +[multiple]:focus, +[type=date]:focus, +[type=datetime-local]:focus, +[type=email]:focus, +[type=month]:focus, +[type=number]:focus, +[type=password]:focus, +[type=search]:focus, +[type=tel]:focus, +[type=text]:focus, +[type=time]:focus, +[type=url]:focus, +[type=week]:focus, +select:focus, +textarea:focus { + --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width:0px; + --tw-ring-offset-color:#fff; + --tw-ring-color:#2563eb; + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + border-color:#2563eb; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); + outline:2px solid transparent; + outline-offset:2px +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color:#8e8ea0; + opacity:1 +} +input::placeholder, +textarea::placeholder { + color:#8e8ea0; + opacity:1 +} +::-webkit-datetime-edit-fields-wrapper { + padding:0 +} +::-webkit-date-and-time-value { + min-height:1.5em +} +::-webkit-datetime-edit, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-meridiem-field, +::-webkit-datetime-edit-millisecond-field, +::-webkit-datetime-edit-minute-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-second-field, +::-webkit-datetime-edit-year-field { + padding-bottom:0; + padding-top:0 +} +select { + background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%238e8ea0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); + background-position:right .5rem center; + background-repeat:no-repeat; + background-size:1.5em 1.5em; + padding-right:2.5rem; + -webkit-print-color-adjust:exact; + print-color-adjust:exact +} +[multiple] { + background-image:none; + background-position:0 0; + background-repeat:repeat; + background-size:auto auto; + background-size:initial; + padding-right:.75rem; + -webkit-print-color-adjust:inherit; + print-color-adjust:inherit +} +[type=checkbox], +[type=radio] { + --tw-shadow:0 0 transparent; + -webkit-appearance:none; + appearance:none; + background-color:#fff; + background-origin:border-box; + border-color:#8e8ea0; + border-width:1px; + color:#2563eb; + display:inline-block; + flex-shrink:0; + height:1rem; + padding:0; + -webkit-print-color-adjust:exact; + print-color-adjust:exact; + -webkit-user-select:none; + user-select:none; + vertical-align:middle; + width:1rem +} +[type=checkbox] { + border-radius:0 +} +[type=radio] { + border-radius:100% +} +[type=checkbox]:focus, +[type=radio]:focus { + --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width:2px; + --tw-ring-offset-color:#fff; + --tw-ring-color:#2563eb; + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); + outline:2px solid transparent; + outline-offset:2px +} +[type=checkbox]:checked, +[type=radio]:checked { + background-color:currentColor; + background-position:50%; + background-repeat:no-repeat; + background-size:100% 100%; + border-color:transparent +} +[type=checkbox]:checked { + background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") +} +[type=radio]:checked { + background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") +} +[type=checkbox]:checked:focus, +[type=checkbox]:checked:hover, +[type=radio]:checked:focus, +[type=radio]:checked:hover { + background-color:currentColor; + border-color:transparent +} +[type=checkbox]:indeterminate { + background-color:currentColor; + background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); + background-position:50%; + background-repeat:no-repeat; + background-size:100% 100%; + border-color:transparent +} +[type=checkbox]:indeterminate:focus, +[type=checkbox]:indeterminate:hover { + background-color:currentColor; + border-color:transparent +} +[type=file] { + background:transparent none repeat 0 0/auto auto padding-box border-box scroll; + background:initial; + border-color:inherit; + border-radius:0; + border-width:0; + font-size:inherit; + line-height:inherit; + padding:0 +} +[type=file]:focus { + outline:1px solid ButtonText; + outline:1px auto -webkit-focus-ring-color +} +h1 { + font-size:1.875rem; + line-height:2.25rem +} +h1, +h2, +h3 { + font-weight:600 +} +h2, +h3 { + font-size:1.5rem; + line-height:2rem +} +*, +:after, +:before { + --tw-border-spacing-x:0; + --tw-border-spacing-y:0; + --tw-translate-x:0; + --tw-translate-y:0; + --tw-rotate:0; + --tw-skew-x:0; + --tw-skew-y:0; + --tw-scale-x:1; + --tw-scale-y:1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness:proximity; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width:0px; + --tw-ring-offset-color:#fff; + --tw-ring-color:rgba(59,130,246,.5); + --tw-ring-offset-shadow:0 0 transparent; + --tw-ring-shadow:0 0 transparent; + --tw-shadow:0 0 transparent; + --tw-shadow-colored:0 0 transparent; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: +} +::-webkit-backdrop { + --tw-border-spacing-x:0; + --tw-border-spacing-y:0; + --tw-translate-x:0; + --tw-translate-y:0; + --tw-rotate:0; + --tw-skew-x:0; + --tw-skew-y:0; + --tw-scale-x:1; + --tw-scale-y:1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness:proximity; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width:0px; + --tw-ring-offset-color:#fff; + --tw-ring-color:rgba(59,130,246,.5); + --tw-ring-offset-shadow:0 0 transparent; + --tw-ring-shadow:0 0 transparent; + --tw-shadow:0 0 transparent; + --tw-shadow-colored:0 0 transparent; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: +} +::backdrop { + --tw-border-spacing-x:0; + --tw-border-spacing-y:0; + --tw-translate-x:0; + --tw-translate-y:0; + --tw-rotate:0; + --tw-skew-x:0; + --tw-skew-y:0; + --tw-scale-x:1; + --tw-scale-y:1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness:proximity; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width:0px; + --tw-ring-offset-color:#fff; + --tw-ring-color:rgba(59,130,246,.5); + --tw-ring-offset-shadow:0 0 transparent; + --tw-ring-shadow:0 0 transparent; + --tw-shadow:0 0 transparent; + --tw-shadow-colored:0 0 transparent; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: +} +:root { + --color-primary:#19c37d; + --color-secondary:#715fde; + --color-error:#ef4146; + --gradient-primary:linear-gradient(90deg,#a29bd4,#989fdd); + --text-primary:#202123; + --text-default:#353740; + --text-secondary:#6e6e80; + --text-disabled:#acacbe; + --text-error:var(--color-error) +} +::-webkit-scrollbar { + height:1rem; + width:.5rem +} +::-webkit-scrollbar:horizontal { + height:.5rem; + width:1rem +} +::-webkit-scrollbar-track { + background-color:transparent; + border-radius:9999px +} +::-webkit-scrollbar-thumb { + --tw-border-opacity:1; + background-color:rgba(217,217,227,.8); + border-color:rgba(255,255,255,var(--tw-border-opacity)); + border-radius:9999px; + border-width:1px +} +::-webkit-scrollbar-thumb:hover { + --tw-bg-opacity:1; + background-color:rgba(236,236,241,var(--tw-bg-opacity)) +} +.dark ::-webkit-scrollbar-thumb { + --tw-bg-opacity:1; + background-color:rgba(86,88,105,var(--tw-bg-opacity)) +} +.dark ::-webkit-scrollbar-thumb:hover { + --tw-bg-opacity:1; + background-color:rgba(172,172,190,var(--tw-bg-opacity)) +} +@media (min-width:768px) { + .scrollbar-trigger ::-webkit-scrollbar-thumb { + visibility:hidden + } + .scrollbar-trigger:hover ::-webkit-scrollbar-thumb { + visibility:visible + } +} +.container { + width:100% +} +@media (min-width:640px) { + .container { + max-width:640px + } +} +@media (min-width:768px) { + .container { + max-width:768px + } +} +@media (min-width:1024px) { + .container { + max-width:1024px + } +} +@media (min-width:1280px) { + .container { + max-width:1280px + } +} +@media (min-width:1536px) { + .container { + max-width:1536px + } +} +.prose { + color:var(--tw-prose-body); + max-width:65ch +} +.prose :where([class~=lead]):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-lead); + font-size:1.25em; + line-height:1.6; + margin-bottom:1.2em; + margin-top:1.2em +} +.prose :where(a):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-links); + font-weight:500; + text-decoration:underline +} +.prose :where(strong):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-bold); + font-weight:600 +} +.prose :where(a strong):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(blockquote strong):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(thead th strong):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(ol):not(:where([class~=not-prose] *)) { + list-style-type:decimal; + margin-bottom:6.3em; + margin-top:0.2em; + padding-left:1.625em +} +.prose :where(ol[type=A]):not(:where([class~=not-prose] *)) { + list-style-type:upper-alpha +} +.prose :where(ol[type=a]):not(:where([class~=not-prose] *)) { + list-style-type:lower-alpha +} +.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)) { + list-style-type:upper-alpha +} +.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)) { + list-style-type:lower-alpha +} +.prose :where(ol[type=I]):not(:where([class~=not-prose] *)) { + list-style-type:upper-roman +} +.prose :where(ol[type=i]):not(:where([class~=not-prose] *)) { + list-style-type:lower-roman +} +.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)) { + list-style-type:upper-roman +} +.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)) { + list-style-type:lower-roman +} +.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) { + list-style-type:decimal +} +.prose :where(ul):not(:where([class~=not-prose] *)) { + list-style-type:disc; + margin-bottom:1.25em; + margin-top:1.25em; + padding-left:1.625em +} +.prose :where(ol>li):not(:where([class~=not-prose] *))::marker { + color:var(--tw-prose-counters); + font-weight:400 +} +.prose :where(ul>li):not(:where([class~=not-prose] *))::marker { + color:var(--tw-prose-bullets) +} +.prose :where(hr):not(:where([class~=not-prose] *)) { + border-color:var(--tw-prose-hr); + border-top-width:1px; + margin-bottom:3em; + margin-top:3em +} +.prose :where(blockquote):not(:where([class~=not-prose] *)) { + border-left-color:var(--tw-prose-quote-borders); + border-left-width:.25rem; + color:var(--tw-prose-quotes); + font-style:italic; + font-style:normal; + font-weight:500; + margin-bottom:1.6em; + margin-top:1.6em; + padding-left:1em; + quotes:"\201C""\201D""\2018""\2019" +} +.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before { + content:open-quote +} +.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after { + content:close-quote +} +.prose :where(h1):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-headings); + font-size:2.25em; + font-weight:800; + line-height:1.1111111; + margin-bottom:.8888889em; + margin-top:0 +} +.prose :where(h1 strong):not(:where([class~=not-prose] *)) { + color:inherit; + font-weight:900 +} +.prose :where(h2):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-headings); + font-size:1.5em; + font-weight:700; + line-height:1.3333333; + margin-bottom:1em; + margin-top:2em +} +.prose :where(h2 strong):not(:where([class~=not-prose] *)) { + color:inherit; + font-weight:800 +} +.prose :where(h3):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-headings); + font-size:1.25em; + font-weight:600; + line-height:1.6; + margin-bottom:.6em; + margin-top:1.6em +} +.prose :where(h3 strong):not(:where([class~=not-prose] *)) { + color:inherit; + font-weight:700 +} +.prose :where(h4):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-headings); + font-weight:600; + line-height:1.5; + margin-bottom:.5em; + margin-top:1.5em +} +.prose :where(h4 strong):not(:where([class~=not-prose] *)) { + color:inherit; + font-weight:700 +} +.prose :where(img):not(:where([class~=not-prose] *)) { + margin-bottom:2em; + margin-top:2em +} +.prose :where(figure>*):not(:where([class~=not-prose] *)) { + margin-bottom:0; + margin-top:0 +} +.prose :where(figcaption):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-captions); + font-size:.875em; + line-height:1.4285714; + margin-top:.8571429em +} +.prose :where(code):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-code); + font-size:.875em; + font-weight:600 +} +.prose :where(code):not(:where([class~=not-prose] *)):before { + content:"`" +} +.prose :where(code):not(:where([class~=not-prose] *)):after { + content:"`" +} +.prose :where(a code):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(h1 code):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(h2 code):not(:where([class~=not-prose] *)) { + color:inherit; + font-size:.875em +} +.prose :where(h3 code):not(:where([class~=not-prose] *)) { + color:inherit; + font-size:.9em +} +.prose :where(h4 code):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(blockquote code):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(thead th code):not(:where([class~=not-prose] *)) { + color:inherit +} +.prose :where(pre):not(:where([class~=not-prose] *)) { + background-color:transparent; + border-radius:.375rem; + color:currentColor; + font-size:.875em; + font-weight:400; + line-height:1.7142857; + margin:0; + overflow-x:auto; + padding:0 +} +.prose :where(pre code):not(:where([class~=not-prose] *)) { + background-color:transparent; + border-radius:0; + border-width:0; + color:inherit; + font-family:inherit; + font-size:inherit; + font-weight:inherit; + line-height:inherit; + padding:0 +} +.prose :where(pre code):not(:where([class~=not-prose] *)):before { + content:none +} +.prose :where(pre code):not(:where([class~=not-prose] *)):after { + content:none +} +.prose :where(table):not(:where([class~=not-prose] *)) { + font-size:.875em; + line-height:1.7142857; + margin-bottom:2em; + margin-top:2em; + table-layout:auto; + text-align:left; + width:100% +} +.prose :where(thead):not(:where([class~=not-prose] *)) { + border-bottom-color:var(--tw-prose-th-borders); + border-bottom-width:1px +} +.prose :where(thead th):not(:where([class~=not-prose] *)) { + color:var(--tw-prose-headings); + font-weight:600; + padding-bottom:.5714286em; + padding-left:.5714286em; + padding-right:.5714286em; + vertical-align:bottom +} +.prose :where(tbody tr):not(:where([class~=not-prose] *)) { + border-bottom-color:var(--tw-prose-td-borders); + border-bottom-width:1px +} +.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) { + border-bottom-width:0 +} +.prose :where(tbody td):not(:where([class~=not-prose] *)) { + vertical-align:baseline +} +.prose :where(tfoot):not(:where([class~=not-prose] *)) { + border-top-color:var(--tw-prose-th-borders); + border-top-width:1px +} +.prose :where(tfoot td):not(:where([class~=not-prose] *)) { + vertical-align:top +} +.prose { + --tw-prose-body:#374151; + --tw-prose-headings:#111827; + --tw-prose-lead:#4b5563; + --tw-prose-links:#111827; + --tw-prose-bold:#111827; + --tw-prose-counters:#6b7280; + --tw-prose-bullets:#d1d5db; + --tw-prose-hr:#e5e7eb; + --tw-prose-quotes:#111827; + --tw-prose-quote-borders:#e5e7eb; + --tw-prose-captions:#6b7280; + --tw-prose-code:#111827; + --tw-prose-pre-code:#e5e7eb; + --tw-prose-pre-bg:#1f2937; + --tw-prose-th-borders:#d1d5db; + --tw-prose-td-borders:#e5e7eb; + --tw-prose-invert-body:#d1d5db; + --tw-prose-invert-headings:#fff; + --tw-prose-invert-lead:#9ca3af; + --tw-prose-invert-links:#fff; + --tw-prose-invert-bold:#fff; + --tw-prose-invert-counters:#9ca3af; + --tw-prose-invert-bullets:#4b5563; + --tw-prose-invert-hr:#374151; + --tw-prose-invert-quotes:#f3f4f6; + --tw-prose-invert-quote-borders:#374151; + --tw-prose-invert-captions:#9ca3af; + --tw-prose-invert-code:#fff; + --tw-prose-invert-pre-code:#d1d5db; + --tw-prose-invert-pre-bg:rgba(0,0,0,.5); + --tw-prose-invert-th-borders:#4b5563; + --tw-prose-invert-td-borders:#374151; + font-size:1rem; + line-height:1.75 +} +.prose :where(p):not(:where([class~=not-prose] *)) { + margin-bottom:1.25em; + margin-top:1.25em +} +.prose :where(video):not(:where([class~=not-prose] *)) { + margin-bottom:2em; + margin-top:2em +} +.prose :where(figure):not(:where([class~=not-prose] *)) { + margin-bottom:2em; + margin-top:2em +} +.prose :where(li):not(:where([class~=not-prose] *)) { + margin-bottom:.5em; + margin-top:.5em +} +.prose :where(ol>li):not(:where([class~=not-prose] *)) { + padding-left:.375em +} +.prose :where(ul>li):not(:where([class~=not-prose] *)) { + padding-left:.375em +} +.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)) { + margin-bottom:.75em; + margin-top:.75em +} +.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.25em +} +.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.25em +} +.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.25em +} +.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.25em +} +.prose :where(ul ul, +ul ol, +ol ul, +ol ol):not(:where([class~=not-prose] *)) { + margin-bottom:.75em; + margin-top:.75em +} +.prose :where(hr+*):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose :where(h2+*):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose :where(h3+*):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose :where(h4+*):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose :where(thead th:first-child):not(:where([class~=not-prose] *)) { + padding-left:0 +} +.prose :where(thead th:last-child):not(:where([class~=not-prose] *)) { + padding-right:0 +} +.prose :where(tbody td, +tfoot td):not(:where([class~=not-prose] *)) { + padding:.5714286em +} +.prose :where(tbody td:first-child, +tfoot td:first-child):not(:where([class~=not-prose] *)) { + padding-left:0 +} +.prose :where(tbody td:last-child, +tfoot td:last-child):not(:where([class~=not-prose] *)) { + padding-right:0 +} +.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:0 +} +.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)) { + margin-bottom:.5714286em; + margin-top:.5714286em +} +.prose-sm :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.1428571em +} +.prose-sm :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.1428571em +} +.prose-sm :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.1428571em +} +.prose-sm :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.1428571em +} +.prose-sm :where(.prose>:first-child):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose-sm :where(.prose>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:0 +} +.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)) { + margin-bottom:.75em; + margin-top:.75em +} +.prose-base :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.25em +} +.prose-base :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.25em +} +.prose-base :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.25em +} +.prose-base :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.25em +} +.prose-base :where(.prose>:first-child):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose-base :where(.prose>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:0 +} +.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)) { + margin-bottom:.8888889em; + margin-top:.8888889em +} +.prose-lg :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.3333333em +} +.prose-lg :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.3333333em +} +.prose-lg :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.3333333em +} +.prose-lg :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.3333333em +} +.prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:0 +} +.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)) { + margin-bottom:.8em; + margin-top:.8em +} +.prose-xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.2em +} +.prose-xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.2em +} +.prose-xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.2em +} +.prose-xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.2em +} +.prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:0 +} +.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)) { + margin-bottom:.8333333em; + margin-top:.8333333em +} +.prose-2xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.3333333em +} +.prose-2xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.3333333em +} +.prose-2xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) { + margin-top:1.3333333em +} +.prose-2xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:1.3333333em +} +.prose-2xl :where(.prose>:first-child):not(:where([class~=not-prose] *)) { + margin-top:0 +} +.prose-2xl :where(.prose>:last-child):not(:where([class~=not-prose] *)) { + margin-bottom:0 +} +.form-input, +.form-multiselect, +.form-select, +.form-textarea { + --tw-shadow:0 0 transparent; + -webkit-appearance:none; + appearance:none; + background-color:#fff; + border-color:#8e8ea0; + border-radius:0; + border-width:1px; + font-size:1rem; + line-height:1.5rem; + padding:.5rem .75rem +} +.form-input:focus, +.form-multiselect:focus, +.form-select:focus, +.form-textarea:focus { + --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width:0px; + --tw-ring-offset-color:#fff; + --tw-ring-color:#2563eb; + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + border-color:#2563eb; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); + outline:2px solid transparent; + outline-offset:2px +} +.form-input::-webkit-input-placeholder, +.form-textarea::-webkit-input-placeholder { + color:#8e8ea0; + opacity:1 +} +.form-input::placeholder, +.form-textarea::placeholder { + color:#8e8ea0; + opacity:1 +} +.form-input::-webkit-datetime-edit-fields-wrapper { + padding:0 +} +.form-input::-webkit-date-and-time-value { + min-height:1.5em +} +.form-input::-webkit-datetime-edit, +.form-input::-webkit-datetime-edit-day-field, +.form-input::-webkit-datetime-edit-hour-field, +.form-input::-webkit-datetime-edit-meridiem-field, +.form-input::-webkit-datetime-edit-millisecond-field, +.form-input::-webkit-datetime-edit-minute-field, +.form-input::-webkit-datetime-edit-month-field, +.form-input::-webkit-datetime-edit-second-field, +.form-input::-webkit-datetime-edit-year-field { + padding-bottom:0; + padding-top:0 +} +.btn { + align-items:center; + border-color:transparent; + border-radius:.25rem; + border-width:1px; + display:inline-flex; + font-size:.875rem; + line-height:1.25rem; + padding:.5rem .75rem; + pointer-events:auto +} +.btn:focus { + outline:2px solid transparent; + outline-offset:2px +} +.btn:disabled { + cursor:not-allowed; + opacity:.5 +} +.btn-primary { + --tw-bg-opacity:1; + --tw-text-opacity:1; + background-color:rgba(16,163,127,var(--tw-bg-opacity)); + color:rgba(255,255,255,var(--tw-text-opacity)) +} +.btn-primary:hover { + --tw-bg-opacity:1; + background-color:rgba(26,127,100,var(--tw-bg-opacity)) +} +.btn-primary:focus { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + --tw-ring-offset-width:2px; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.btn-primary.focus-visible { + --tw-ring-opacity:1; + --tw-ring-color:rgba(25,195,125,var(--tw-ring-opacity)) +} +.btn-primary:focus-visible { + --tw-ring-opacity:1; + --tw-ring-color:rgba(25,195,125,var(--tw-ring-opacity)) +} +.btn-primary:disabled:hover { + --tw-bg-opacity:1; + background-color:rgba(16,163,127,var(--tw-bg-opacity)) +} +.btn-secondary { + --tw-bg-opacity:1; + --tw-text-opacity:1; + background-color:rgba(224,231,255,var(--tw-bg-opacity)); + color:rgba(67,56,202,var(--tw-text-opacity)); + font-size:.875rem; + line-height:1.25rem +} +.btn-secondary:hover { + --tw-bg-opacity:1; + background-color:rgba(199,210,254,var(--tw-bg-opacity)) +} +.btn-secondary:focus { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + --tw-ring-offset-width:2px; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.btn-secondary.focus-visible { + --tw-ring-opacity:1; + --tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity)) +} +.btn-secondary:focus-visible { + --tw-ring-opacity:1; + --tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity)) +} +.btn-neutral { + --tw-bg-opacity:1; + --tw-text-opacity:1; + background-color:rgba(255,255,255,var(--tw-bg-opacity)); + border-color:rgba(0,0,0,.1); + border-width:1px; + color:rgba(64,65,79,var(--tw-text-opacity)); + font-size:.875rem; + line-height:1.25rem +} +.btn-neutral:hover { + --tw-bg-opacity:1; + background-color:rgba(236,236,241,var(--tw-bg-opacity)) +} +.btn-neutral:focus { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + --tw-ring-offset-width:2px; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.btn-neutral.focus-visible { + --tw-ring-opacity:1; + --tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity)) +} +.btn-neutral:focus-visible { + --tw-ring-opacity:1; + --tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity)) +} +.dark .btn-neutral { + --tw-border-opacity:1; + --tw-bg-opacity:1; + --tw-text-opacity:1; + background-color:rgba(52,53,65,var(--tw-bg-opacity)); + border-color:rgba(86,88,105,var(--tw-border-opacity)); + color:rgba(217,217,227,var(--tw-text-opacity)) +} +.dark .btn-neutral:hover { + --tw-bg-opacity:1; + background-color:rgba(64,65,79,var(--tw-bg-opacity)) +} +.btn-dark { + --tw-border-opacity:1; + --tw-bg-opacity:1; + --tw-text-opacity:1; + background-color:rgba(52,53,65,var(--tw-bg-opacity)); + border-color:rgba(86,88,105,var(--tw-border-opacity)); + border-width:1px; + color:rgba(255,255,255,var(--tw-text-opacity)) +} +.btn-dark:hover { + --tw-bg-opacity:1; + background-color:rgba(64,65,79,var(--tw-bg-opacity)) +} +.btn-small { + padding:.25rem .5rem +} +.sr-only { + clip:rect(0,0,0,0); + border-width:0; + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + white-space:nowrap; + width:1px +} +.pointer-events-none { + pointer-events:none +} +.pointer-events-auto { + pointer-events:auto +} +.visible { + visibility:visible +} +.invisible { + visibility:hidden +} +.static { + position:static +} +.fixed { + position:fixed +} +.absolute { + position:absolute +} +.relative { + position:relative +} +.sticky { + position:-webkit-sticky; + position:sticky +} +.\!sticky { + position:-webkit-sticky!important; + position:sticky!important +} +.inset-0 { + left:0; + right:0 +} +.inset-0, +.inset-y-0 { + bottom:0; + top:0 +} +.top-2 { + top:.5rem +} +.left-4 { + left:1rem +} +.top-4 { + top:1rem +} +.right-0 { + right:0 +} +.top-1\/2 { + top:50% +} +.top-\[20px\] { + top:20px +} +.top-0 { + top:0 +} +.bottom-0 { + bottom:0 +} +.left-0 { + left:0 +} +.right-4 { + right:1rem +} +.right-1 { + right:.25rem +} +.left-1\/2 { + left:50% +} +.bottom-1\.5 { + bottom:.375rem +} +.bottom-1 { + bottom:.25rem +} +.top-6 { + top:1.5rem +} +.left-2 { + left:.5rem +} +.top-8 { + top:2rem +} +.left-full { + left:100% +} +.right-6 { + right:1.5rem +} +.bottom-\[124px\] { + bottom:124px +} +.top-1\.5 { + top:.375rem +} +.top-1 { + top:.25rem +} +.-bottom-1\.5 { + bottom:-.375rem +} +.-bottom-1 { + bottom:-.25rem +} +.z-10 { + z-index:10 +} +.z-50 { + z-index:50 +} +.z-40 { + z-index:40 +} +.z-20 { + z-index:20 +} +.-z-10 { + z-index:-10 +} +.z-0 { + z-index:0 +} +.z-\[2\] { + z-index:2 +} +.z-\[60\] { + z-index:60 +} +.order-1 { + order:1 +} +.order-2 { + order:2 +} +.col-span-1 { + grid-column:span 1/span 1 +} +.col-span-3 { + grid-column:span 3/span 3 +} +.float-left { + float:left +} +.m-6 { + margin:1.5rem +} +.m-auto { + margin:auto +} +.m-0 { + margin:0 +} +.m-1 { + margin:.25rem +} +.m-2 { + margin:.5rem +} +.mx-auto { + margin-left:auto; + margin-right:auto +} +.mx-1 { + margin-left:.25rem; + margin-right:.25rem +} +.\!my-0 { + margin-bottom:0!important; + margin-top:0!important +} +.mx-2 { + margin-left:.5rem; + margin-right:.5rem +} +.my-4 { + margin-bottom:1rem; + margin-top:1rem +} +.my-2 { + margin-bottom:.5rem; + margin-top:.5rem +} +.my-1 { + margin-bottom:.25rem; + margin-top:.25rem +} +.mx-3 { + margin-left:.75rem; + margin-right:.75rem +} +.mr-2 { + margin-right:.5rem +} +.mb-6 { + margin-bottom:1.5rem +} +.mb-2 { + margin-bottom:.5rem +} +.mb-5 { + margin-bottom:1.25rem +} +.mb-4 { + margin-bottom:1rem +} +.-mr-2 { + margin-right:-.5rem +} +.mt-1 { + margin-top:.25rem +} +.ml-4 { + margin-left:1rem +} +.-ml-4 { + margin-left:-1rem +} +.mt-2 { + margin-top:.5rem +} +.ml-auto { + margin-left:auto +} +.mr-0 { + margin-right:0 +} +.mt-3 { + margin-top:.75rem +} +.mr-4 { + margin-right:1rem +} +.mt-5 { + margin-top:1.25rem +} +.-mr-12 { + margin-right:-3rem +} +.ml-1 { + margin-left:.25rem +} +.-ml-0\.5 { + margin-left:-.125rem +} +.-mt-0\.5 { + margin-top:-.125rem +} +.-ml-0 { + margin-left:0 +} +.-mt-0 { + margin-top:0 +} +.ml-3 { + margin-left:.75rem +} +.mb-3 { + margin-bottom:.75rem +} +.ml-2 { + margin-left:.5rem +} +.mr-1 { + margin-right:.25rem +} +.mt-1\.5 { + margin-top:.375rem +} +.-ml-\[1px\] { + margin-left:-1px +} +.ml-6 { + margin-left:1.5rem +} +.mt-4 { + margin-top:1rem +} +.mb-1 { + margin-bottom:.25rem +} +.mr-auto { + margin-right:auto +} +.mb-10 { + margin-bottom:2.5rem +} +.-ml-px { + margin-left:-1px +} +.ml-12 { + margin-left:3rem +} +.\!mt-4 { + margin-top:1rem!important +} +.\!mb-2 { + margin-bottom:.5rem!important +} +.mt-6 { + margin-top:1.5rem +} +.mb-8 { + margin-bottom:2rem +} +.block { + display:block +} +.inline-block { + display:inline-block +} +.inline { + display:inline +} +.flex { + display:flex +} +.inline-flex { + display:inline-flex +} +.table { + display:table +} +.grid { + display:grid +} +.contents { + display:contents +} +.hidden { + display:none +} +.h-full { + height:100% +} +.h-screen { + height:100vh +} +.h-\[30px\] { + height:30px +} +.h-4 { + height:1rem +} +.h-8 { + height:2rem +} +.h-10 { + height:2.5rem +} +.h-3 { + height:.75rem +} +.h-6 { + height:1.5rem +} +.h-12 { + height:3rem +} +.h-1 { + height:.25rem +} +.h-\[42px\] { + height:42px +} +.h-5 { + height:1.25rem +} +.h-7 { + height:1.75rem +} +.h-32 { + height:8rem +} +.h-2 { + height:.5rem +} +.h-\[1px\] { + height:1px +} +.h-2\.5 { + height:.625rem +} +.h-24 { + height:6rem +} +.\!h-24 { + height:6rem!important +} +.h-\[37px\] { + height:37px +} +.max-h-5 { + max-height:1.25rem +} +.max-h-60 { + max-height:15rem +} +.max-h-64 { + max-height:16rem +} +.max-h-\[80vh\] { + max-height:80vh +} +.min-h-screen { + min-height:100vh +} +.min-h-\[20px\] { + min-height:20px +} +.min-h-full { + min-height:100% +} +.min-h-0 { + min-height:0 +} +.min-h-\[24px\] { + min-height:24px +} +.min-h-\[71px\] { + min-height:71px +} +.min-h-\[32px\] { + min-height:32px +} +.w-full { + width:100% +} +.w-\[30px\] { + width:30px +} +.w-4 { + width:1rem +} +.w-8 { + width:2rem +} +.w-10 { + width:2.5rem +} +.w-\[calc\(100\%-34px\)\] { + width:calc(100% - 34px) +} +.w-\[calc\(100\%-50px\)\] { + width:calc(100% - 50px) +} +.w-3 { + width:.75rem +} +.w-6 { + width:1.5rem +} +.w-12 { + width:3rem +} +.w-14 { + width:3.5rem +} +.w-screen { + width:100vw +} +.w-5 { + width:1.25rem +} +.w-11 { + width:2.75rem +} +.w-2 { + width:.5rem +} +.w-96 { + width:24rem +} +.w-2\.5 { + width:.625rem +} +.\!w-24 { + width:6rem!important +} +.max-w-lg { + max-width:32rem +} +.max-w-md { + max-width:28rem +} +.max-w-sm { + max-width:24rem +} +.max-w-xl { + max-width:36rem +} +.max-w-2xl { + max-width:42rem +} +.max-w-xs { + max-width:20rem +} +.max-w-7xl { + max-width:80rem +} +.max-w-full { + max-width:100% +} +.max-w-\[560px\] { + max-width:560px +} +.max-w-prose { + max-width:65ch +} +.max-w-5xl { + max-width:64rem +} +.flex-1 { + flex:1 1 0% +} +.flex-shrink-0 { + flex-shrink:0 +} +.flex-shrink { + flex-shrink:1 +} +.shrink-0 { + flex-shrink:0 +} +.shrink { + flex-shrink:1 +} +.flex-grow { + flex-grow:1 +} +.flex-grow-0 { + flex-grow:0 +} +.grow { + flex-grow:1 +} +.-translate-y-1\/2 { + --tw-translate-y:-50% +} +.-translate-y-1\/2, +.translate-y-\[calc\(100\%-71px\)\] { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.translate-y-\[calc\(100\%-71px\)\] { + --tw-translate-y:calc(100% - 71px) +} +.-translate-x-full { + --tw-translate-x:-100% +} +.-translate-x-full, +.translate-y-4 { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.translate-y-4 { + --tw-translate-y:1rem +} +.translate-y-0 { + --tw-translate-y:0px +} +.translate-x-0, +.translate-y-0 { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.translate-x-0 { + --tw-translate-x:0px +} +.translate-y-1 { + --tw-translate-y:0.25rem +} +.-translate-x-1\/2, +.translate-y-1 { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.-translate-x-1\/2 { + --tw-translate-x:-50% +} +.translate-x-1 { + --tw-translate-x:0.25rem +} +.-translate-y-full, +.translate-x-1 { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.-translate-y-full { + --tw-translate-y:-100% +} +.translate-x-full { + --tw-translate-x:100% +} +.translate-x-5, +.translate-x-full { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.translate-x-5 { + --tw-translate-x:1.25rem +} +.translate-x-4 { + --tw-translate-x:1rem +} +.rotate-180, +.translate-x-4 { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.rotate-180 { + --tw-rotate:180deg +} +.-rotate-180 { + --tw-rotate:-180deg +} +.-rotate-180, +.transform { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +@-webkit-keyframes spin { + to { + -webkit-transform:rotate(1turn); + transform:rotate(1turn) + } +} +@keyframes spin { + to { + -webkit-transform:rotate(1turn); + transform:rotate(1turn) + } +} +.animate-spin { + -webkit-animation:spin 1s linear infinite; + animation:spin 1s linear infinite +} +@-webkit-keyframes pulse { + 50% { + opacity:.5 + } +} +@keyframes pulse { + 50% { + opacity:.5 + } +} +.animate-pulse { + -webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite; + animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite +} +.cursor-not-allowed { + cursor:not-allowed +} +.cursor-pointer { + cursor:pointer +} +.cursor-default { + cursor:default +} +.select-none { + -webkit-user-select:none; + user-select:none +} +.resize-none { + resize:none +} +.resize { + resize:both +} +.appearance-none { + -webkit-appearance:none; + appearance:none +} +.grid-cols-2 { + grid-template-columns:repeat(2,minmax(0,1fr)) +} +.flex-row { + flex-direction:row +} +.flex-col { + flex-direction:column +} +.flex-col-reverse { + flex-direction:column-reverse +} +.items-start { + align-items:flex-start +} +.items-end { + align-items:flex-end +} +.items-center { + align-items:center +} +.items-stretch { + align-items:stretch +} +.justify-start { + justify-content:flex-start +} +.justify-center { + justify-content:center +} +.justify-between { + justify-content:space-between +} +.gap-3 { + gap:.75rem +} +.gap-1 { + gap:.25rem +} +.gap-2 { + gap:.5rem +} +.gap-4 { + gap:1rem +} +.gap-6 { + gap:1.5rem +} +.gap-0 { + gap:0 +} +.gap-3\.5 { + gap:.875rem +} +.gap-1\.5 { + gap:.375rem +} +.space-x-1\.5>:not([hidden])~:not([hidden]) { + --tw-space-x-reverse:0; + margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse))); + margin-right:calc(.375rem*var(--tw-space-x-reverse)) +} +.space-x-1>:not([hidden])~:not([hidden]) { + --tw-space-x-reverse:0; + margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse))); + margin-right:calc(.25rem*var(--tw-space-x-reverse)) +} +.space-y-1>:not([hidden])~:not([hidden]) { + --tw-space-y-reverse:0; + margin-bottom:calc(.25rem*var(--tw-space-y-reverse)); + margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse))) +} +.space-y-2>:not([hidden])~:not([hidden]) { + --tw-space-y-reverse:0; + margin-bottom:calc(.5rem*var(--tw-space-y-reverse)); + margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse))) +} +.space-y-3>:not([hidden])~:not([hidden]) { + --tw-space-y-reverse:0; + margin-bottom:calc(.75rem*var(--tw-space-y-reverse)); + margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse))) +} +.space-x-5>:not([hidden])~:not([hidden]) { + --tw-space-x-reverse:0; + margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse))); + margin-right:calc(1.25rem*var(--tw-space-x-reverse)) +} +.space-y-12>:not([hidden])~:not([hidden]) { + --tw-space-y-reverse:0; + margin-bottom:calc(3rem*var(--tw-space-y-reverse)); + margin-top:calc(3rem*(1 - var(--tw-space-y-reverse))) +} +.self-start { + align-self:flex-start +} +.self-end { + align-self:flex-end +} +.self-center { + align-self:center +} +.self-stretch { + align-self:stretch +} +.overflow-auto { + overflow:auto +} +.overflow-hidden { + overflow:hidden +} +.overflow-y-auto { + overflow-y:auto +} +.truncate { + overflow:hidden; + white-space:nowrap +} +.text-ellipsis, +.truncate { + text-overflow:ellipsis +} +.\!whitespace-pre { + white-space:pre!important +} +.whitespace-pre-wrap { + white-space:pre-wrap; +} +.break-words { + word-wrap:break-word; +} +.break-all { + word-break:break-all +} +.rounded-md { + border-radius:.375rem +} +.rounded-sm { + border-radius:.125rem +} +.rounded-full { + border-radius:9999px +} +.rounded-none { + border-radius:0 +} +.rounded-lg { + border-radius:.5rem +} +.\!rounded-none { + border-radius:0!important +} +.rounded { + border-radius:.25rem +} +.rounded-l-md { + border-bottom-left-radius:.375rem; + border-top-left-radius:.375rem +} +.rounded-r-md { + border-bottom-right-radius:.375rem; + border-top-right-radius:.375rem +} +.rounded-t-xl { + border-top-left-radius:.75rem; + border-top-right-radius:.75rem +} +.border { + border-width:1px +} +.border-0 { + border-width:0 +} +.border-2 { + border-width:2px +} +.border-y { + border-top-width:1px +} +.border-b, +.border-y { + border-bottom-width:1px +} +.border-l { + border-left-width:1px +} +.border-t { + border-top-width:1px +} +.border-l-4 { + border-left-width:4px +} +.border-r-0 { + border-right-width:0 +} +.border-b-2 { + border-bottom-width:2px +} +.border-none { + border-style:none +} +.border-white { + --tw-border-opacity:1; + border-color:rgba(255,255,255,var(--tw-border-opacity)) +} +.border-gray-300 { + --tw-border-opacity:1; + border-color:rgba(197,197,210,var(--tw-border-opacity)) +} +.border-black\/10 { + border-color:rgba(0,0,0,.1) +} +.border-white\/20 { + border-color:hsla(0,0%,100%,.2) +} +.border-indigo-400 { + --tw-border-opacity:1; + border-color:rgba(129,140,248,var(--tw-border-opacity)) +} +.border-gray-100 { + --tw-border-opacity:1; + border-color:rgba(236,236,241,var(--tw-border-opacity)) +} +.border-gray-200 { + --tw-border-opacity:1; + border-color:rgba(217,217,227,var(--tw-border-opacity)) +} +.border-transparent { + border-color:transparent +} +.border-black\/20 { + border-color:rgba(0,0,0,.2) +} +.border-green-500 { + --tw-border-opacity:1; + border-color:rgba(25,195,125,var(--tw-border-opacity)) +} +.border-orange-500 { + --tw-border-opacity:1; + border-color:rgba(224,108,43,var(--tw-border-opacity)) +} +.border-red-500 { + --tw-border-opacity:1; + border-color:rgba(239,68,68,var(--tw-border-opacity)) +} +.border-gray-500 { + --tw-border-opacity:1; + border-color:rgba(142,142,160,var(--tw-border-opacity)) +} +.bg-gray-200 { + --tw-bg-opacity:1; + background-color:rgba(217,217,227,var(--tw-bg-opacity)) +} +.bg-orange-500 { + --tw-bg-opacity:1; + background-color:rgba(224,108,43,var(--tw-bg-opacity)) +} +.bg-red-500 { + --tw-bg-opacity:1; + background-color:rgba(239,68,68,var(--tw-bg-opacity)) +} +.bg-\[\#5436DA\] { + --tw-bg-opacity:1; + background-color:rgba(84,54,218,var(--tw-bg-opacity)) +} +.bg-yellow-200 { + --tw-bg-opacity:1; + background-color:rgba(250,230,158,var(--tw-bg-opacity)) +} +.bg-white { + --tw-bg-opacity:1; + background-color:rgba(255,255,255,var(--tw-bg-opacity)) +} +.bg-black { + --tw-bg-opacity:1; + background-color:rgba(0,0,0,var(--tw-bg-opacity)) +} +.bg-gray-800 { + --tw-bg-opacity:1; + background-color:rgba(52,53,65,var(--tw-bg-opacity)) +} +.bg-gray-50 { + --tw-bg-opacity:1; + background-color:rgba(247,247,248,var(--tw-bg-opacity)) +} +.bg-gray-100 { + --tw-bg-opacity:1; + background-color:rgba(236,236,241,var(--tw-bg-opacity)) +} +.bg-transparent { + background-color:transparent +} +.bg-gray-500\/90 { + background-color:hsla(240,9%,59%,.9) +} +.bg-red-100 { + --tw-bg-opacity:1; + background-color:rgba(254,226,226,var(--tw-bg-opacity)) +} +.bg-yellow-100 { + --tw-bg-opacity:1; + background-color:rgba(254,249,195,var(--tw-bg-opacity)) +} +.bg-green-100 { + --tw-bg-opacity:1; + background-color:rgba(210,244,211,var(--tw-bg-opacity)) +} +.bg-gray-900 { + --tw-bg-opacity:1; + background-color:rgba(32,33,35,var(--tw-bg-opacity)) +} +.bg-gray-600 { + --tw-bg-opacity:1; + background-color:rgba(86,88,105,var(--tw-bg-opacity)) +} +.bg-gray-500 { + --tw-bg-opacity:1; + background-color:rgba(142,142,160,var(--tw-bg-opacity)) +} +.\!bg-white { + --tw-bg-opacity:1!important; + background-color:rgba(255,255,255,var(--tw-bg-opacity))!important +} +.bg-red-200 { + --tw-bg-opacity:1; + background-color:rgba(254,202,202,var(--tw-bg-opacity)) +} +.\!bg-indigo-600 { + --tw-bg-opacity:1!important; + background-color:rgba(79,70,229,var(--tw-bg-opacity))!important +} +.\!bg-gray-200 { + --tw-bg-opacity:1!important; + background-color:rgba(217,217,227,var(--tw-bg-opacity))!important +} +.bg-green-500 { + --tw-bg-opacity:1; + background-color:rgba(25,195,125,var(--tw-bg-opacity)) +} +.bg-orange-500\/10 { + background-color:rgba(224,108,43,.1) +} +.bg-red-500\/10 { + background-color:rgba(239,68,68,.1) +} +.bg-gray-300 { + --tw-bg-opacity:1; + background-color:rgba(197,197,210,var(--tw-bg-opacity)) +} +.bg-gray-400 { + --tw-bg-opacity:1; + background-color:rgba(172,172,190,var(--tw-bg-opacity)) +} +.bg-green-600 { + --tw-bg-opacity:1; + background-color:rgba(16,163,127,var(--tw-bg-opacity)) +} +.bg-green-700 { + --tw-bg-opacity:1; + background-color:rgba(26,127,100,var(--tw-bg-opacity)) +} +.bg-green-200 { + --tw-bg-opacity:1; + background-color:rgba(185,238,188,var(--tw-bg-opacity)) +} +.bg-opacity-75 { + --tw-bg-opacity:0.75 +} +.bg-gradient-to-l { + background-image:linear-gradient(to left,var(--tw-gradient-stops)) +} +.from-gray-800 { + --tw-gradient-from:#343541; + --tw-gradient-to:rgba(52,53,65,0); + --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) +} +.from-gray-900 { + --tw-gradient-from:#202123; + --tw-gradient-to:rgba(32,33,35,0); + --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) +} +.bg-contain { + background-size:contain +} +.bg-center { + background-position:50% +} +.bg-no-repeat { + background-repeat:no-repeat +} +.p-1 { + padding:.25rem +} +.p-0 { + padding:0 +} +.p-6 { + padding:1.5rem +} +.p-4 { + padding:1rem +} +.p-2 { + padding:.5rem +} +.p-3 { + padding:.75rem +} +.\!p-0 { + padding:0!important +} +.p-px { + padding:1px +} +.px-2 { + padding-left:.5rem; + padding-right:.5rem +} +.py-1 { + padding-bottom:.25rem; + padding-top:.25rem +} +.py-0\.5 { + padding-bottom:.125rem; + padding-top:.125rem +} +.px-1\.5 { + padding-left:.375rem; + padding-right:.375rem +} +.py-0 { + padding-bottom:0; + padding-top:0 +} +.px-1 { + padding-left:.25rem; + padding-right:.25rem +} +.px-6 { + padding-left:1.5rem; + padding-right:1.5rem +} +.px-4 { + padding-left:1rem; + padding-right:1rem +} +.py-2 { + padding-bottom:.5rem; + padding-top:.5rem +} +.py-4 { + padding-bottom:1rem; + padding-top:1rem +} +.py-3 { + padding-bottom:.75rem; + padding-top:.75rem +} +.px-3 { + padding-left:.75rem; + padding-right:.75rem +} +.\!py-0 { + padding-bottom:0!important; + padding-top:0!important +} +.py-8 { + padding-bottom:2rem; + padding-top:2rem +} +.py-10 { + padding-bottom:2.5rem; + padding-top:2.5rem +} +.py-2\.5 { + padding-bottom:.625rem; + padding-top:.625rem +} +.pt-24 { + padding-top:6rem +} +.pb-8 { + padding-bottom:2rem +} +.pt-20 { + padding-top:5rem +} +.pt-2 { + padding-top:.5rem +} +.pr-14 { + padding-right:3.5rem +} +.pr-6 { + padding-right:1.5rem +} +.pt-5 { + padding-top:1.25rem +} +.pb-4 { + padding-bottom:1rem +} +.pl-1 { + padding-left:.25rem +} +.pt-1 { + padding-top:.25rem +} +.pb-1 { + padding-bottom:.25rem +} +.pl-2 { + padding-left:.5rem +} +.pr-7 { + padding-right:1.75rem +} +.pl-3 { + padding-left:.75rem +} +.pr-10 { + padding-right:2.5rem +} +.pr-2 { + padding-right:.5rem +} +.pr-9 { + padding-right:2.25rem +} +.pr-4 { + padding-right:1rem +} +.pl-10 { + padding-left:2.5rem +} +.pb-3 { + padding-bottom:.75rem +} +.pr-5 { + padding-right:1.25rem +} +.pr-1 { + padding-right:.25rem +} +.pb-6 { + padding-bottom:1.5rem +} +.pt-3 { + padding-top:.75rem +} +.pb-2 { + padding-bottom:.5rem +} +.pt-4 { + padding-top:1rem +} +.text-left { + text-align:left +} +.text-center { + text-align:center +} +.text-right { + text-align:right +} +.align-top { + vertical-align:top +} +.font-sans { + font-family:Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji +} +.font-mono { + font-family:Söhne Mono,Monaco,Andale Mono,Ubuntu Mono,monospace +} +.text-lg { + font-size:1.125rem +} +.text-lg, +.text-xl { + line-height:1.75rem +} +.text-xl { + font-size:1.25rem +} +.text-xs { + font-size:.75rem; + line-height:1rem +} +.text-\[10px\] { + font-size:10px +} +.text-3xl { + font-size:1.875rem; + line-height:2.25rem +} +.text-sm { + font-size:.875rem; + line-height:1.25rem +} +.text-base { + font-size:1rem; + line-height:1.5rem +} +.text-2xl { + font-size:1.5rem; + line-height:2rem +} +.text-4xl { + font-size:2.25rem; + line-height:2.5rem +} +.font-semibold { + font-weight:600 +} +.font-normal { + font-weight:400 +} +.font-bold { + font-weight:700 +} +.font-medium { + font-weight:500 +} +.uppercase { + text-transform:uppercase +} +.normal-case { + text-transform:none +} +.italic { + font-style:italic +} +.leading-6 { + line-height:1.5rem +} +.leading-tight { + line-height:1.25 +} +.leading-5 { + line-height:1.25rem +} +.tracking-widest { + letter-spacing:.1em +} +.text-red-500 { + --tw-text-opacity:1; + color:rgba(239,68,68,var(--tw-text-opacity)) +} +.text-gray-400 { + --tw-text-opacity:1; + color:rgba(172,172,190,var(--tw-text-opacity)) +} +.text-gray-500 { + --tw-text-opacity:1; + color:rgba(142,142,160,var(--tw-text-opacity)) +} +.text-white { + --tw-text-opacity:1; + color:rgba(255,255,255,var(--tw-text-opacity)) +} +.text-yellow-900 { + --tw-text-opacity:1; + color:rgba(146,114,1,var(--tw-text-opacity)) +} +.text-green-700 { + --tw-text-opacity:1; + color:rgba(26,127,100,var(--tw-text-opacity)) +} +.text-gray-800 { + --tw-text-opacity:1; + color:rgba(52,53,65,var(--tw-text-opacity)) +} +.text-gray-700 { + --tw-text-opacity:1; + color:rgba(64,65,79,var(--tw-text-opacity)) +} +.text-gray-200 { + --tw-text-opacity:1; + color:rgba(217,217,227,var(--tw-text-opacity)) +} +.text-gray-100 { + --tw-text-opacity:1; + color:rgba(236,236,241,var(--tw-text-opacity)) +} +.text-gray-300 { + --tw-text-opacity:1; + color:rgba(197,197,210,var(--tw-text-opacity)) +} +.text-gray-900 { + --tw-text-opacity:1; + color:rgba(32,33,35,var(--tw-text-opacity)) +} +.text-gray-600 { + --tw-text-opacity:1; + color:rgba(86,88,105,var(--tw-text-opacity)) +} +.text-red-600 { + --tw-text-opacity:1; + color:rgba(220,38,38,var(--tw-text-opacity)) +} +.text-yellow-700 { + --tw-text-opacity:1; + color:rgba(161,98,7,var(--tw-text-opacity)) +} +.text-indigo-500 { + --tw-text-opacity:1; + color:rgba(99,102,241,var(--tw-text-opacity)) +} +.text-red-800 { + --tw-text-opacity:1; + color:rgba(153,27,27,var(--tw-text-opacity)) +} +.text-black\/50 { + color:rgba(0,0,0,.5) +} +.text-indigo-600 { + --tw-text-opacity:1; + color:rgba(79,70,229,var(--tw-text-opacity)) +} +.text-yellow-400 { + --tw-text-opacity:1; + color:rgba(255,198,87,var(--tw-text-opacity)) +} +.text-red-300 { + --tw-text-opacity:1; + color:rgba(252,165,165,var(--tw-text-opacity)) +} +.text-green-600 { + --tw-text-opacity:1; + color:rgba(16,163,127,var(--tw-text-opacity)) +} +.text-orange-500 { + --tw-text-opacity:1; + color:rgba(224,108,43,var(--tw-text-opacity)) +} +.text-blue-500 { + --tw-text-opacity:1; + color:rgba(59,130,246,var(--tw-text-opacity)) +} +.underline { + text-decoration-line:underline +} +.\!no-underline { + text-decoration-line:none!important +} +.placeholder-gray-500::-webkit-input-placeholder { + --tw-placeholder-opacity:1; + color:rgba(142,142,160,var(--tw-placeholder-opacity)) +} +.placeholder-gray-500::placeholder { + --tw-placeholder-opacity:1; + color:rgba(142,142,160,var(--tw-placeholder-opacity)) +} +.opacity-50 { + opacity:.5 +} +.opacity-0 { + opacity:0 +} +.opacity-100 { + opacity:1 +} +.opacity-20 { + opacity:.2 +} +.shadow-sm { + --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05); + --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color) +} +.shadow-md, +.shadow-sm { + box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow); + box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) +} +.shadow-md { + --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); + --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) +} +.shadow-xl { + --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); + --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color) +} +.shadow, +.shadow-xl { + box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow); + box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) +} +.shadow { + --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); + --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) +} +.shadow-\[0_0_10px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] { + --tw-shadow:0 0 10px rgba(0,0,0,.1); + --tw-shadow-colored:0 0 10px var(--tw-shadow-color) +} +.shadow-\[0_0_10px_rgba\(0\2c 0\2c 0\2c 0\.10\)\], +.shadow-lg { + box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow); + box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) +} +.shadow-lg { + --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); + --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) +} +.shadow-indigo-400 { + --tw-shadow-color:#818cf8; + --tw-shadow:var(--tw-shadow-colored) +} +.outline-none { + outline:2px solid transparent; + outline-offset:2px +} +.ring-1 { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) +} +.ring-0, +.ring-1 { + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.ring-0 { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) +} +.ring-black { + --tw-ring-opacity:1; + --tw-ring-color:rgba(0,0,0,var(--tw-ring-opacity)) +} +.ring-opacity-5 { + --tw-ring-opacity:0.05 +} +.filter { + -webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) +} +.filter-none { + -webkit-filter:none; + filter:none +} +.transition-transform { + transition-duration:.15s; + transition-property:-webkit-transform; + transition-property:transform; + transition-property:transform,-webkit-transform; + transition-timing-function:cubic-bezier(.4,0,.2,1) +} +.transition { + transition-duration:.15s; + transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; + transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-timing-function:cubic-bezier(.4,0,.2,1) +} +.transition-opacity { + transition-duration:.15s; + transition-property:opacity; + transition-timing-function:cubic-bezier(.4,0,.2,1) +} +.transition-all { + transition-duration:.15s; + transition-property:all; + transition-timing-function:cubic-bezier(.4,0,.2,1) +} +.transition-colors { + transition-duration:.15s; + transition-property:color,background-color,border-color,text-decoration-color,fill,stroke; + transition-timing-function:cubic-bezier(.4,0,.2,1) +} +.transition-width { + transition-duration:.15s; + transition-property:width; + transition-timing-function:cubic-bezier(.4,0,.2,1) +} +.duration-200 { + transition-duration:.2s +} +.duration-500 { + transition-duration:.5s +} +.duration-75 { + transition-duration:75ms +} +.duration-300 { + transition-duration:.3s +} +.duration-150 { + transition-duration:.15s +} +.duration-100 { + transition-duration:.1s +} +.ease-out { + transition-timing-function:cubic-bezier(0,0,.2,1) +} +.ease-in { + transition-timing-function:cubic-bezier(.4,0,1,1) +} +.ease-linear { + transition-timing-function:linear +} +.ease-in-out { + transition-timing-function:cubic-bezier(.4,0,.2,1) +} +body, +html { + height:100% +} +.dark body, +.dark html { + --tw-bg-opacity:1; + background-color:rgba(52,53,65,var(--tw-bg-opacity)) +} +#__next, +#root { + height:100% +} +.markdown ol { + counter-reset:item +} +.markdown ul li { + display:block; + margin:0; + position:relative +} +.markdown ul li:before { + content:"•"; + font-size:.875rem; + line-height:1.25rem; + margin-left:-1rem; + position:absolute +} +.markdown { + max-width:none +} +.markdown h1, +.markdown h2 { + font-weight:600 +} +.markdown h2 { + margin-bottom:1rem; + margin-top:2rem +} +.markdown h3 { + font-weight:600 +} +.markdown h3, +.markdown h4 { + margin-bottom:.5rem; + margin-top:1rem +} +.markdown h4 { + font-weight:400 +} +.markdown h5 { + font-weight:600 +} +.markdown blockquote { + --tw-border-opacity:1; + border-color:rgba(142,142,160,var(--tw-border-opacity)); + border-left-width:2px; + line-height:1rem; + padding-left:1rem +} +.markdown ol, +.markdown ul { + display:flex; + flex-direction:column; + padding-left:1rem +} +.markdown ol li, +.markdown ol li>p, +.markdown ol ol, +.markdown ol ul, +.markdown ul li, +.markdown ul li>p, +.markdown ul ol, +.markdown ul ul { + margin:0 +} +.markdown table { + --tw-border-spacing-x:0px; + --tw-border-spacing-y:0px; + border-collapse:separate; + border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y); + width:100% +} +.markdown th { + background-color:rgba(236,236,241,.2); + border-bottom-width:1px; + border-left-width:1px; + border-top-width:1px; + padding:.25rem .75rem +} +.markdown th:first-child { + border-top-left-radius:.375rem +} +.markdown th:last-child { + border-right-width:1px; + border-top-right-radius:.375rem +} +.markdown td { + border-bottom-width:1px; + border-left-width:1px; + padding:.25rem .75rem +} +.markdown td:last-child { + border-right-width:1px +} +.markdown tbody tr:last-child td:first-child { + border-bottom-left-radius:.375rem +} +.markdown tbody tr:last-child td:last-child { + border-bottom-right-radius:.375rem +} +.markdown a { + text-decoration-line:underline; + text-underline-offset:2px +} +.conversation-item-time:before { + content:attr(data-time) +} +.tooltip-label:before { + content:attr(data-content) +} +button.scroll-convo { + display:none +} +@-webkit-keyframes blink { + to { + visibility:hidden + } +} +@keyframes blink { + to { + visibility:hidden + } +} +.animate-flash { + -webkit-animation:flash 2s steps(60,start); + animation:flash 2s steps(60,start) +} +@-webkit-keyframes flash { + 0% { + background-color:hsla(0,0%,100%,.4) + } +} +@keyframes flash { + 0% { + background-color:hsla(0,0%,100%,.4) + } +} +.result-streaming>:not(ol):not(ul):not(pre):last-child:after, +.result-streaming>ol:last-child li:last-child:after, +.result-streaming>pre:last-child code:after, +.result-streaming>ul:last-child li:last-child:after { + -webkit-animation:blink 1s steps(5,start) infinite; + animation:blink 1s steps(5,start) infinite; + content:"▋"; + margin-left:.25rem; + vertical-align:baseline +} +@-webkit-keyframes toast-open { + 0% { + opacity:0; + -webkit-transform:translateY(-100%); + transform:translateY(-100%) + } + to { + -webkit-transform:translateY(0); + transform:translateY(0) + } +} +@keyframes toast-open { + 0% { + opacity:0; + -webkit-transform:translateY(-100%); + transform:translateY(-100%) + } + to { + -webkit-transform:translateY(0); + transform:translateY(0) + } +} +@-webkit-keyframes toast-close { + 0% { + opacity:1 + } + to { + opacity:0 + } +} +@keyframes toast-close { + 0% { + opacity:1 + } + to { + opacity:0 + } +} +.toast-root { + align-items:center; + display:flex; + flex-direction:column; + height:0; + transition:all .24s cubic-bezier(0,0,.2,1) +} +.toast-root[data-state=entered], +.toast-root[data-state=entering] { + -webkit-animation:toast-open .24s cubic-bezier(.175,.885,.32,1.175) both; + animation:toast-open .24s cubic-bezier(.175,.885,.32,1.175) both +} +.toast-root[data-state=exiting] { + -webkit-animation:toast-close .12s cubic-bezier(.4,0,1,1) both; + animation:toast-close .12s cubic-bezier(.4,0,1,1) both +} +.toast-root .alert-root { + box-shadow:0 0 1px rgba(67,90,111,.3),0 5px 8px -4px rgba(67,90,111,.3); + flex-shrink:0; + pointer-events:all +} +.before\:visible:before { + content:var(--tw-content); + visibility:visible +} +.before\:absolute:before { + content:var(--tw-content); + position:absolute +} +.before\:-top-7:before { + content:var(--tw-content); + top:-1.75rem +} +.before\:top-0:before { + content:var(--tw-content); + top:0 +} +.before\:h-2:before { + content:var(--tw-content); + height:.5rem +} +.before\:w-2:before { + content:var(--tw-content); + width:.5rem +} +.before\:-translate-y-1\/2:before { + --tw-translate-y:-50% +} +.before\:-translate-x-1\/2:before, +.before\:-translate-y-1\/2:before { + content:var(--tw-content); + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.before\:-translate-x-1\/2:before { + --tw-translate-x:-50% +} +.before\:rotate-45:before { + --tw-rotate:45deg; + content:var(--tw-content); + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} +.before\:border-b:before { + border-bottom-width:1px; + content:var(--tw-content) +} +.before\:border-r:before { + border-right-width:1px; + content:var(--tw-content) +} +.before\:border-black\/10:before { + border-color:rgba(0,0,0,.1); + content:var(--tw-content) +} +.before\:bg-gray-100:before { + --tw-bg-opacity:1; + background-color:rgba(236,236,241,var(--tw-bg-opacity)); + content:var(--tw-content) +} +.before\:content-\[\"\"\]:before { + --tw-content:""; + content:var(--tw-content) +} +.before\:content-\[\'\"\'\]:before { + --tw-content:'"'; + content:var(--tw-content) +} +.after\:h-\[15px\]:after { + content:var(--tw-content); + height:15px +} +.after\:w-\[1px\]:after { + content:var(--tw-content); + width:1px +} +.after\:bg-gray-300:after { + --tw-bg-opacity:1; + background-color:rgba(197,197,210,var(--tw-bg-opacity)); + content:var(--tw-content) +} +.after\:content-\[\"\"\]:after { + --tw-content:""; + content:var(--tw-content) +} +.after\:content-\[\'\"\'\]:after { + --tw-content:'"'; + content:var(--tw-content) +} +.last\:mb-2:last-child { + margin-bottom:.5rem +} +.last\:border-0:last-child { + border-width:0 +} +.last\:after\:bg-transparent:last-child:after { + background-color:transparent; + content:var(--tw-content) +} +.checked\:border-blue-600:checked { + --tw-border-opacity:1; + border-color:rgba(37,99,235,var(--tw-border-opacity)) +} +.checked\:bg-blue-600:checked { + --tw-bg-opacity:1; + background-color:rgba(37,99,235,var(--tw-bg-opacity)) +} +.focus-within\:z-10[focus-within] { + z-index:10 +} +.focus-within\:z-10:focus-within { + z-index:10 +} +.focus-within\:border-indigo-600[focus-within] { + --tw-border-opacity:1; + border-color:rgba(79,70,229,var(--tw-border-opacity)) +} +.focus-within\:border-indigo-600:focus-within { + --tw-border-opacity:1; + border-color:rgba(79,70,229,var(--tw-border-opacity)) +} +.focus-within\:ring-1[focus-within] { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.focus-within\:ring-1:focus-within { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.focus-within\:ring-indigo-600[focus-within] { + --tw-ring-opacity:1; + --tw-ring-color:rgba(79,70,229,var(--tw-ring-opacity)) +} +.focus-within\:ring-indigo-600:focus-within { + --tw-ring-opacity:1; + --tw-ring-color:rgba(79,70,229,var(--tw-ring-opacity)) +} +.hover\:bg-gray-50:hover { + --tw-bg-opacity:1; + background-color:rgba(247,247,248,var(--tw-bg-opacity)) +} +.hover\:bg-gray-100:hover { + --tw-bg-opacity:1; + background-color:rgba(236,236,241,var(--tw-bg-opacity)) +} +.hover\:bg-\[\#2A2B32\]:hover { + --tw-bg-opacity:1; + background-color:rgba(42,43,50,var(--tw-bg-opacity)) +} +.hover\:bg-gray-800:hover { + --tw-bg-opacity:1; + background-color:rgba(52,53,65,var(--tw-bg-opacity)) +} +.hover\:bg-gray-500\/10:hover { + background-color:hsla(240,9%,59%,.1) +} +.hover\:bg-white\/20:hover { + background-color:hsla(0,0%,100%,.2) +} +.hover\:bg-gray-200:hover { + --tw-bg-opacity:1; + background-color:rgba(217,217,227,var(--tw-bg-opacity)) +} +.hover\:bg-gray-300:hover { + --tw-bg-opacity:1; + background-color:rgba(197,197,210,var(--tw-bg-opacity)) +} +.hover\:bg-green-700:hover { + --tw-bg-opacity:1; + background-color:rgba(26,127,100,var(--tw-bg-opacity)) +} +.hover\:bg-green-900:hover { + --tw-bg-opacity:1; + background-color:rgba(24,61,49,var(--tw-bg-opacity)) +} +.hover\:pr-4:hover { + padding-right:1rem +} +.hover\:pr-14:hover { + padding-right:3.5rem +} +.hover\:text-gray-500:hover { + --tw-text-opacity:1; + color:rgba(142,142,160,var(--tw-text-opacity)) +} +.hover\:text-gray-700:hover { + --tw-text-opacity:1; + color:rgba(64,65,79,var(--tw-text-opacity)) +} +.hover\:text-white:hover { + --tw-text-opacity:1; + color:rgba(255,255,255,var(--tw-text-opacity)) +} +.hover\:text-gray-900:hover { + --tw-text-opacity:1; + color:rgba(32,33,35,var(--tw-text-opacity)) +} +.hover\:opacity-80:hover { + opacity:.8 +} +.hover\:opacity-75:hover { + opacity:.75 +} +.focus\:z-10:focus { + z-index:10 +} +.focus\:border-green-500:focus { + --tw-border-opacity:1; + border-color:rgba(25,195,125,var(--tw-border-opacity)) +} +.focus\:border-indigo-500:focus { + --tw-border-opacity:1; + border-color:rgba(99,102,241,var(--tw-border-opacity)) +} +.focus\:border-green-600:focus { + --tw-border-opacity:1; + border-color:rgba(16,163,127,var(--tw-border-opacity)) +} +.focus\:outline-none:focus { + outline:2px solid transparent; + outline-offset:2px +} +.focus\:ring-0:focus { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) +} +.focus\:ring-0:focus, +.focus\:ring-2:focus { + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.focus\:ring-2:focus { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) +} +.focus\:ring-1:focus { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.focus\:ring-inset:focus { + --tw-ring-inset:inset +} +.focus\:ring-green-500:focus { + --tw-ring-opacity:1; + --tw-ring-color:rgba(25,195,125,var(--tw-ring-opacity)) +} +.focus\:ring-indigo-500:focus { + --tw-ring-opacity:1; + --tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity)) +} +.focus\:ring-white:focus { + --tw-ring-opacity:1; + --tw-ring-color:rgba(255,255,255,var(--tw-ring-opacity)) +} +.focus\:ring-green-600:focus { + --tw-ring-opacity:1; + --tw-ring-color:rgba(16,163,127,var(--tw-ring-opacity)) +} +.focus\:ring-gray-500:focus { + --tw-ring-opacity:1; + --tw-ring-color:rgba(142,142,160,var(--tw-ring-opacity)) +} +.focus\:ring-offset-2:focus { + --tw-ring-offset-width:2px +} +.focus-visible\:ring-0.focus-visible { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.focus-visible\:ring-0:focus-visible { + --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent; + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) +} +.disabled\:bottom-0\.5:disabled { + bottom:.125rem +} +.disabled\:bottom-0:disabled { + bottom:0 +} +.disabled\:text-gray-300:disabled { + --tw-text-opacity:1; + color:rgba(197,197,210,var(--tw-text-opacity)) +} +.disabled\:hover\:bg-transparent:hover:disabled { + background-color:transparent +} +.group:hover .group-hover\:visible { + visibility:visible +} +.group:hover .group-hover\:from-\[\#2A2B32\] { + --tw-gradient-from:#2a2b32; + --tw-gradient-to:rgba(42,43,50,0); + --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) +} +.group:hover .group-hover\:text-gray-500 { + --tw-text-opacity:1; + color:rgba(142,142,160,var(--tw-text-opacity)) +} +.group:hover .group-hover\:text-gray-700 { + --tw-text-opacity:1; + color:rgba(64,65,79,var(--tw-text-opacity)) +} +.dark .dark\:prose-invert { + --tw-prose-body:var(--tw-prose-invert-body); + --tw-prose-headings:var(--tw-prose-invert-headings); + --tw-prose-lead:var(--tw-prose-invert-lead); + --tw-prose-links:var(--tw-prose-invert-links); + --tw-prose-bold:var(--tw-prose-invert-bold); + --tw-prose-counters:var(--tw-prose-invert-counters); + --tw-prose-bullets:var(--tw-prose-invert-bullets); + --tw-prose-hr:var(--tw-prose-invert-hr); + --tw-prose-quotes:var(--tw-prose-invert-quotes); + --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders); + --tw-prose-captions:var(--tw-prose-invert-captions); + --tw-prose-code:var(--tw-prose-invert-code); + --tw-prose-pre-code:var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders:var(--tw-prose-invert-th-borders); + --tw-prose-td-borders:var(--tw-prose-invert-td-borders) +} +.dark .dark\:border-gray-900\/50 { + border-color:rgba(32,33,35,.5) +} +.dark .dark\:border-white\/20 { + border-color:hsla(0,0%,100%,.2) +} +.dark .dark\:border-gray-700 { + --tw-border-opacity:1; + border-color:rgba(64,65,79,var(--tw-border-opacity)) +} +.dark .dark\:border-white\/10 { + border-color:hsla(0,0%,100%,.1) +} +.dark .dark\:border-black\/20 { + border-color:rgba(0,0,0,.2) +} +.dark .dark\:border-black\/10 { + border-color:rgba(0,0,0,.1) +} +.dark .dark\:bg-\[\#444654\] { + --tw-bg-opacity:1; + background-color:rgba(68,70,84,var(--tw-bg-opacity)) +} +.dark .dark\:bg-gray-800 { + --tw-bg-opacity:1; + background-color:rgba(52,53,65,var(--tw-bg-opacity)) +} +.dark .dark\:bg-gray-700 { + --tw-bg-opacity:1; + background-color:rgba(64,65,79,var(--tw-bg-opacity)) +} +.dark .dark\:bg-gray-800\/90 { + background-color:rgba(52,53,65,.9) +} +.dark .dark\:bg-gray-900 { + --tw-bg-opacity:1; + background-color:rgba(32,33,35,var(--tw-bg-opacity)) +} +.dark .dark\:bg-transparent { + background-color:transparent +} +.dark .dark\:bg-white\/10 { + background-color:hsla(0,0%,100%,.1) +} +.dark .dark\:bg-white\/5 { + background-color:hsla(0,0%,100%,.05) +} +.dark .dark\:bg-gray-500 { + --tw-bg-opacity:1; + background-color:rgba(142,142,160,var(--tw-bg-opacity)) +} +.dark .dark\:bg-green-700 { + --tw-bg-opacity:1; + background-color:rgba(26,127,100,var(--tw-bg-opacity)) +} +.dark .dark\:text-gray-100 { + --tw-text-opacity:1; + color:rgba(236,236,241,var(--tw-text-opacity)) +} +.dark .dark\:text-gray-400 { + --tw-text-opacity:1; + color:rgba(172,172,190,var(--tw-text-opacity)) +} +.dark .dark\:text-gray-200 { + --tw-text-opacity:1; + color:rgba(217,217,227,var(--tw-text-opacity)) +} +.dark .dark\:text-white { + --tw-text-opacity:1; + color:rgba(255,255,255,var(--tw-text-opacity)) +} +.dark .dark\:text-gray-500 { + --tw-text-opacity:1; + color:rgba(142,142,160,var(--tw-text-opacity)) +} +.dark .dark\:text-white\/50 { + color:hsla(0,0%,100%,.5) +} +.dark .dark\:text-gray-600 { + --tw-text-opacity:1; + color:rgba(86,88,105,var(--tw-text-opacity)) +} +.dark .dark\:text-gray-300 { + --tw-text-opacity:1; + color:rgba(197,197,210,var(--tw-text-opacity)) +} +.dark .dark\:opacity-100 { + opacity:1 +} +.dark .dark\:shadow-\[0_0_15px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] { + --tw-shadow:0 0 15px rgba(0,0,0,.1); + --tw-shadow-colored:0 0 15px var(--tw-shadow-color); + box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow); + box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) +} +.dark .dark\:ring-white\/20 { + --tw-ring-color:hsla(0,0%,100%,.2) +} +.dark .dark\:ring-gray-600 { + --tw-ring-opacity:1; + --tw-ring-color:rgba(86,88,105,var(--tw-ring-opacity)) +} +.dark .dark\:last\:border-0:last-child { + border-width:0 +} +.dark .dark\:hover\:bg-gray-700:hover { + --tw-bg-opacity:1; + background-color:rgba(64,65,79,var(--tw-bg-opacity)) +} +.dark .dark\:hover\:bg-gray-900:hover { + --tw-bg-opacity:1; + background-color:rgba(32,33,35,var(--tw-bg-opacity)) +} +.dark .dark\:hover\:bg-gray-100:hover { + --tw-bg-opacity:1; + background-color:rgba(236,236,241,var(--tw-bg-opacity)) +} +.dark .dark\:hover\:bg-gray-500\/10:hover { + background-color:hsla(240,9%,59%,.1) +} +.dark .dark\:hover\:text-gray-200:hover { + --tw-text-opacity:1; + color:rgba(217,217,227,var(--tw-text-opacity)) +} +.dark .dark\:hover\:text-white:hover { + --tw-text-opacity:1; + color:rgba(255,255,255,var(--tw-text-opacity)) +} +.dark .dark\:hover\:text-gray-400:hover { + --tw-text-opacity:1; + color:rgba(172,172,190,var(--tw-text-opacity)) +} +.dark .dark\:focus\:border-white:focus { + --tw-border-opacity:1; + border-color:rgba(255,255,255,var(--tw-border-opacity)) +} +.dark .dark\:focus\:ring-white:focus { + --tw-ring-opacity:1; + --tw-ring-color:rgba(255,255,255,var(--tw-ring-opacity)) +} +.dark .dark\:disabled\:text-gray-400:disabled { + --tw-text-opacity:1; + color:rgba(172,172,190,var(--tw-text-opacity)) +} +.dark .dark\:disabled\:hover\:bg-transparent:hover:disabled { + background-color:transparent +} +.dark .disabled\:dark\:hover\:text-gray-400:hover:disabled { + --tw-text-opacity:1; + color:rgba(172,172,190,var(--tw-text-opacity)) +} +@media (min-width:640px) { + .sm\:absolute { + position:absolute + } + .sm\:order-2 { + order:2 + } + .sm\:order-1 { + order:1 + } + .sm\:col-start-2 { + grid-column-start:2 + } + .sm\:my-8 { + margin-bottom:2rem; + margin-top:2rem + } + .sm\:mt-0 { + margin-top:0 + } + .sm\:mt-4 { + margin-top:1rem + } + .sm\:mb-16 { + margin-bottom:4rem + } + .sm\:mt-\[20vh\] { + margin-top:20vh + } + .sm\:mt-6 { + margin-top:1.5rem + } + .sm\:flex { + display:flex + } + .sm\:h-10 { + height:2.5rem + } + .sm\:w-auto { + width:auto + } + .sm\:w-full { + width:100% + } + .sm\:w-10 { + width:2.5rem + } + .sm\:max-w-sm { + max-width:24rem + } + .sm\:max-w-lg { + max-width:32rem + } + .sm\:max-w-xl { + max-width:36rem + } + .sm\:max-w-2xl { + max-width:42rem + } + .sm\:max-w-md { + max-width:28rem + } + .sm\:translate-y-0 { + --tw-translate-y:0px + } + .sm\:scale-95, + .sm\:translate-y-0 { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) + } + .sm\:scale-95 { + --tw-scale-x:.95; + --tw-scale-y:.95 + } + .sm\:scale-100 { + --tw-scale-x:1; + --tw-scale-y:1; + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) + } + .sm\:grid-cols-2 { + grid-template-columns:repeat(2,minmax(0,1fr)) + } + .sm\:flex-row-reverse { + flex-direction:row-reverse + } + .sm\:items-center { + align-items:center + } + .sm\:gap-4 { + gap:1rem + } + .sm\:gap-12 { + gap:3rem + } + .sm\:border-t-0 { + border-top-width:0 + } + .sm\:border-r { + border-right-width:1px + } + .sm\:p-0 { + padding:0 + } + .sm\:p-6 { + padding:1.5rem + } + .sm\:p-4 { + padding:1rem + } + .sm\:px-6 { + padding-left:1.5rem; + padding-right:1.5rem + } + .sm\:px-0 { + padding-left:0; + padding-right:0 + } + .sm\:pl-3 { + padding-left:.75rem + } + .sm\:pb-1 { + padding-bottom:.25rem + } + .sm\:pb-2 { + padding-bottom:.5rem + } + .sm\:text-left { + text-align:left + } + .sm\:text-sm { + font-size:.875rem; + line-height:1.25rem + } + .sm\:text-xs { + font-size:.75rem; + line-height:1rem + } + .sm\:text-base { + font-size:1rem; + line-height:1.5rem + } + .sm\:text-\[40px\] { + font-size:40px + } + .sm\:duration-300 { + transition-duration:.3s + } + .sm\:duration-500 { + transition-duration:.5s + } +} +@media (min-width:768px) { + .md\:invisible { + visibility:hidden + } + .md\:fixed { + position:fixed + } + .md\:inset-y-0 { + bottom:0; + top:0 + } + .md\:bottom-2\.5 { + bottom:.625rem + } + .md\:right-2 { + right:.5rem + } + .md\:bottom-2 { + bottom:.5rem + } + .md\:bottom-\[120px\] { + bottom:120px + } + .md\:m-auto { + margin:auto + } + .md\:mb-auto { + margin-bottom:auto + } + .md\:mb-2 { + margin-bottom:.5rem + } + .md\:mt-3 { + margin-top:.75rem + } + .md\:flex { + display:flex + } + .md\:hidden { + display:none + } + .md\:h-48 { + height:12rem + } + .md\:h-full { + height:100% + } + .md\:min-h-\[34px\] { + min-height:34px + } + .md\:w-\[260px\] { + width:260px + } + .md\:w-full { + width:100% + } + .md\:w-1\/2 { + width:50% + } + .md\:w-\[100\%\] { + width:100% + } + .md\:w-auto { + width:auto + } + .md\:max-w-2xl { + max-width:42rem + } + .md\:grid-cols-2 { + grid-template-columns:repeat(2,minmax(0,1fr)) + } + .md\:flex-col { + flex-direction:column + } + .md\:gap-3 { + gap:.75rem + } + .md\:gap-6 { + gap:1.5rem + } + .md\:gap-4 { + gap:1rem + } + .md\:gap-2 { + gap:.5rem + } + .md\:border { + border-width:1px + } + .md\:border-t-0 { + border-top-width:0 + } + .md\:border-transparent { + border-color:transparent + } + .md\:\!bg-transparent { + background-color:transparent!important + } + .md\:bg-vert-light-gradient { + background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 13.94%,#fff 54.73%) + } + .md\:py-6 { + padding-bottom:1.5rem; + padding-top:1.5rem + } + .md\:py-3 { + padding-bottom:.75rem; + padding-top:.75rem + } + .md\:px-4 { + padding-left:1rem; + padding-right:1rem + } + .md\:py-4 { + padding-bottom:1rem; + padding-top:1rem + } + .md\:pl-0 { + padding-left:0 + } + .md\:pl-4 { + padding-left:1rem + } + .md\:pl-\[260px\] { + padding-left:260px + } + .md\:pt-3 { + padding-top:.75rem + } + .md\:pb-6 { + padding-bottom:1.5rem + } + .md\:pb-5 { + padding-bottom:1.25rem + } + .md\:text-justify { + text-align:justify + } + .md\:text-sm { + font-size:.875rem; + line-height:1.25rem + } + .md\:last\:mb-6:last-child { + margin-bottom:1.5rem + } + .md\:disabled\:bottom-1:disabled { + bottom:.25rem + } + .group:hover .md\:group-hover\:visible { + visibility:visible + } + .dark .md\:dark\:border-transparent { + border-color:transparent + } + .dark .dark\:md\:bg-vert-dark-gradient { + background-image:linear-gradient(180deg,rgba(53,55,64,0),#353740 58.85%) + } +} +@media (min-width:1024px) { + .lg\:absolute { + position:absolute + } + .lg\:relative { + position:relative + } + .lg\:top-0 { + top:0 + } + .lg\:right-0 { + right:0 + } + .lg\:mx-auto { + margin-left:auto; + margin-right:auto + } + .lg\:mt-0 { + margin-top:0 + } + .lg\:w-3\/5 { + width:60% + } + .lg\:w-auto { + width:auto + } + .lg\:w-1\/2 { + width:50% + } + .lg\:w-2\/3 { + width:66.666667% + } + .lg\:w-\[calc\(100\%-20px\)\] { + width:calc(100% - 20px) + } + .lg\:w-\[calc\(100\%-115px\)\] { + width:calc(100% - 115px) + } + .lg\:w-1\/3 { + width:33.333333% + } + .lg\:max-w-sm { + max-width:24rem + } + .lg\:max-w-none { + max-width:none + } + .lg\:max-w-2xl { + max-width:42rem + } + .lg\:max-w-3xl { + max-width:48rem + } + .lg\:translate-y-0 { + --tw-translate-y:0px + } + .lg\:translate-x-full, + .lg\:translate-y-0 { + -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) + } + .lg\:translate-x-full { + --tw-translate-x:100% + } + .lg\:gap-1 { + gap:.25rem + } + .lg\:self-center { + align-self:center + } + .lg\:rounded-lg { + border-radius:.5rem + } + .lg\:rounded-none { + border-radius:0 + } + .lg\:border { + border-width:1px + } + .lg\:border-0 { + border-width:0 + } + .lg\:p-6 { + padding:1.5rem + } + .lg\:p-0 { + padding:0 + } + .lg\:px-14 { + padding-left:3.5rem; + padding-right:3.5rem + } + .lg\:px-0 { + padding-left:0; + padding-right:0 + } + .lg\:px-8 { + padding-left:2rem; + padding-right:2rem + } + .lg\:pt-32 { + padding-top:8rem + } + .lg\:pl-2 { + padding-left:.5rem + } + .lg\:pt-6 { + padding-top:1.5rem + } + .lg\:text-left { + text-align:left + } +} +@media (min-width:1280px) { + .xl\:w-1\/4 { + width:25% + } + .xl\:max-w-3xl { + max-width:48rem + } +} +code, +pre { + font-family:Söhne Mono,Monaco,Andale Mono,Ubuntu Mono,monospace!important +} +code[class=language-plaintext] { + white-space:pre-line +} +code.hljs, +code[class*=language-], +pre[class*=language-] { + word-wrap:normal; + background:none; + color:#fff; + -webkit-hyphens:none; + hyphens:none; + line-height:1.5; + tab-size:4; + text-align:left; + white-space:pre; + word-break:normal; + word-spacing:normal +} +pre[class*=language-] { + border-radius:.3em; + overflow:auto +} +:not(pre)>code.hljs, +:not(pre)>code[class*=language-] { + border-radius:.3em; + padding:.1em; + white-space:normal +} +.hljs-comment { + color:hsla(0,0%,100%,.5) +} +.hljs-meta { + color:hsla(0,0%,100%,.6) +} +.hljs-built_in, +.hljs-class .hljs-title { + color:#e9950c +} +.hljs-doctag, +.hljs-formula, +.hljs-keyword, +.hljs-literal { + color:#2e95d3 +} +.hljs-addition, +.hljs-attribute, +.hljs-meta-string, +.hljs-regexp, +.hljs-string { + color:#00a67d +} +.hljs-attr, +.hljs-number, +.hljs-selector-attr, +.hljs-selector-class, +.hljs-selector-pseudo, +.hljs-template-variable, +.hljs-type, +.hljs-variable { + color:#df3079 +} +.hljs-bullet, +.hljs-link, +.hljs-selector-id, +.hljs-symbol, +.hljs-title { + color:#f22c3d +} +.token.cdata, +.token.comment, +.token.doctype, +.token.prolog { + color:#a9aec1 +} +.token.punctuation { + color:#fefefe +} +.token.constant, +.token.deleted, +.token.property, +.token.symbol, +.token.tag { + color:#ffa07a +} +.token.boolean, +.token.number { + color:#00e0e0 +} +.token.attr-name, +.token.builtin, +.token.char, +.token.inserted, +.token.selector, +.token.string { + color:#abe338 +} +.language-css .token.string, +.style .token.string, +.token.entity, +.token.operator, +.token.url, +.token.variable { + color:#00e0e0 +} +.token.atrule, +.token.attr-value, +.token.function { + color:gold +} +.token.keyword { + color:#00e0e0 +} +.token.important, +.token.regex { + color:gold +} +.token.bold, +.token.important { + font-weight:700 +} +.token.italic { + font-style:italic +} +.token.entity { + cursor:help +} +@media screen and (-ms-high-contrast:active) { + code[class*=language-], + pre[class*=language-] { + background:window; + color:windowText + } + :not(pre)>code[class*=language-], + pre[class*=language-] { + background:window + } + .token.important { + background:highlight; + color:window; + font-weight:400 + } + .token.atrule, + .token.attr-value, + .token.function, + .token.keyword, + .token.operator, + .token.selector { + font-weight:700 + } + .token.attr-value, + .token.comment, + .token.doctype, + .token.function, + .token.keyword, + .token.operator, + .token.property, + .token.string { + color:highlight + } + .token.attr-value, + .token.url { + font-weight:400 + } +} \ No newline at end of file diff --git a/src/style.css b/src/style.css index c9da793c3d..bd5ba4aad0 100644 --- a/src/style.css +++ b/src/style.css @@ -11,6 +11,10 @@ blockquote, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0; } +.markdown ol li, .markdown ol li > p, .markdown ol ol, .markdown ol ul, .markdown ul li, .markdown ul li > p, .markdown ul ol, .markdown ul ul { + margin: 0; +} + .scroll-down-enter { opacity: 0; } @@ -901,13 +905,17 @@ html { padding-left: 1rem; } -.markdown ol, +/* .markdown ol, */ .markdown ul { display: flex; flex-direction: column; padding-left: 1rem; } +.markdown ol { + list-style-type: decimal; +} + .markdown ol li, .markdown ol li > p, .markdown ol ol, @@ -1227,3 +1235,4 @@ html { margin-left: 0.25rem; vertical-align: baseline; } + diff --git a/src/utils/handleSubmit.js b/src/utils/handleSubmit.js index c2467e4a6c..566958811d 100644 --- a/src/utils/handleSubmit.js +++ b/src/utils/handleSubmit.js @@ -43,11 +43,8 @@ export default function handleSubmit({ const data = JSON.parse(e.data); let text = data.text || data.response; if (data.message) { - // text = text.match(newLineRegex) ? text.replace(newLineRegex, '') : text; - // console.log(data); messageHandler(text); } else if (data.final) { - console.log(data); convoHandler(data); } else { console.log('initial', data);