decision-tree-maker
Version:
Decision tree maker lib
123 lines (102 loc) • 397 kB
JavaScript
import React, { useState, useCallback, useEffect } from 'react';
import require$$6 from 'react-dom';
function styleInject(css, ref) {
if ( ref === void 0 ) ref = {};
var insertAt = ref.insertAt;
if (!css || typeof document === 'undefined') { return; }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css_248z = "/*\n! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n*/\n\nhtml {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n\n:root,\n[data-theme] {\n background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1));\n color: hsla(var(--bc) / var(--tw-text-opacity, 1));\n}\n\nhtml {\n -webkit-tap-highlight-color: transparent;\n}\n\n:root {\n color-scheme: light;\n --pf: 259 94% 41%;\n --sf: 314 100% 38%;\n --af: 174 60% 41%;\n --nf: 219 14% 22%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 259 94% 51%;\n --pc: 0 0% 100%;\n --s: 314 100% 47%;\n --sc: 0 0% 100%;\n --a: 174 60% 51%;\n --ac: 175 44% 15%;\n --n: 219 14% 28%;\n --nc: 0 0% 100%;\n --b1: 0 0% 100%;\n --b2: 0 0% 95%;\n --b3: 180 2% 90%;\n --bc: 215 28% 17%;\n}\n\n@media (prefers-color-scheme: dark) {\n\n :root {\n color-scheme: dark;\n --pf: 262 80% 40%;\n --sf: 316 70% 40%;\n --af: 175 70% 33%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 262 80% 50%;\n --pc: 0 0% 100%;\n --s: 316 70% 50%;\n --sc: 0 0% 100%;\n --a: 175 70% 41%;\n --ac: 0 0% 100%;\n --n: 218 18% 12%;\n --nf: 223 17% 8%;\n --nc: 220 13% 69%;\n --b1: 220 18% 20%;\n --b2: 220 17% 17%;\n --b3: 219 18% 15%;\n --bc: 220 13% 69%;\n }\n}\n\n[data-theme=light] {\n color-scheme: light;\n --pf: 259 94% 41%;\n --sf: 314 100% 38%;\n --af: 174 60% 41%;\n --nf: 219 14% 22%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 259 94% 51%;\n --pc: 0 0% 100%;\n --s: 314 100% 47%;\n --sc: 0 0% 100%;\n --a: 174 60% 51%;\n --ac: 175 44% 15%;\n --n: 219 14% 28%;\n --nc: 0 0% 100%;\n --b1: 0 0% 100%;\n --b2: 0 0% 95%;\n --b3: 180 2% 90%;\n --bc: 215 28% 17%;\n}\n\n[data-theme=dark] {\n color-scheme: dark;\n --pf: 262 80% 40%;\n --sf: 316 70% 40%;\n --af: 175 70% 33%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 262 80% 50%;\n --pc: 0 0% 100%;\n --s: 316 70% 50%;\n --sc: 0 0% 100%;\n --a: 175 70% 41%;\n --ac: 0 0% 100%;\n --n: 218 18% 12%;\n --nf: 223 17% 8%;\n --nc: 220 13% 69%;\n --b1: 220 18% 20%;\n --b2: 220 17% 17%;\n --b3: 219 18% 15%;\n --bc: 220 13% 69%;\n}\n\n[data-theme=cupcake] {\n color-scheme: light;\n --pf: 183 47% 47%;\n --sf: 338 71% 62%;\n --af: 39 84% 46%;\n --nf: 280 46% 11%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 183 100% 12%;\n --sc: 338 100% 16%;\n --ac: 39 100% 12%;\n --nc: 280 83% 83%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --p: 183 47% 59%;\n --s: 338 71% 78%;\n --a: 39 84% 58%;\n --n: 280 46% 14%;\n --b1: 24 33% 97%;\n --b2: 27 22% 92%;\n --b3: 22 14% 89%;\n --bc: 280 46% 14%;\n --rounded-btn: 1.9rem;\n --tab-border: 2px;\n --tab-radius: .5rem;\n}\n\n[data-theme=bumblebee] {\n color-scheme: light;\n --pf: 41 74% 42%;\n --sf: 50 94% 46%;\n --af: 240 33% 11%;\n --nf: 240 33% 11%;\n --b2: 0 0% 90%;\n --b3: 0 0% 81%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 0 0% 20%;\n --ac: 240 60% 83%;\n --nc: 240 60% 83%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 41 74% 53%;\n --pc: 240 33% 14%;\n --s: 50 94% 58%;\n --sc: 240 33% 14%;\n --a: 240 33% 14%;\n --n: 240 33% 14%;\n --b1: 0 0% 100%;\n}\n\n[data-theme=emerald] {\n color-scheme: light;\n --pf: 141 50% 48%;\n --sf: 219 96% 48%;\n --af: 10 81% 45%;\n --nf: 219 20% 20%;\n --b2: 0 0% 90%;\n --b3: 0 0% 81%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --btn-text-case: uppercase;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 141 50% 60%;\n --pc: 151 28% 19%;\n --s: 219 96% 60%;\n --sc: 210 20% 98%;\n --a: 10 81% 56%;\n --ac: 210 20% 98%;\n --n: 219 20% 25%;\n --nc: 210 20% 98%;\n --b1: 0 0% 100%;\n --bc: 219 20% 25%;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-focus-scale: 1;\n}\n\n[data-theme=corporate] {\n color-scheme: light;\n --pf: 229 96% 51%;\n --sf: 215 26% 47%;\n --af: 154 49% 48%;\n --nf: 233 27% 10%;\n --b2: 0 0% 90%;\n --b3: 0 0% 81%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 229 100% 93%;\n --sc: 215 100% 12%;\n --ac: 154 100% 12%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --btn-text-case: uppercase;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 229 96% 64%;\n --s: 215 26% 59%;\n --a: 154 49% 60%;\n --n: 233 27% 13%;\n --nc: 210 38% 95%;\n --b1: 0 0% 100%;\n --bc: 233 27% 13%;\n --rounded-box: 0.25rem;\n --rounded-btn: .125rem;\n --rounded-badge: .125rem;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-focus-scale: 1;\n}\n\n[data-theme=synthwave] {\n color-scheme: dark;\n --pf: 321 70% 55%;\n --sf: 197 87% 52%;\n --af: 48 89% 46%;\n --nf: 253 61% 15%;\n --b2: 254 59% 23%;\n --b3: 254 59% 21%;\n --pc: 321 100% 14%;\n --sc: 197 100% 13%;\n --ac: 48 100% 11%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 321 70% 69%;\n --s: 197 87% 65%;\n --a: 48 89% 57%;\n --n: 253 61% 19%;\n --nc: 260 60% 98%;\n --b1: 254 59% 26%;\n --bc: 260 60% 98%;\n --in: 199 87% 64%;\n --inc: 257 63% 17%;\n --su: 168 74% 68%;\n --suc: 257 63% 17%;\n --wa: 48 89% 57%;\n --wac: 257 63% 17%;\n --er: 352 74% 57%;\n --erc: 260 60% 98%;\n}\n\n[data-theme=retro] {\n color-scheme: light;\n --pf: 3 74% 61%;\n --sf: 145 27% 58%;\n --af: 49 67% 61%;\n --nf: 42 17% 34%;\n --inc: 221 100% 91%;\n --suc: 142 100% 87%;\n --wac: 32 100% 9%;\n --erc: 0 100% 90%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 3 74% 76%;\n --pc: 345 5% 15%;\n --s: 145 27% 72%;\n --sc: 345 5% 15%;\n --a: 49 67% 76%;\n --ac: 345 5% 15%;\n --n: 42 17% 42%;\n --nc: 45 47% 80%;\n --b1: 45 47% 80%;\n --b2: 45 37% 72%;\n --b3: 42 36% 65%;\n --bc: 345 5% 15%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n --rounded-box: 0.4rem;\n --rounded-btn: 0.4rem;\n --rounded-badge: 0.4rem;\n}\n\n[data-theme=cyberpunk] {\n color-scheme: light;\n --pf: 345 100% 58%;\n --sf: 195 80% 56%;\n --af: 276 74% 57%;\n --nf: 57 100% 10%;\n --b2: 56 100% 45%;\n --b3: 56 100% 41%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 56 100% 10%;\n --pc: 345 100% 15%;\n --sc: 195 100% 14%;\n --ac: 276 100% 14%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;\n --p: 345 100% 73%;\n --s: 195 80% 70%;\n --a: 276 74% 71%;\n --n: 57 100% 13%;\n --nc: 56 100% 50%;\n --b1: 56 100% 50%;\n --rounded-box: 0;\n --rounded-btn: 0;\n --rounded-badge: 0;\n --tab-radius: 0;\n}\n\n[data-theme=valentine] {\n color-scheme: light;\n --pf: 353 74% 54%;\n --sf: 254 86% 61%;\n --af: 181 56% 56%;\n --nf: 336 43% 38%;\n --b2: 318 46% 80%;\n --b3: 318 46% 72%;\n --pc: 353 100% 13%;\n --sc: 254 100% 15%;\n --ac: 181 100% 14%;\n --inc: 221 100% 91%;\n --suc: 142 100% 87%;\n --wac: 32 100% 9%;\n --erc: 0 100% 90%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 353 74% 67%;\n --s: 254 86% 77%;\n --a: 181 56% 70%;\n --n: 336 43% 48%;\n --nc: 318 46% 89%;\n --b1: 318 46% 89%;\n --bc: 344 38% 28%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n --rounded-btn: 1.9rem;\n}\n\n[data-theme=halloween] {\n color-scheme: dark;\n --pf: 32 89% 42%;\n --sf: 271 46% 34%;\n --af: 91 100% 26%;\n --nf: 180 4% 9%;\n --b2: 0 0% 12%;\n --b3: 0 0% 10%;\n --bc: 0 0% 83%;\n --sc: 271 100% 88%;\n --ac: 91 100% 7%;\n --nc: 180 5% 82%;\n --inc: 221 100% 91%;\n --suc: 142 100% 87%;\n --wac: 32 100% 9%;\n --erc: 0 100% 90%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 32 89% 52%;\n --pc: 180 7% 8%;\n --s: 271 46% 42%;\n --a: 91 100% 33%;\n --n: 180 4% 11%;\n --b1: 0 0% 13%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n}\n\n[data-theme=garden] {\n color-scheme: light;\n --pf: 139 16% 34%;\n --sf: 97 37% 75%;\n --af: 0 68% 75%;\n --nf: 0 4% 28%;\n --b2: 0 4% 82%;\n --b3: 0 4% 74%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 139 100% 89%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 139 16% 43%;\n --s: 97 37% 93%;\n --sc: 96 32% 15%;\n --a: 0 68% 94%;\n --ac: 0 22% 16%;\n --n: 0 4% 35%;\n --nc: 0 4% 91%;\n --b1: 0 4% 91%;\n --bc: 0 3% 6%;\n}\n\n[data-theme=forest] {\n color-scheme: dark;\n --pf: 141 72% 34%;\n --sf: 141 75% 38%;\n --af: 35 69% 42%;\n --nf: 0 10% 5%;\n --b2: 0 12% 7%;\n --b3: 0 12% 7%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 0 12% 82%;\n --sc: 141 100% 10%;\n --ac: 35 100% 10%;\n --nc: 0 7% 81%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 141 72% 42%;\n --pc: 141 100% 88%;\n --s: 141 75% 48%;\n --a: 35 69% 52%;\n --n: 0 10% 6%;\n --b1: 0 12% 8%;\n --rounded-btn: 1.9rem;\n}\n\n[data-theme=aqua] {\n color-scheme: dark;\n --pf: 182 93% 40%;\n --sf: 274 31% 45%;\n --af: 47 100% 64%;\n --nf: 205 54% 40%;\n --b2: 219 53% 39%;\n --b3: 219 53% 35%;\n --bc: 219 100% 89%;\n --sc: 274 100% 91%;\n --ac: 47 100% 16%;\n --nc: 205 100% 90%;\n --inc: 221 100% 91%;\n --suc: 142 100% 87%;\n --wac: 32 100% 9%;\n --erc: 0 100% 90%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 182 93% 49%;\n --pc: 181 100% 17%;\n --s: 274 31% 57%;\n --a: 47 100% 80%;\n --n: 205 54% 50%;\n --b1: 219 53% 43%;\n --in: 221 83% 53%;\n --su: 142 76% 36%;\n --wa: 32 95% 44%;\n --er: 0 72% 51%;\n}\n\n[data-theme=lofi] {\n color-scheme: light;\n --pf: 0 0% 4%;\n --sf: 0 2% 8%;\n --af: 0 0% 12%;\n --nf: 0 0% 0%;\n --btn-text-case: uppercase;\n --border-btn: 1px;\n --tab-border: 1px;\n --p: 0 0% 5%;\n --pc: 0 0% 100%;\n --s: 0 2% 10%;\n --sc: 0 0% 100%;\n --a: 0 0% 15%;\n --ac: 0 0% 100%;\n --n: 0 0% 0%;\n --nc: 0 0% 100%;\n --b1: 0 0% 100%;\n --b2: 0 0% 95%;\n --b3: 0 2% 90%;\n --bc: 0 0% 0%;\n --in: 212 100% 48%;\n --inc: 0 0% 100%;\n --su: 137 72% 46%;\n --suc: 0 0% 100%;\n --wa: 5 100% 66%;\n --wac: 0 0% 100%;\n --er: 325 78% 49%;\n --erc: 0 0% 100%;\n --rounded-box: 0.25rem;\n --rounded-btn: 0.125rem;\n --rounded-badge: 0.125rem;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-focus-scale: 1;\n --tab-radius: 0;\n}\n\n[data-theme=pastel] {\n color-scheme: light;\n --pf: 284 22% 64%;\n --sf: 352 70% 70%;\n --af: 158 55% 65%;\n --nf: 199 44% 49%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --bc: 0 0% 20%;\n --pc: 284 59% 16%;\n --sc: 352 100% 18%;\n --ac: 158 100% 16%;\n --nc: 199 100% 12%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 284 22% 80%;\n --s: 352 70% 88%;\n --a: 158 55% 81%;\n --n: 199 44% 61%;\n --b1: 0 0% 100%;\n --b2: 210 20% 98%;\n --b3: 216 12% 84%;\n --rounded-btn: 1.9rem;\n}\n\n[data-theme=fantasy] {\n color-scheme: light;\n --pf: 296 83% 20%;\n --sf: 200 100% 30%;\n --af: 31 94% 41%;\n --nf: 215 28% 13%;\n --b2: 0 0% 90%;\n --b3: 0 0% 81%;\n --in: 198 93% 60%;\n --su: 158 64% 52%;\n --wa: 43 96% 56%;\n --er: 0 91% 71%;\n --pc: 296 100% 85%;\n --sc: 200 100% 87%;\n --ac: 31 100% 10%;\n --nc: 215 62% 83%;\n --inc: 198 100% 12%;\n --suc: 158 100% 10%;\n --wac: 43 100% 11%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 296 83% 25%;\n --s: 200 100% 37%;\n --a: 31 94% 51%;\n --n: 215 28% 17%;\n --b1: 0 0% 100%;\n --bc: 215 28% 17%;\n}\n\n[data-theme=wireframe] {\n color-scheme: light;\n --pf: 0 0% 58%;\n --sf: 0 0% 58%;\n --af: 0 0% 58%;\n --nf: 0 0% 74%;\n --bc: 0 0% 20%;\n --pc: 0 0% 14%;\n --sc: 0 0% 14%;\n --ac: 0 0% 14%;\n --nc: 0 0% 18%;\n --inc: 240 100% 90%;\n --suc: 120 100% 85%;\n --wac: 60 100% 10%;\n --erc: 0 100% 90%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n font-family: Chalkboard,comic sans ms,\"sanssecondaryerif\";\n --p: 0 0% 72%;\n --s: 0 0% 72%;\n --a: 0 0% 72%;\n --n: 0 0% 92%;\n --b1: 0 0% 100%;\n --b2: 0 0% 93%;\n --b3: 0 0% 87%;\n --in: 240 100% 50%;\n --su: 120 100% 25%;\n --wa: 60 30% 50%;\n --er: 0 100% 50%;\n --rounded-box: 0.2rem;\n --rounded-btn: 0.2rem;\n --rounded-badge: 0.2rem;\n --tab-radius: 0.2rem;\n}\n\n[data-theme=black] {\n color-scheme: dark;\n --pf: 0 2% 16%;\n --sf: 0 2% 16%;\n --af: 0 2% 16%;\n --bc: 0 0% 80%;\n --pc: 0 5% 84%;\n --sc: 0 5% 84%;\n --ac: 0 5% 84%;\n --nc: 0 3% 83%;\n --inc: 240 100% 90%;\n --suc: 120 100% 85%;\n --wac: 60 100% 10%;\n --erc: 0 100% 90%;\n --border-btn: 1px;\n --tab-border: 1px;\n --p: 0 2% 20%;\n --s: 0 2% 20%;\n --a: 0 2% 20%;\n --b1: 0 0% 0%;\n --b2: 0 0% 5%;\n --b3: 0 2% 10%;\n --n: 0 1% 15%;\n --nf: 0 2% 20%;\n --in: 240 100% 50%;\n --su: 120 100% 25%;\n --wa: 60 100% 50%;\n --er: 0 100% 50%;\n --rounded-box: 0;\n --rounded-btn: 0;\n --rounded-badge: 0;\n --animation-btn: 0;\n --animation-input: 0;\n --btn-text-case: lowercase;\n --btn-focus-scale: 1;\n --tab-radius: 0;\n}\n\n[data-theme=luxury] {\n color-scheme: dark;\n --pf: 0 0% 80%;\n --sf: 218 54% 14%;\n --af: 319 22% 21%;\n --nf: 270 4% 7%;\n --pc: 0 0% 20%;\n --sc: 218 100% 84%;\n --ac: 319 85% 85%;\n --inc: 202 100% 14%;\n --suc: 89 100% 10%;\n --wac: 54 100% 13%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 0 0% 100%;\n --s: 218 54% 18%;\n --a: 319 22% 26%;\n --n: 270 4% 9%;\n --nc: 37 67% 58%;\n --b1: 240 10% 4%;\n --b2: 270 4% 9%;\n --b3: 270 2% 18%;\n --bc: 37 67% 58%;\n --in: 202 100% 70%;\n --su: 89 62% 52%;\n --wa: 54 69% 64%;\n --er: 0 100% 72%;\n}\n\n[data-theme=dracula] {\n color-scheme: dark;\n --pf: 326 100% 59%;\n --sf: 265 89% 62%;\n --af: 31 100% 57%;\n --nf: 230 15% 24%;\n --b2: 231 15% 17%;\n --b3: 231 15% 15%;\n --pc: 326 100% 15%;\n --sc: 265 100% 16%;\n --ac: 31 100% 14%;\n --nc: 230 71% 86%;\n --inc: 191 100% 15%;\n --suc: 135 100% 13%;\n --wac: 65 100% 15%;\n --erc: 0 100% 93%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 326 100% 74%;\n --s: 265 89% 78%;\n --a: 31 100% 71%;\n --n: 230 15% 30%;\n --b1: 231 15% 18%;\n --bc: 60 30% 96%;\n --in: 191 97% 77%;\n --su: 135 94% 65%;\n --wa: 65 92% 76%;\n --er: 0 100% 67%;\n}\n\n[data-theme=cmyk] {\n color-scheme: light;\n --pf: 203 83% 48%;\n --sf: 335 78% 48%;\n --af: 56 100% 48%;\n --nf: 0 0% 8%;\n --b2: 0 0% 90%;\n --b3: 0 0% 81%;\n --bc: 0 0% 20%;\n --pc: 203 100% 12%;\n --sc: 335 100% 92%;\n --ac: 56 100% 12%;\n --nc: 0 0% 82%;\n --inc: 192 100% 10%;\n --suc: 291 100% 88%;\n --wac: 25 100% 11%;\n --erc: 4 100% 91%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 203 83% 60%;\n --s: 335 78% 60%;\n --a: 56 100% 60%;\n --n: 0 0% 10%;\n --b1: 0 0% 100%;\n --in: 192 48% 52%;\n --su: 291 48% 38%;\n --wa: 25 85% 57%;\n --er: 4 81% 56%;\n}\n\n[data-theme=autumn] {\n color-scheme: light;\n --pf: 344 96% 22%;\n --sf: 0 63% 47%;\n --af: 27 56% 50%;\n --nf: 22 17% 35%;\n --b2: 0 0% 85%;\n --b3: 0 0% 77%;\n --bc: 0 0% 19%;\n --pc: 344 100% 86%;\n --sc: 0 100% 92%;\n --ac: 27 100% 13%;\n --nc: 22 100% 89%;\n --inc: 187 100% 10%;\n --suc: 165 100% 9%;\n --wac: 30 100% 10%;\n --erc: 354 100% 90%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 344 96% 28%;\n --s: 0 63% 58%;\n --a: 27 56% 63%;\n --n: 22 17% 44%;\n --b1: 0 0% 95%;\n --in: 187 48% 50%;\n --su: 165 34% 43%;\n --wa: 30 84% 50%;\n --er: 354 79% 49%;\n}\n\n[data-theme=business] {\n color-scheme: dark;\n --pf: 210 64% 24%;\n --sf: 200 13% 44%;\n --af: 13 80% 48%;\n --nf: 213 14% 13%;\n --b2: 0 0% 11%;\n --b3: 0 0% 10%;\n --bc: 0 0% 83%;\n --pc: 210 100% 86%;\n --sc: 200 100% 11%;\n --ac: 13 100% 12%;\n --nc: 213 28% 83%;\n --inc: 199 100% 88%;\n --suc: 144 100% 11%;\n --wac: 39 100% 12%;\n --erc: 6 100% 89%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 210 64% 31%;\n --s: 200 13% 55%;\n --a: 13 80% 60%;\n --n: 213 14% 16%;\n --b1: 0 0% 13%;\n --in: 199 100% 42%;\n --su: 144 31% 56%;\n --wa: 39 64% 60%;\n --er: 6 56% 43%;\n --rounded-box: 0.25rem;\n --rounded-btn: .125rem;\n --rounded-badge: .125rem;\n}\n\n[data-theme=acid] {\n color-scheme: light;\n --pf: 303 100% 40%;\n --sf: 27 100% 40%;\n --af: 72 98% 40%;\n --nf: 238 43% 14%;\n --b2: 0 0% 88%;\n --b3: 0 0% 79%;\n --bc: 0 0% 20%;\n --pc: 303 100% 90%;\n --sc: 27 100% 10%;\n --ac: 72 100% 10%;\n --nc: 238 99% 83%;\n --inc: 210 100% 12%;\n --suc: 149 100% 12%;\n --wac: 53 100% 11%;\n --erc: 1 100% 89%;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 303 100% 50%;\n --s: 27 100% 50%;\n --a: 72 98% 50%;\n --n: 238 43% 17%;\n --b1: 0 0% 98%;\n --in: 210 92% 58%;\n --su: 149 50% 58%;\n --wa: 53 93% 57%;\n --er: 1 100% 45%;\n --rounded-box: 1.25rem;\n --rounded-btn: 1rem;\n --rounded-badge: 1rem;\n}\n\n[data-theme=lemonade] {\n color-scheme: light;\n --pf: 89 96% 24%;\n --sf: 60 81% 44%;\n --af: 63 80% 71%;\n --nf: 238 43% 14%;\n --b2: 0 0% 90%;\n --b3: 0 0% 81%;\n --bc: 0 0% 20%;\n --pc: 89 100% 86%;\n --sc: 60 100% 11%;\n --ac: 63 100% 18%;\n --nc: 238 99% 83%;\n --inc: 192 79% 17%;\n --suc: 74 100% 16%;\n --wac: 50 100% 15%;\n --erc: 1 100% 17%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 89 96% 31%;\n --s: 60 81% 55%;\n --a: 63 80% 88%;\n --n: 238 43% 17%;\n --b1: 0 0% 100%;\n --in: 192 39% 85%;\n --su: 74 76% 79%;\n --wa: 50 87% 75%;\n --er: 1 70% 83%;\n}\n\n[data-theme=night] {\n color-scheme: dark;\n --pf: 198 93% 48%;\n --sf: 234 89% 59%;\n --af: 329 86% 56%;\n --b2: 222 47% 10%;\n --b3: 222 47% 9%;\n --bc: 222 66% 82%;\n --pc: 198 100% 12%;\n --sc: 234 100% 15%;\n --ac: 329 100% 14%;\n --nc: 217 76% 83%;\n --inc: 198 100% 10%;\n --suc: 172 100% 10%;\n --wac: 41 100% 13%;\n --erc: 351 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 198 93% 60%;\n --s: 234 89% 74%;\n --a: 329 86% 70%;\n --n: 217 33% 17%;\n --nf: 217 30% 22%;\n --b1: 222 47% 11%;\n --in: 198 90% 48%;\n --su: 172 66% 50%;\n --wa: 41 88% 64%;\n --er: 351 95% 71%;\n}\n\n[data-theme=coffee] {\n color-scheme: dark;\n --pf: 30 67% 46%;\n --sf: 182 25% 16%;\n --af: 194 74% 20%;\n --nf: 300 20% 5%;\n --b2: 306 19% 10%;\n --b3: 306 19% 9%;\n --pc: 30 100% 12%;\n --sc: 182 67% 84%;\n --ac: 194 100% 85%;\n --nc: 300 14% 81%;\n --inc: 171 100% 13%;\n --suc: 93 100% 12%;\n --wac: 43 100% 14%;\n --erc: 10 100% 15%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 30 67% 58%;\n --s: 182 25% 20%;\n --a: 194 74% 25%;\n --n: 300 20% 6%;\n --b1: 306 19% 11%;\n --bc: 37 8% 42%;\n --in: 171 37% 67%;\n --su: 93 25% 62%;\n --wa: 43 100% 69%;\n --er: 10 95% 75%;\n}\n\n[data-theme=winter] {\n color-scheme: light;\n --pf: 212 100% 41%;\n --sf: 247 47% 35%;\n --af: 310 49% 42%;\n --nf: 217 92% 8%;\n --pc: 212 100% 90%;\n --sc: 247 100% 89%;\n --ac: 310 100% 90%;\n --nc: 217 100% 82%;\n --inc: 192 100% 16%;\n --suc: 182 100% 13%;\n --wac: 32 100% 17%;\n --erc: 0 100% 14%;\n --rounded-box: 1rem;\n --rounded-btn: 0.5rem;\n --rounded-badge: 1.9rem;\n --animation-btn: 0.25s;\n --animation-input: .2s;\n --btn-text-case: uppercase;\n --btn-focus-scale: 0.95;\n --border-btn: 1px;\n --tab-border: 1px;\n --tab-radius: 0.5rem;\n --p: 212 100% 51%;\n --s: 247 47% 43%;\n --a: 310 49% 52%;\n --n: 217 92% 10%;\n --b1: 0 0% 100%;\n --b2: 217 100% 97%;\n --b3: 219 44% 92%;\n --bc: 214 30% 32%;\n --in: 192 93% 78%;\n --su: 182 47% 66%;\n --wa: 32 62% 84%;\n --er: 0 63% 72%;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n@keyframes spin {\n\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n.form-control {\n display: flex;\n flex-direction: column;\n}\n.label {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n align-items: center;\n justify-content: space-between;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.input {\n flex-shrink: 1;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n height: 3rem;\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 2;\n line-height: 1.5rem;\n border-width: 1px;\n border-color: hsl(var(--bc) / var(--tw-border-opacity));\n --tw-border-opacity: 0;\n --tw-bg-opacity: 1;\n background-color: hsl(var(--b1) / var(--tw-bg-opacity));\n border-radius: var(--rounded-btn, 0.5rem);\n}\n.input-group > .input {\n isolation: isolate;\n}\n.input-group > *,\n .input-group > .input,\n .input-group > .select {\n border-radius: 0px;\n}\n.menu > :where(li.disabled > *:not(ul):focus) {\n cursor: auto;\n}\n.tabs {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-end;\n}\n.tab {\n position: relative;\n display: inline-flex;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n text-align: center;\n height: 2rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n line-height: 2;\n --tab-padding: 1rem;\n --tw-text-opacity: 0.5;\n --tab-color: hsla(var(--bc) / var(--tw-text-opacity, 1));\n --tab-bg: hsla(var(--b1) / var(--tw-bg-opacity, 1));\n --tab-border-color: hsla(var(--b3) / var(--tw-bg-opacity, 1));\n color: var(--tab-color);\n padding-left: var(--tab-padding, 1rem);\n padding-right: var(--tab-padding, 1rem);\n}\n.btm-nav>*.disabled,\n .btm-nav>*.disabled:hover,\n .btm-nav>*[disabled],\n .btm-nav>*[disabled]:hover {\n pointer-events: none;\n --tw-border-opacity: 0;\n background-color: hsl(var(--n) / var(--tw-bg-opacity));\n --tw-bg-opacity: 0.1;\n color: hsl(var(--bc) / var(--tw-text-opacity));\n --tw-text-opacity: 0.2;\n}\n.btm-nav>* .label {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n@keyframes button-pop {\n\n 0% {\n transform: scale(var(--btn-focus-scale, 0.95));\n }\n\n 40% {\n transform: scale(1.02);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n@keyframes checkmark {\n\n 0% {\n background-position-y: 5px;\n }\n\n 50% {\n background-position-y: -2px;\n }\n\n 100% {\n background-position-y: 0;\n }\n}\n.label-text {\n font-size: 0.875rem;\n line-height: 1.25rem;\n --tw-text-opacity: 1;\n color: hsl(var(--bc) / var(--tw-text-opacity));\n}\n.label-text-alt {\n font-size: 0.75rem;\n line-height: 1rem;\n --tw-text-opacity: 1;\n color: hsl(var(--bc) / var(--tw-text-opacity));\n}\n.label a:hover {\n --tw-text-opacity: 1;\n color: hsl(var(--bc) / var(--tw-text-opacity));\n}\n.input[list]::-webkit-calendar-picker-indicator {\n line-height: 1em;\n}\n.input-bordered {\n --tw-border-opacity: 0.2;\n}\n.input:focus {\n outline: 2px solid hsla(var(--bc) / 0.2);\n outline-offset: 2px;\n}\n.input-disabled,\n .input[disabled] {\n cursor: not-allowed;\n --tw-border-opacity: 1;\n border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));\n --tw-text-opacity: 0.2;\n}\n.input-disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {\n color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n --tw-placeholder-opacity: 0.2;\n}\n.input-disabled::placeholder,\n .input[disabled]::placeholder {\n color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n --tw-placeholder-opacity: 0.2;\n}\n.menu li.disabled > * {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n color: hsl(var(--bc) / var(--tw-text-opacity));\n --tw-text-opacity: 0.2;\n}\n.menu li.disabled > *:hover {\n background-color: transparent;\n}\n@keyframes progress-loading {\n\n 50% {\n left: 107%;\n }\n}\n@keyframes radiomark {\n\n 0% {\n box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset;\n }\n\n 50% {\n box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset;\n }\n\n 100% {\n box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;\n }\n}\n@keyframes rating-pop {\n\n 0% {\n transform: translateY(-0.125em);\n }\n\n 40% {\n transform: translateY(-0.125em);\n }\n\n 100% {\n transform: translateY(0);\n }\n}\n.tab:hover {\n --tw-text-opacity: 1;\n}\n.tab.tab-active {\n border-color: hsl(var(--bc) / var(--tw-border-opacity));\n --tw-border-opacity: 1;\n --tw-text-opacity: 1;\n}\n.tab:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.tab:focus-visible {\n outline: 2px solid currentColor;\n outline-offset: -3px;\n}\n.tab:focus-visible.tab-lifted {\n border-bottom-right-radius: var(--tab-radius, 0.5rem);\n border-bottom-left-radius: var(--tab-radius, 0.5rem);\n}\n.tab-bordered {\n border-color: hsl(var(--bc) / var(--tw-border-opacity));\n --tw-border-opacity: 0.2;\n border-style: solid;\n border-bottom-width: calc(var(--tab-border, 1px) + 1px);\n}\n.tab-lifted.tab-active {\n background-color: var(--tab-bg);\n border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);\n border-left-color: var(--tab-border-color);\n border-right-color: var(--tab-border-color);\n border-top-color: var(--tab-border-color);\n padding-left: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));\n padding-right: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));\n padding-bottom: var(--tab-border, 1px);\n padding-top: 0;\n}\n.tab-lifted.tab-active:before,\n .tab-lifted.tab-active:after {\n z-index: 1;\n content: \"\";\n display: block;\n position: absolute;\n width: var(--tab-radius, 0.5rem);\n height: var(--tab-radius, 0.5rem);\n bottom: 0;\n --tab-grad: calc(68% - var(--tab-border, 1px));\n --tab-corner-bg: radial-gradient(circle at var(--circle-pos), transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.3px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px));\n}\n.tab-lifted.tab-active:before {\n left: calc(var(--tab-radius, 0.5rem) * -1);\n --circle-pos: top left;\n background-image: var(--tab-corner-bg);\n}\n[dir=\"rtl\"] .tab-lifted.tab-active:before {\n --circle-pos: top right;\n}\n.tab-lifted.tab-active:after {\n right: calc(var(--tab-radius, 0.5rem) * -1);\n --circle-pos: top right;\n background-image: var(--tab-corner-bg);\n}\n[dir=\"rtl\"] .tab-lifted.tab-active:after {\n --circle-pos: top left;\n}\n.tab-lifted.tab-active:first-child:before {\n background: none;\n}\n.tab-lifted.tab-active:last-child:after {\n background: none;\n}\n.tab-lifted.tab-active + .tab-lifted.tab-active:before {\n background: none;\n}\n.tabs-boxed .tab-active {\n --tw-bg-opacity: 1;\n background-color: hsl(var(--p) / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: hsl(var(--pc) / var(--tw-text-opacity));\n border-radius: var(--rounded-btn, 0.5rem);\n}\n.tabs-boxed .tab-active:hover {\n --tw-text-opacity: 1;\n color: hsl(var(--pc) / var(--tw-text-opacity));\n}\n@keyframes toast-pop {\n\n 0% {\n transform: scale(0.9);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n.absolute {\n position: absolute;\n}\n.my-6 {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n.mr-4 {\n margin-right: 1rem;\n}\n.flex {\n display: flex;\n}\n.h-full {\n height: 100%;\n}\n.h-5\\/6 {\n height: 83.333333%;\n}\n.w-full {\n width: 100%;\n}\n.max-w-xs {\n max-width: 20rem;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.cursor-move {\n cursor: move;\n}\n.flex-row {\n flex-direction: row;\n}\n.flex-col {\n flex-direction: column;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-center {\n align-items: center;\n}\n.justify-end {\n justify-content: flex-end;\n}\n.justify-between {\n justify-content: space-between;\n}\n.overflow-auto {\n overflow: auto;\n}\n.rounded-xl {\n border-radius: 0.75rem;\n}\n.border {\n border-width: 1px;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-black {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.p-4 {\n padding: 1rem;\n}\n.pb-4 {\n padding-bottom: 1rem;\n}\n.text-center {\n text-align: center;\n}\n.font-bold {\n font-weight: 700;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.filter {\n 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);\n}\n";
styleInject(css_248z);
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
var __assign$1 = function() {
__assign$1 = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign$1.apply(this, arguments);
};
function getAugmentedNamespace(n) {
var f = n.default;
if (typeof f == "function") {
var a = function () {
return f.apply(this, arguments);
};
a.prototype = f.prototype;
} else a = {};
Object.defineProperty(a, '__esModule', {value: true});
Object.keys(n).forEach(function (k) {
var d = Object.getOwnPropertyDescriptor(n, k);
Object.defineProperty(a, k, d.get ? d : {
enumerable: true,
get: function () {
return n[k];
}
});
});
return a;
}
var jsxRuntime = {exports: {}};
var reactJsxRuntime_production_min = {};
/**
* @license React
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var hasRequiredReactJsxRuntime_production_min;
function requireReactJsxRuntime_production_min () {
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
hasRequiredReactJsxRuntime_production_min = 1;
var f=React,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
return reactJsxRuntime_production_min;
}
var reactJsxRuntime_development = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var hasRequiredReactJsxRuntime_development;
function requireReactJsxRuntime_development () {
if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
hasRequiredReactJsxRuntime_development = 1;
if (process.env.NODE_ENV !== "production")