diff --git a/.gitignore b/.gitignore index 829a17f135..86e7746a0c 100644 --- a/.gitignore +++ b/.gitignore @@ -39,4 +39,6 @@ bower_components/ # Environment .env -cache.json \ No newline at end of file +cache.json + +src/style - official.css \ No newline at end of file diff --git a/src/components/Messages/Message.jsx b/src/components/Messages/Message.jsx index c9527c560f..58c1baa35d 100644 --- a/src/components/Messages/Message.jsx +++ b/src/components/Messages/Message.jsx @@ -70,6 +70,7 @@ export default function Message({ ) : (
+ {/*
*/}
{notUser ? wrapText(text) : text} {blinker && } diff --git a/src/components/Messages/TextWrapper.jsx b/src/components/Messages/TextWrapper.jsx index 7f76a9c28b..3d3ed7e6f4 100644 --- a/src/components/Messages/TextWrapper.jsx +++ b/src/components/Messages/TextWrapper.jsx @@ -39,9 +39,6 @@ export default function TextWrapper({ text }) { // to match unenclosed code blocks if (text.match(/```/g)?.length === 1) { - // if (text.match(/```/g)?.length === 1) { - // const splitString = text.split('```')[1].split(/\s+/).slice(1).join('').trim(); - // embedTest = splitString.length > 0; embedTest = true; } diff --git a/src/style - official.css b/src/style - official.css deleted file mode 100644 index 72c7e69f67..0000000000 --- a/src/style - official.css +++ /dev/null @@ -1,4251 +0,0 @@ -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 bd5ba4aad0..1cd7403093 100644 --- a/src/style.css +++ b/src/style.css @@ -1200,17 +1200,6 @@ html { color: rgba(172, 172, 190, var(--tw-text-opacity)); } -/* .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 spin { to { -webkit-transform: rotate(1turn); @@ -1231,8 +1220,20 @@ html { .result-streaming { -webkit-animation: blink 1s steps(5, start) infinite; animation: blink 1s steps(5, start) infinite; - /* content:"▋"; */ + content:"▋"; margin-left: 0.25rem; vertical-align: baseline; } + +/* .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 +} */ +