@batijs/elements 0.0.2 → 0.0.3

package/dist/elements/full.js

@@ -816,32 +816,12 @@ function splitProps(props, ...keys) {
   }
   return [...objects, otherObject];
 }
-
-const narrowedError = name => `Stale read from <${name}>.`;
 function For(props) {
   const fallback = "fallback" in props && {
     fallback: () => props.fallback
   };
   return createMemo(mapArray(() => props.each, props.children, fallback || undefined));
 }
-function Show(props) {
-  const keyed = props.keyed;
-  const condition = createMemo(() => props.when, undefined, {
-    equals: (a, b) => keyed ? a === b : !a === !b
-  });
-  return createMemo(() => {
-    const c = condition();
-    if (c) {
-      const child = props.children;
-      const fn = typeof child === "function" && child.length > 0;
-      return fn ? untrack(() => child(keyed ? c : () => {
-        if (!untrack(condition)) throw narrowedError("Show");
-        return props.when;
-      })) : child;
-    }
-    return props.fallback;
-  }, undefined, undefined);
-}
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
 const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
@@ -1311,35 +1291,7 @@ function customElement(tag, props, ComponentType) {
     return register(tag, props)(withSolid(ComponentType));
 }
 
-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 = ":root,\n[data-theme] {\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));\n    color: hsl(var(--bc) / var(--tw-text-opacity, 1))\n}\nhtml {\n    -webkit-tap-highlight-color: transparent\n}\n:root {\n    color-scheme: light;\n    --pf: 259 94% 44%;\n    --sf: 314 100% 40%;\n    --af: 174 75% 39%;\n    --nf: 214 20% 14%;\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: 259 96% 91%;\n    --s: 314 100% 47%;\n    --sc: 314 100% 91%;\n    --a: 174 75% 46%;\n    --ac: 174 75% 11%;\n    --n: 214 20% 21%;\n    --nc: 212 19% 87%;\n    --b1: 0 0% 100%;\n    --b2: 0 0% 95%;\n    --b3: 180 2% 90%;\n    --bc: 215 28% 17%\n}\n@media (prefers-color-scheme: dark) {\n    :root {\n        color-scheme: dark;\n        --pf: 262 80% 43%;\n        --sf: 316 70% 43%;\n        --af: 175 70% 34%;\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: 213 18% 20%;\n        --nf: 212 17% 17%;\n        --nc: 220 13% 69%;\n        --b1: 212 18% 14%;\n        --b2: 213 18% 12%;\n        --b3: 213 18% 10%;\n        --bc: 220 13% 69%\n    }\n}\n[data-theme=light] {\n    color-scheme: light;\n    --pf: 259 94% 44%;\n    --sf: 314 100% 40%;\n    --af: 174 75% 39%;\n    --nf: 214 20% 14%;\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: 259 96% 91%;\n    --s: 314 100% 47%;\n    --sc: 314 100% 91%;\n    --a: 174 75% 46%;\n    --ac: 174 75% 11%;\n    --n: 214 20% 21%;\n    --nc: 212 19% 87%;\n    --b1: 0 0% 100%;\n    --b2: 0 0% 95%;\n    --b3: 180 2% 90%;\n    --bc: 215 28% 17%\n}\n[data-theme=dark] {\n    color-scheme: dark;\n    --pf: 262 80% 43%;\n    --sf: 316 70% 43%;\n    --af: 175 70% 34%;\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: 213 18% 20%;\n    --nf: 212 17% 17%;\n    --nc: 220 13% 69%;\n    --b1: 212 18% 14%;\n    --b2: 213 18% 12%;\n    --b3: 213 18% 10%;\n    --bc: 220 13% 69%\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-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\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::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-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\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.container {\n    width: 100%\n}\n@media (min-width: 640px) {\n    .container {\n        max-width: 640px\n    }\n}\n@media (min-width: 768px) {\n    .container {\n        max-width: 768px\n    }\n}\n@media (min-width: 1024px) {\n    .container {\n        max-width: 1024px\n    }\n}\n@media (min-width: 1280px) {\n    .container {\n        max-width: 1280px\n    }\n}\n@media (min-width: 1536px) {\n    .container {\n        max-width: 1536px\n    }\n}\n@media (hover:hover) {\n    .checkbox-success:hover {\n        --tw-border-opacity: 1;\n        border-color: hsl(var(--su) / var(--tw-border-opacity))\n    }\n    .label a:hover {\n        --tw-text-opacity: 1;\n        color: hsl(var(--bc) / var(--tw-text-opacity))\n    }\n    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {\n        --tw-bg-opacity: 1;\n        background-color: hsl(var(--n) / var(--tw-bg-opacity));\n        --tw-text-opacity: 1;\n        color: hsl(var(--nc) / var(--tw-text-opacity))\n    }\n}\n.checkbox {\n    flex-shrink: 0;\n    --chkbg: var(--bc);\n    --chkfg: var(--b1);\n    height: 1.5rem;\n    width: 1.5rem;\n    cursor: pointer;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0.2;\n    border-radius: var(--rounded-btn, 0.5rem)\n}\n.divider {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    align-self: stretch;\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 1rem;\n    white-space: nowrap\n}\n.divider:before,\n  .divider:after {\n    content: \"\";\n    flex-grow: 1;\n    height: 0.125rem;\n    width: 100%\n}\n.drawer {\n    position: relative;\n    display: grid;\n    grid-auto-columns: max-content auto;\n    width: 100%\n}\n@media (hover: hover) {\n    .btm-nav > *.disabled:hover,\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    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {\n        cursor: pointer;\n        background-color: hsl(var(--bc) / 0.1);\n        --tw-text-opacity: 1;\n        color: hsl(var(--bc) / var(--tw-text-opacity));\n        outline: 2px solid transparent;\n        outline-offset: 2px\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    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 > .textarea,\n  .input-group > .select {\n    border-radius: 0px\n}\n.join {\n    display: inline-flex;\n    align-items: stretch;\n    border-radius: var(--rounded-btn, 0.5rem)\n}\n.join :where(.join-item) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join .join-item:not(:first-child):not(:last-child),\n  .join *:not(:first-child):not(:last-child) .join-item {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join .join-item:first-child:not(:last-child),\n  .join *:first-child:not(:last-child) .join-item {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0\n}\n.join :where(.join-item:first-child:not(:last-child)),\n  .join :where(*:first-child:not(:last-child) .join-item) {\n    border-bottom-left-radius: inherit;\n    border-top-left-radius: inherit\n}\n.join .join-item:last-child:not(:first-child),\n  .join *:last-child:not(:first-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join :where(.join-item:last-child:not(:first-child)),\n  .join :where(*:last-child:not(:first-child) .join-item) {\n    border-top-right-radius: inherit;\n    border-bottom-right-radius: inherit\n}\n:where(.join *) {\n    border-radius: inherit\n}\n.kbd {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0.2;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n    border-radius: var(--rounded-btn, 0.5rem);\n    border-bottom-width: 2px;\n    min-height: 2.2em;\n    min-width: 2.2em\n}\n.link {\n    cursor: pointer;\n    text-decoration-line: underline\n}\n.menu li.disabled {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    color: hsl(var(--bc) / 0.3)\n}\n.select {\n    display: inline-flex;\n    flex-shrink: 0;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    height: 3rem;\n    padding-left: 1rem;\n    padding-right: 2.5rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    line-height: 2;\n    min-height: 3rem;\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    font-weight: 600;\n    border-radius: var(--rounded-btn, 0.5rem);\n    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%);\n    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);\n    background-size: 4px 4px, 4px 4px;\n    background-repeat: no-repeat\n}\n.select[multiple] {\n    height: auto\n}\n.btm-nav > *.disabled,\n    .btm-nav > *[disabled] {\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    0% {\n        transform: scale(var(--btn-focus-scale, 0.98))\n    }\n    40% {\n        transform: scale(1.02)\n    }\n    100% {\n        transform: scale(1)\n    }\n}\n.checkbox:focus-visible {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 1)\n}\n.checkbox:checked,\n  .checkbox[checked=\"true\"],\n  .checkbox[aria-checked=\"true\"] {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    background-repeat: no-repeat;\n    animation: checkmark var(--animation-input, 0.2s) ease-in-out;\n    background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),\n      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),\n      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),\n      linear-gradient(\n        45deg,\n        hsl(var(--chkbg)) 30%,\n        hsl(var(--chkfg)) 30.99%,\n        hsl(var(--chkfg)) 40%,\n        transparent 40.99%\n      ),\n      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)\n}\n.checkbox:indeterminate {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    background-repeat: no-repeat;\n    animation: checkmark var(--animation-input, 0.2s) ease-in-out;\n    background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),\n      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),\n      linear-gradient(\n        0deg,\n        hsl(var(--chkbg)) 43%,\n        hsl(var(--chkfg)) 43%,\n        hsl(var(--chkfg)) 57%,\n        hsl(var(--chkbg)) 57%\n      )\n}\n.checkbox-success {\n    --chkbg: var(--su);\n    --chkfg: var(--suc);\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.checkbox-success:focus-visible {\n    outline-color: hsl(var(--su) / 1)\n}\n.checkbox-success:checked,\n    .checkbox-success[checked=\"true\"],\n    .checkbox-success[aria-checked=\"true\"] {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--su) / var(--tw-bg-opacity));\n    --tw-text-opacity: 1;\n    color: hsl(var(--suc) / var(--tw-text-opacity))\n}\n.checkbox:disabled {\n    cursor: not-allowed;\n    border-color: transparent;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    opacity: 0.2\n}\n@keyframes checkmark {\n    0% {\n        background-position-y: 5px\n    }\n    50% {\n        background-position-y: -2px\n    }\n    100% {\n        background-position-y: 0\n    }\n}\n[dir=\"rtl\"] .checkbox:checked,\n    [dir=\"rtl\"] .checkbox[checked=\"true\"],\n    [dir=\"rtl\"] .checkbox[aria-checked=\"true\"] {\n    background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),\n        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),\n        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),\n        linear-gradient(\n          -45deg,\n          hsl(var(--chkbg)) 30%,\n          hsl(var(--chkfg)) 30.99%,\n          hsl(var(--chkfg)) 40%,\n          transparent 40.99%\n        ),\n        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)\n}\n.divider:before {\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.1\n}\n.divider:after {\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.1\n}\n.divider:not(:empty) {\n    gap: 1rem\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.input[list]::-webkit-calendar-picker-indicator {\n    line-height: 1em\n}\n.input:focus {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 0.2)\n}\n.input-disabled,\n  .input:disabled,\n  .input[disabled] {\n    cursor: not-allowed;\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    --tw-text-opacity: 0.2\n}\n.input-disabled::-moz-placeholder, .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  .input[disabled]::placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.join > :where(*:not(:first-child)) {\n    margin-top: 0px;\n    margin-bottom: 0px;\n    margin-left: -1px\n}\n.join-item:focus {\n    isolation: isolate\n}\n.link:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.link:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px\n}\n@keyframes modal-pop {\n    0% {\n        opacity: 0\n    }\n}\n@keyframes progress-loading {\n    50% {\n        background-position-x: -115%\n    }\n}\n@keyframes radiomark {\n    0% {\n        box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset\n    }\n    50% {\n        box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset\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    0% {\n        transform: translateY(-0.125em)\n    }\n    40% {\n        transform: translateY(-0.125em)\n    }\n    100% {\n        transform: translateY(0)\n    }\n}\n.select:focus {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 0.2)\n}\n.select-primary {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--p) / var(--tw-border-opacity))\n}\n.select-primary:focus {\n    outline-color: hsl(var(--p) / 1)\n}\n.select-success {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.select-success:focus {\n    outline-color: hsl(var(--su) / 1)\n}\n.select-disabled,\n  .select:disabled,\n  .select[disabled] {\n    cursor: not-allowed;\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    --tw-text-opacity: 0.2\n}\n.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.select-disabled::placeholder,\n  .select:disabled::placeholder,\n  .select[disabled]::placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.select-multiple,\n  .select[multiple],\n  .select[size].select:not([size=\"1\"]) {\n    background-image: none;\n    padding-right: 1rem\n}\n[dir=\"rtl\"] .select {\n    background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)\n}\n@keyframes toast-pop {\n    0% {\n        transform: scale(0.9);\n        opacity: 0\n    }\n    100% {\n        transform: scale(1);\n        opacity: 1\n    }\n}\n.tooltip.tooltip-primary {\n    --tooltip-color: hsl(var(--p));\n    --tooltip-text-color: hsl(var(--pc))\n}\n.tooltip.tooltip-secondary {\n    --tooltip-color: hsl(var(--s));\n    --tooltip-text-color: hsl(var(--sc))\n}\n.tooltip.tooltip-accent {\n    --tooltip-color: hsl(var(--a));\n    --tooltip-text-color: hsl(var(--ac))\n}\n.tooltip.tooltip-info {\n    --tooltip-color: hsl(var(--in));\n    --tooltip-text-color: hsl(var(--inc))\n}\n.tooltip.tooltip-success {\n    --tooltip-color: hsl(var(--su));\n    --tooltip-text-color: hsl(var(--suc))\n}\n.tooltip.tooltip-warning {\n    --tooltip-color: hsl(var(--wa));\n    --tooltip-text-color: hsl(var(--wac))\n}\n.tooltip.tooltip-error {\n    --tooltip-color: hsl(var(--er));\n    --tooltip-text-color: hsl(var(--erc))\n}\n.join.join-vertical {\n    flex-direction: column\n}\n.join.join-vertical .join-item:first-child:not(:last-child),\n  .join.join-vertical *:first-child:not(:last-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit\n}\n.join.join-vertical .join-item:last-child:not(:first-child),\n  .join.join-vertical *:last-child:not(:first-child) .join-item {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: inherit;\n    border-bottom-right-radius: inherit\n}\n.join.join-horizontal {\n    flex-direction: row\n}\n.join.join-horizontal .join-item:first-child:not(:last-child),\n  .join.join-horizontal *:first-child:not(:last-child) .join-item {\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: inherit;\n    border-top-left-radius: inherit\n}\n.join.join-horizontal .join-item:last-child:not(:first-child),\n  .join.join-horizontal *:last-child:not(:first-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    border-bottom-right-radius: inherit;\n    border-top-right-radius: inherit\n}\n.kbd-lg {\n    padding-left: 1rem;\n    padding-right: 1rem;\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    min-height: 2.5em;\n    min-width: 2.5em\n}\n.tooltip {\n    position: relative;\n    display: inline-block;\n    --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px))\n}\n.tooltip:before {\n    position: absolute;\n    pointer-events: none;\n    z-index: 1;\n    content: var(--tw-content);\n    --tw-content: attr(data-tip)\n}\n.tooltip:before, .tooltip-top:before {\n    transform: translateX(-50%);\n    top: auto;\n    left: 50%;\n    right: auto;\n    bottom: var(--tooltip-offset)\n}\n.tooltip-bottom:before {\n    transform: translateX(-50%);\n    top: var(--tooltip-offset);\n    left: 50%;\n    right: auto;\n    bottom: auto\n}\n.join.join-vertical > :where(*:not(:first-child)) {\n    margin-left: 0px;\n    margin-right: 0px;\n    margin-top: -1px\n}\n.join.join-horizontal > :where(*:not(:first-child)) {\n    margin-top: 0px;\n    margin-bottom: 0px;\n    margin-left: -1px\n}\n.tooltip {\n    position: relative;\n    display: inline-block;\n    text-align: center;\n    --tooltip-tail: 0.1875rem;\n    --tooltip-color: hsl(var(--n));\n    --tooltip-text-color: hsl(var(--nc));\n    --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail))\n}\n.tooltip:before,\n.tooltip:after {\n    opacity: 0;\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-delay: 100ms;\n    transition-duration: 200ms;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.tooltip:after {\n    position: absolute;\n    content: \"\";\n    border-style: solid;\n    border-width: var(--tooltip-tail, 0);\n    width: 0;\n    height: 0;\n    display: block\n}\n.tooltip:before {\n    max-width: 20rem;\n    border-radius: 0.25rem;\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background-color: var(--tooltip-color);\n    color: var(--tooltip-text-color);\n    width: -moz-max-content;\n    width: max-content\n}\n.tooltip.tooltip-open:before,\n.tooltip.tooltip-open:after,\n.tooltip:hover:before,\n.tooltip:hover:after {\n    opacity: 1;\n    transition-delay: 75ms\n}\n.tooltip:has(:focus-visible):after,\n.tooltip:has(:focus-visible):before {\n    opacity: 1;\n    transition-delay: 75ms\n}\n.tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after {\n    visibility: hidden;\n    opacity: 0\n}\n.tooltip:after, .tooltip-top:after {\n    transform: translateX(-50%);\n    border-color: var(--tooltip-color) transparent transparent transparent;\n    top: auto;\n    left: 50%;\n    right: auto;\n    bottom: var(--tooltip-tail-offset)\n}\n.tooltip-bottom:after {\n    transform: translateX(-50%);\n    border-color: transparent transparent var(--tooltip-color) transparent;\n    top: var(--tooltip-tail-offset);\n    left: 50%;\n    right: auto;\n    bottom: auto\n}\n.absolute {\n    position: absolute\n}\n.relative {\n    position: relative\n}\n.bottom-2 {\n    bottom: 0.5rem\n}\n.left-2 {\n    left: 0.5rem\n}\n.left-2\\.5 {\n    left: 0.625rem\n}\n.right-2 {\n    right: 0.5rem\n}\n.top-2 {\n    top: 0.5rem\n}\n.top-2\\.5 {\n    top: 0.625rem\n}\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n.mb-2 {\n    margin-bottom: 0.5rem\n}\n.mt-8 {\n    margin-top: 2rem\n}\n.inline-block {\n    display: inline-block\n}\n.flex {\n    display: flex\n}\n.inline-flex {\n    display: inline-flex\n}\n.hidden {\n    display: none\n}\n.w-4\\/5 {\n    width: 80%\n}\n.w-full {\n    width: 100%\n}\n.max-w-xs {\n    max-width: 20rem\n}\n.flex-1 {\n    flex: 1 1 0%\n}\n.select-all {\n    -webkit-user-select: all;\n       -moz-user-select: all;\n            user-select: all\n}\n.flex-row {\n    flex-direction: row\n}\n.flex-col {\n    flex-direction: column\n}\n.flex-wrap {\n    flex-wrap: wrap\n}\n.items-end {\n    align-items: flex-end\n}\n.items-center {\n    align-items: center\n}\n.justify-start {\n    justify-content: flex-start\n}\n.justify-center {\n    justify-content: center\n}\n.gap-2 {\n    gap: 0.5rem\n}\n.gap-2\\.5 {\n    gap: 0.625rem\n}\n.gap-4 {\n    gap: 1rem\n}\n.gap-8 {\n    gap: 2rem\n}\n.overflow-hidden {\n    overflow: hidden\n}\n.whitespace-nowrap {\n    white-space: nowrap\n}\n.rounded {\n    border-radius: 0.25rem\n}\n.rounded-md {\n    border-radius: 0.375rem\n}\n.rounded-sm {\n    border-radius: 0.125rem\n}\n.rounded-xl {\n    border-radius: 0.75rem\n}\n.border {\n    border-width: 1px\n}\n.border-l-0 {\n    border-left-width: 0px\n}\n.border-l-8 {\n    border-left-width: 8px\n}\n.border-solid {\n    border-style: solid\n}\n.border-base-200 {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity))\n}\n.border-primary {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--p) / var(--tw-border-opacity))\n}\n.border-success {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.border-l-\\[\\#de624e\\] {\n    --tw-border-opacity: 1;\n    border-left-color: rgb(222 98 78 / var(--tw-border-opacity))\n}\n.bg-\\[\\#ec7259\\] {\n    --tw-bg-opacity: 1;\n    background-color: rgb(236 114 89 / var(--tw-bg-opacity))\n}\n.bg-base-100 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity))\n}\n.bg-base-200 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity))\n}\n.bg-base-300 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b3) / var(--tw-bg-opacity))\n}\n.p-1 {\n    padding: 0.25rem\n}\n.p-1\\.5 {\n    padding: 0.375rem\n}\n.p-5 {\n    padding: 1.25rem\n}\n.px-2 {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem\n}\n.px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n.py-8 {\n    padding-top: 2rem;\n    padding-bottom: 2rem\n}\n.pb-4 {\n    padding-bottom: 1rem\n}\n.pl-1 {\n    padding-left: 0.25rem\n}\n.pl-10 {\n    padding-left: 2.5rem\n}\n.font-sans {\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\"\n}\n.text-8xl {\n    font-size: 6rem;\n    line-height: 1\n}\n.text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem\n}\n.font-bold {\n    font-weight: 700\n}\n.leading-10 {\n    line-height: 2.5rem\n}\n.text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.opacity-50 {\n    opacity: 0.5\n}\n.opacity-60 {\n    opacity: 0.6\n}\n.opacity-70 {\n    opacity: 0.7\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.shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    --tw-shadow-colored: 0 25px 50px -12px 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.group:hover .group-hover\\:inline {\n    display: inline\n}\n";
-styleInject(css_248z);
+var css_248z = ".bati-widget,\n[data-theme] {\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));\n    color: hsl(var(--bc) / var(--tw-text-opacity, 1))\n}\nhtml {\n    -webkit-tap-highlight-color: transparent\n}\n.bati-widget {\n    color-scheme: light;\n    --pf: 259 94% 44%;\n    --sf: 314 100% 40%;\n    --af: 174 75% 39%;\n    --nf: 214 20% 14%;\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: 259 96% 91%;\n    --s: 314 100% 47%;\n    --sc: 314 100% 91%;\n    --a: 174 75% 46%;\n    --ac: 174 75% 11%;\n    --n: 214 20% 21%;\n    --nc: 212 19% 87%;\n    --b1: 0 0% 100%;\n    --b2: 0 0% 95%;\n    --b3: 180 2% 90%;\n    --bc: 215 28% 17%\n}\n@media (prefers-color-scheme: dark) {\n    .bati-widget {\n        color-scheme: dark;\n        --pf: 262 80% 43%;\n        --sf: 316 70% 43%;\n        --af: 175 70% 34%;\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: 213 18% 20%;\n        --nf: 212 17% 17%;\n        --nc: 220 13% 69%;\n        --b1: 212 18% 14%;\n        --b2: 213 18% 12%;\n        --b3: 213 18% 10%;\n        --bc: 220 13% 69%\n    }\n}\n[data-theme=light] {\n    color-scheme: light;\n    --pf: 259 94% 44%;\n    --sf: 314 100% 40%;\n    --af: 174 75% 39%;\n    --nf: 214 20% 14%;\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: 259 96% 91%;\n    --s: 314 100% 47%;\n    --sc: 314 100% 91%;\n    --a: 174 75% 46%;\n    --ac: 174 75% 11%;\n    --n: 214 20% 21%;\n    --nc: 212 19% 87%;\n    --b1: 0 0% 100%;\n    --b2: 0 0% 95%;\n    --b3: 180 2% 90%;\n    --bc: 215 28% 17%\n}\n[data-theme=dark] {\n    color-scheme: dark;\n    --pf: 262 80% 43%;\n    --sf: 316 70% 43%;\n    --af: 175 70% 34%;\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: 213 18% 20%;\n    --nf: 212 17% 17%;\n    --nc: 220 13% 69%;\n    --b1: 212 18% 14%;\n    --b2: 213 18% 12%;\n    --b3: 213 18% 10%;\n    --bc: 220 13% 69%\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-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\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::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-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\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@media (hover:hover) {\n    .checkbox-success:hover {\n        --tw-border-opacity: 1;\n        border-color: hsl(var(--su) / var(--tw-border-opacity))\n    }\n    .label a:hover {\n        --tw-text-opacity: 1;\n        color: hsl(var(--bc) / var(--tw-text-opacity))\n    }\n    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {\n        --tw-bg-opacity: 1;\n        background-color: hsl(var(--n) / var(--tw-bg-opacity));\n        --tw-text-opacity: 1;\n        color: hsl(var(--nc) / var(--tw-text-opacity))\n    }\n}\n.checkbox {\n    flex-shrink: 0;\n    --chkbg: var(--bc);\n    --chkfg: var(--b1);\n    height: 1.5rem;\n    width: 1.5rem;\n    cursor: pointer;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0.2;\n    border-radius: var(--rounded-btn, 0.5rem)\n}\n.divider {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    align-self: stretch;\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 1rem;\n    white-space: nowrap\n}\n.divider:before,\n  .divider:after {\n    content: \"\";\n    flex-grow: 1;\n    height: 0.125rem;\n    width: 100%\n}\n@media (hover: hover) {\n    .btm-nav > *.disabled:hover,\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    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {\n        cursor: pointer;\n        background-color: hsl(var(--bc) / 0.1);\n        --tw-text-opacity: 1;\n        color: hsl(var(--bc) / var(--tw-text-opacity));\n        outline: 2px solid transparent;\n        outline-offset: 2px\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    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 > .textarea,\n  .input-group > .select {\n    border-radius: 0px\n}\n.join {\n    display: inline-flex;\n    align-items: stretch;\n    border-radius: var(--rounded-btn, 0.5rem)\n}\n.join :where(.join-item) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join .join-item:not(:first-child):not(:last-child),\n  .join *:not(:first-child):not(:last-child) .join-item {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join .join-item:first-child:not(:last-child),\n  .join *:first-child:not(:last-child) .join-item {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0\n}\n.join :where(.join-item:first-child:not(:last-child)),\n  .join :where(*:first-child:not(:last-child) .join-item) {\n    border-bottom-left-radius: inherit;\n    border-top-left-radius: inherit\n}\n.join .join-item:last-child:not(:first-child),\n  .join *:last-child:not(:first-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join :where(.join-item:last-child:not(:first-child)),\n  .join :where(*:last-child:not(:first-child) .join-item) {\n    border-top-right-radius: inherit;\n    border-bottom-right-radius: inherit\n}\n:where(.join *) {\n    border-radius: inherit\n}\n.kbd {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0.2;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n    border-radius: var(--rounded-btn, 0.5rem);\n    border-bottom-width: 2px;\n    min-height: 2.2em;\n    min-width: 2.2em\n}\n.link {\n    cursor: pointer;\n    text-decoration-line: underline\n}\n.menu li.disabled {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    color: hsl(var(--bc) / 0.3)\n}\n.select {\n    display: inline-flex;\n    flex-shrink: 0;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    height: 3rem;\n    padding-left: 1rem;\n    padding-right: 2.5rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    line-height: 2;\n    min-height: 3rem;\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    font-weight: 600;\n    border-radius: var(--rounded-btn, 0.5rem);\n    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%);\n    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);\n    background-size: 4px 4px, 4px 4px;\n    background-repeat: no-repeat\n}\n.select[multiple] {\n    height: auto\n}\n.btm-nav > *.disabled,\n    .btm-nav > *[disabled] {\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    0% {\n        transform: scale(var(--btn-focus-scale, 0.98))\n    }\n    40% {\n        transform: scale(1.02)\n    }\n    100% {\n        transform: scale(1)\n    }\n}\n.checkbox:focus-visible {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 1)\n}\n.checkbox:checked,\n  .checkbox[checked=\"true\"],\n  .checkbox[aria-checked=\"true\"] {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    background-repeat: no-repeat;\n    animation: checkmark var(--animation-input, 0.2s) ease-in-out;\n    background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),\n      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),\n      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),\n      linear-gradient(\n        45deg,\n        hsl(var(--chkbg)) 30%,\n        hsl(var(--chkfg)) 30.99%,\n        hsl(var(--chkfg)) 40%,\n        transparent 40.99%\n      ),\n      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)\n}\n.checkbox:indeterminate {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    background-repeat: no-repeat;\n    animation: checkmark var(--animation-input, 0.2s) ease-in-out;\n    background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),\n      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),\n      linear-gradient(\n        0deg,\n        hsl(var(--chkbg)) 43%,\n        hsl(var(--chkfg)) 43%,\n        hsl(var(--chkfg)) 57%,\n        hsl(var(--chkbg)) 57%\n      )\n}\n.checkbox-success {\n    --chkbg: var(--su);\n    --chkfg: var(--suc);\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.checkbox-success:focus-visible {\n    outline-color: hsl(var(--su) / 1)\n}\n.checkbox-success:checked,\n    .checkbox-success[checked=\"true\"],\n    .checkbox-success[aria-checked=\"true\"] {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--su) / var(--tw-bg-opacity));\n    --tw-text-opacity: 1;\n    color: hsl(var(--suc) / var(--tw-text-opacity))\n}\n.checkbox:disabled {\n    cursor: not-allowed;\n    border-color: transparent;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    opacity: 0.2\n}\n@keyframes checkmark {\n    0% {\n        background-position-y: 5px\n    }\n    50% {\n        background-position-y: -2px\n    }\n    100% {\n        background-position-y: 0\n    }\n}\n[dir=\"rtl\"] .checkbox:checked,\n    [dir=\"rtl\"] .checkbox[checked=\"true\"],\n    [dir=\"rtl\"] .checkbox[aria-checked=\"true\"] {\n    background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),\n        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),\n        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),\n        linear-gradient(\n          -45deg,\n          hsl(var(--chkbg)) 30%,\n          hsl(var(--chkfg)) 30.99%,\n          hsl(var(--chkfg)) 40%,\n          transparent 40.99%\n        ),\n        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)\n}\n.divider:before {\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.1\n}\n.divider:after {\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.1\n}\n.divider:not(:empty) {\n    gap: 1rem\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.input[list]::-webkit-calendar-picker-indicator {\n    line-height: 1em\n}\n.input:focus {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 0.2)\n}\n.input-disabled,\n  .input:disabled,\n  .input[disabled] {\n    cursor: not-allowed;\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    --tw-text-opacity: 0.2\n}\n.input-disabled::-moz-placeholder, .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  .input[disabled]::placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.join > :where(*:not(:first-child)) {\n    margin-top: 0px;\n    margin-bottom: 0px;\n    margin-left: -1px\n}\n.join-item:focus {\n    isolation: isolate\n}\n.link:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.link:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px\n}\n@keyframes modal-pop {\n    0% {\n        opacity: 0\n    }\n}\n@keyframes progress-loading {\n    50% {\n        background-position-x: -115%\n    }\n}\n@keyframes radiomark {\n    0% {\n        box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset\n    }\n    50% {\n        box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset\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    0% {\n        transform: translateY(-0.125em)\n    }\n    40% {\n        transform: translateY(-0.125em)\n    }\n    100% {\n        transform: translateY(0)\n    }\n}\n.select:focus {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 0.2)\n}\n.select-primary {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--p) / var(--tw-border-opacity))\n}\n.select-primary:focus {\n    outline-color: hsl(var(--p) / 1)\n}\n.select-success {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.select-success:focus {\n    outline-color: hsl(var(--su) / 1)\n}\n.select-disabled,\n  .select:disabled,\n  .select[disabled] {\n    cursor: not-allowed;\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    --tw-text-opacity: 0.2\n}\n.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.select-disabled::placeholder,\n  .select:disabled::placeholder,\n  .select[disabled]::placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.select-multiple,\n  .select[multiple],\n  .select[size].select:not([size=\"1\"]) {\n    background-image: none;\n    padding-right: 1rem\n}\n[dir=\"rtl\"] .select {\n    background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)\n}\n@keyframes toast-pop {\n    0% {\n        transform: scale(0.9);\n        opacity: 0\n    }\n    100% {\n        transform: scale(1);\n        opacity: 1\n    }\n}\n.tooltip.tooltip-primary {\n    --tooltip-color: hsl(var(--p));\n    --tooltip-text-color: hsl(var(--pc))\n}\n.tooltip.tooltip-secondary {\n    --tooltip-color: hsl(var(--s));\n    --tooltip-text-color: hsl(var(--sc))\n}\n.tooltip.tooltip-accent {\n    --tooltip-color: hsl(var(--a));\n    --tooltip-text-color: hsl(var(--ac))\n}\n.tooltip.tooltip-info {\n    --tooltip-color: hsl(var(--in));\n    --tooltip-text-color: hsl(var(--inc))\n}\n.tooltip.tooltip-success {\n    --tooltip-color: hsl(var(--su));\n    --tooltip-text-color: hsl(var(--suc))\n}\n.tooltip.tooltip-warning {\n    --tooltip-color: hsl(var(--wa));\n    --tooltip-text-color: hsl(var(--wac))\n}\n.tooltip.tooltip-error {\n    --tooltip-color: hsl(var(--er));\n    --tooltip-text-color: hsl(var(--erc))\n}\n.join.join-vertical {\n    flex-direction: column\n}\n.join.join-vertical .join-item:first-child:not(:last-child),\n  .join.join-vertical *:first-child:not(:last-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit\n}\n.join.join-vertical .join-item:last-child:not(:first-child),\n  .join.join-vertical *:last-child:not(:first-child) .join-item {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: inherit;\n    border-bottom-right-radius: inherit\n}\n.join.join-horizontal {\n    flex-direction: row\n}\n.join.join-horizontal .join-item:first-child:not(:last-child),\n  .join.join-horizontal *:first-child:not(:last-child) .join-item {\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: inherit;\n    border-top-left-radius: inherit\n}\n.join.join-horizontal .join-item:last-child:not(:first-child),\n  .join.join-horizontal *:last-child:not(:first-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    border-bottom-right-radius: inherit;\n    border-top-right-radius: inherit\n}\n.kbd-lg {\n    padding-left: 1rem;\n    padding-right: 1rem;\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    min-height: 2.5em;\n    min-width: 2.5em\n}\n.tooltip {\n    position: relative;\n    display: inline-block;\n    --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px))\n}\n.tooltip:before {\n    position: absolute;\n    pointer-events: none;\n    z-index: 1;\n    content: var(--tw-content);\n    --tw-content: attr(data-tip)\n}\n.tooltip:before, .tooltip-top:before {\n    transform: translateX(-50%);\n    top: auto;\n    left: 50%;\n    right: auto;\n    bottom: var(--tooltip-offset)\n}\n.tooltip-bottom:before {\n    transform: translateX(-50%);\n    top: var(--tooltip-offset);\n    left: 50%;\n    right: auto;\n    bottom: auto\n}\n.join.join-vertical > :where(*:not(:first-child)) {\n    margin-left: 0px;\n    margin-right: 0px;\n    margin-top: -1px\n}\n.join.join-horizontal > :where(*:not(:first-child)) {\n    margin-top: 0px;\n    margin-bottom: 0px;\n    margin-left: -1px\n}\n.tooltip {\n    position: relative;\n    display: inline-block;\n    text-align: center;\n    --tooltip-tail: 0.1875rem;\n    --tooltip-color: hsl(var(--n));\n    --tooltip-text-color: hsl(var(--nc));\n    --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail))\n}\n.tooltip:before,\n.tooltip:after {\n    opacity: 0;\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-delay: 100ms;\n    transition-duration: 200ms;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.tooltip:after {\n    position: absolute;\n    content: \"\";\n    border-style: solid;\n    border-width: var(--tooltip-tail, 0);\n    width: 0;\n    height: 0;\n    display: block\n}\n.tooltip:before {\n    max-width: 20rem;\n    border-radius: 0.25rem;\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background-color: var(--tooltip-color);\n    color: var(--tooltip-text-color);\n    width: -moz-max-content;\n    width: max-content\n}\n.tooltip.tooltip-open:before,\n.tooltip.tooltip-open:after,\n.tooltip:hover:before,\n.tooltip:hover:after {\n    opacity: 1;\n    transition-delay: 75ms\n}\n.tooltip:has(:focus-visible):after,\n.tooltip:has(:focus-visible):before {\n    opacity: 1;\n    transition-delay: 75ms\n}\n.tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after {\n    visibility: hidden;\n    opacity: 0\n}\n.tooltip:after, .tooltip-top:after {\n    transform: translateX(-50%);\n    border-color: var(--tooltip-color) transparent transparent transparent;\n    top: auto;\n    left: 50%;\n    right: auto;\n    bottom: var(--tooltip-tail-offset)\n}\n.tooltip-bottom:after {\n    transform: translateX(-50%);\n    border-color: transparent transparent var(--tooltip-color) transparent;\n    top: var(--tooltip-tail-offset);\n    left: 50%;\n    right: auto;\n    bottom: auto\n}\n.absolute {\n    position: absolute\n}\n.relative {\n    position: relative\n}\n.bottom-2 {\n    bottom: 0.5rem\n}\n.left-2 {\n    left: 0.5rem\n}\n.left-2\\.5 {\n    left: 0.625rem\n}\n.right-2 {\n    right: 0.5rem\n}\n.top-2 {\n    top: 0.5rem\n}\n.top-2\\.5 {\n    top: 0.625rem\n}\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n.mb-2 {\n    margin-bottom: 0.5rem\n}\n.mt-8 {\n    margin-top: 2rem\n}\n.inline-block {\n    display: inline-block\n}\n.flex {\n    display: flex\n}\n.inline-flex {\n    display: inline-flex\n}\n.hidden {\n    display: none\n}\n.w-4\\/5 {\n    width: 80%\n}\n.w-full {\n    width: 100%\n}\n.max-w-xs {\n    max-width: 20rem\n}\n.flex-1 {\n    flex: 1 1 0%\n}\n.select-all {\n    -webkit-user-select: all;\n       -moz-user-select: all;\n            user-select: all\n}\n.flex-row {\n    flex-direction: row\n}\n.flex-col {\n    flex-direction: column\n}\n.flex-wrap {\n    flex-wrap: wrap\n}\n.items-end {\n    align-items: flex-end\n}\n.items-center {\n    align-items: center\n}\n.justify-start {\n    justify-content: flex-start\n}\n.justify-center {\n    justify-content: center\n}\n.gap-2 {\n    gap: 0.5rem\n}\n.gap-2\\.5 {\n    gap: 0.625rem\n}\n.gap-4 {\n    gap: 1rem\n}\n.gap-8 {\n    gap: 2rem\n}\n.overflow-hidden {\n    overflow: hidden\n}\n.whitespace-nowrap {\n    white-space: nowrap\n}\n.rounded {\n    border-radius: 0.25rem\n}\n.rounded-md {\n    border-radius: 0.375rem\n}\n.rounded-sm {\n    border-radius: 0.125rem\n}\n.rounded-xl {\n    border-radius: 0.75rem\n}\n.border {\n    border-width: 1px\n}\n.border-l-0 {\n    border-left-width: 0px\n}\n.border-l-8 {\n    border-left-width: 8px\n}\n.border-solid {\n    border-style: solid\n}\n.border-base-200 {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity))\n}\n.border-primary {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--p) / var(--tw-border-opacity))\n}\n.border-success {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.border-l-\\[\\#de624e\\] {\n    --tw-border-opacity: 1;\n    border-left-color: rgb(222 98 78 / var(--tw-border-opacity))\n}\n.bg-\\[\\#ec7259\\] {\n    --tw-bg-opacity: 1;\n    background-color: rgb(236 114 89 / var(--tw-bg-opacity))\n}\n.bg-base-100 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity))\n}\n.bg-base-200 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity))\n}\n.bg-base-300 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b3) / var(--tw-bg-opacity))\n}\n.p-1 {\n    padding: 0.25rem\n}\n.p-1\\.5 {\n    padding: 0.375rem\n}\n.p-5 {\n    padding: 1.25rem\n}\n.px-2 {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem\n}\n.px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n.py-8 {\n    padding-top: 2rem;\n    padding-bottom: 2rem\n}\n.pb-4 {\n    padding-bottom: 1rem\n}\n.pl-1 {\n    padding-left: 0.25rem\n}\n.pl-10 {\n    padding-left: 2.5rem\n}\n.font-sans {\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\"\n}\n.text-8xl {\n    font-size: 6rem;\n    line-height: 1\n}\n.text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem\n}\n.font-bold {\n    font-weight: 700\n}\n.leading-10 {\n    line-height: 2.5rem\n}\n.text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.opacity-50 {\n    opacity: 0.5\n}\n.opacity-60 {\n    opacity: 0.6\n}\n.opacity-70 {\n    opacity: 0.7\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.shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    --tw-shadow-colored: 0 25px 50px -12px 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.group:hover .group-hover\\:inline {\n    display: inline\n}\n";
 
 const $RAW = Symbol("store-raw"),
   $NODE = Symbol("store-node");
@@ -1772,30 +1724,6 @@ function StoreProvider(props) {
   });
 }
 
-var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg viewBox='0 0 512 512' width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3e %3cdefs%3e %3clinearGradient id='paint1_linear' x1='194.651' y1='8.81818' x2='236.076' y2='292.989' gradientUnits='userSpaceOnUse' gradientTransform='matrix(1.217517%2c 0%2c 0%2c 1.217517%2c -20.691875%2c 43.730177)'%3e %3cstop stop-color='%23FFEA83'/%3e %3cstop offset='0.0833' stop-color='%23FFDD35'/%3e %3cstop offset='1' stop-color='%23FFA800'/%3e %3c/linearGradient%3e %3c/defs%3e %3cg stroke-width='2.00' fill='none' stroke-linecap='butt'%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 60.56 0.00 Q 59.95 0.60 57.56 2.31 Q 54.85 4.26 54.63 8.01 Q 54.17 16.00 54.14 24.00 Q 54.00 61.00 54.02 98.00 Q 54.02 106.05 61.25 109.21'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 61.25 109.21 L 54.25 109.79'/%3e %3cpath stroke='%23cf5144' vector-effect='non-scaling-stroke' d=' M 54.25 109.79 Q 43.89 109.55 10.25 109.50 Q 2.47 109.49 0.00 101.94'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 101.78 0.04 Q 105.60 2.73 106.69 4.81 Q 108.48 8.25 108.35 13.47 Q 108.26 16.98 108.26 17.02 Q 108.42 57.16 108.03 97.30 Q 107.99 102.00 106.94 104.01 Q 105.22 107.31 101.18 108.52 Q 98.78 109.24 94.00 109.25 Q 77.63 109.28 61.25 109.21'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 140.56 0.00 Q 135.96 3.08 135.07 7.95 Q 135.00 8.36 135.00 17.06 Q 135.00 55.52 135.00 93.99 Q 135.00 100.69 135.13 101.49 Q 135.87 105.99 139.60 108.04 Q 142.25 109.49 149.15 109.47 Q 163.70 109.43 178.25 109.82 Q 187.27 110.06 196.25 109.21'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 196.25 109.21 Q 277.75 109.28 359.25 109.25 Q 367.45 109.25 368.72 109.02 Q 374.83 107.91 376.45 102.33 Q 377.00 100.45 377.00 90.12 Q 377.01 52.31 377.18 14.50 Q 377.21 9.14 376.00 5.75 Q 374.58 1.76 369.80 0.03'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 410.58 0.02 Q 406.22 2.08 404.81 5.06 Q 403.63 7.58 403.70 11.94 Q 403.75 14.46 403.74 14.55 Q 403.58 56.88 403.97 99.21 Q 404.01 102.95 405.30 104.99 Q 408.04 109.31 413.75 109.50 Q 423.27 109.82 448.92 109.59 Q 448.96 109.59 455.96 109.73 Q 460.61 109.83 465.25 109.21'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 465.25 109.21 Q 481.25 109.28 497.25 109.46 Q 501.39 109.50 504.75 108.75 Q 511.18 107.31 511.25 100.63 A 0.37 0.23 -3.7 0 1 511.59 100.39 Q 511.80 100.37 512.00 100.06'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 512.00 142.31 Q 510.68 136.45 504.88 135.05 Q 501.54 134.25 494.75 134.25 Q 412.62 134.25 330.51 134.25'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 330.51 134.25 Q 308.59 133.86 286.67 133.97 Q 279.01 134.01 277.85 134.22 Q 272.21 135.25 270.61 140.34 Q 270.00 142.29 270.00 151.71 Q 270.00 192.98 270.00 234.25 Q 270.00 239.75 274.06 241.94 Q 277.88 243.99 282.25 244.04 Q 306.26 244.31 330.25 243.58'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 330.25 243.58 Q 414.08 243.49 497.91 243.44 Q 504.10 243.44 506.34 242.46 Q 510.74 240.53 511.95 235.05'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 512.00 276.31 Q 509.40 268.37 500.75 268.50 Q 487.54 268.70 464.56 268.34'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 464.56 268.34 Q 428.47 267.48 415.00 268.00 Q 406.04 268.35 404.18 275.30 Q 403.76 276.87 403.73 286.73 Q 403.60 326.73 403.97 366.72 Q 404.01 371.27 405.39 373.50 Q 408.10 377.89 414.25 377.94 Q 439.10 378.16 464.05 377.79'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 464.05 377.79 Q 480.59 377.72 497.25 377.95 Q 501.72 378.01 504.75 377.25 Q 510.84 375.72 511.96 369.05'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 512.00 409.81 Q 509.47 404.41 504.43 403.11 Q 503.00 402.75 495.04 402.75 Q 413.14 402.79 331.26 402.69'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 331.26 402.69 Q 300.85 402.28 280.00 402.50 Q 275.03 402.55 272.23 405.92 Q 270.42 408.09 270.18 412.06 Q 270.02 414.76 270.00 418.75 Q 269.82 460.54 270.22 502.33 Q 270.25 505.32 271.40 507.39 Q 272.76 509.85 274.73 511.97'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 235.19 512.00 Q 239.41 509.52 240.44 507.69 Q 242.26 504.42 242.12 499.00 Q 242.01 495.06 242.01 495.00 Q 242.17 454.17 241.78 413.34 Q 241.74 410.03 240.92 408.30 Q 239.73 405.79 237.36 404.33 Q 235.56 403.24 232.80 402.96 Q 230.72 402.74 228.00 402.75 Q 196.04 402.83 61.25 402.71'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 61.25 402.71 L 54.00 402.21'/%3e %3cpath stroke='%23c8473e' vector-effect='non-scaling-stroke' d=' M 54.00 402.21 L 54.29 378.25'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 54.29 378.25 L 60.06 377.67'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 60.06 377.67 Q 90.57 377.89 97.75 377.75 Q 103.86 377.63 106.47 373.31 Q 107.98 370.83 108.06 364.89 Q 108.56 323.80 108.06 282.71 Q 107.98 275.94 106.74 273.48 Q 104.27 268.60 97.50 268.50 Q 89.29 268.38 60.86 268.57'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 60.86 268.57 Q 57.40 267.66 54.00 267.96'/%3e %3cpath stroke='%23c8473e' vector-effect='non-scaling-stroke' d=' M 54.00 267.96 L 54.25 244.04'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 54.25 244.04 Q 57.30 244.32 60.27 243.49'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 60.27 243.49 Q 143.60 243.51 226.98 243.50 Q 227.04 243.50 229.52 243.56 Q 232.96 243.64 235.56 242.81 Q 239.90 241.43 241.27 236.68 Q 242.00 234.18 242.00 229.25 Q 242.00 189.91 242.00 150.56 Q 242.00 142.47 241.00 140.06 Q 238.60 134.26 230.50 134.25 Q 126.36 134.18 61.00 134.46'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 61.00 134.46 L 54.25 133.95'/%3e %3cpath stroke='%23c8473e' vector-effect='non-scaling-stroke' d=' M 54.25 133.95 Q 53.63 121.63 54.25 109.79'/%3e %3cpath stroke='%23dd604d' vector-effect='non-scaling-stroke' d=' M 195.75 377.71 Q 280.88 377.78 366.00 377.69 Q 373.11 377.68 375.68 372.68 Q 377.00 370.12 377.00 363.11 Q 377.00 321.06 377.00 279.00 Q 377.00 272.10 371.36 269.56 Q 369.47 268.71 366.50 268.58 Q 364.40 268.49 361.50 268.50 Q 311.73 268.60 195.52 268.43'/%3e %3cpath stroke='%23d65848' vector-effect='non-scaling-stroke' d=' M 195.52 268.43 Q 172.50 267.68 149.50 267.82 Q 146.21 267.84 143.01 268.56 Q 136.66 269.99 135.30 275.20 Q 135.00 276.36 135.00 284.35 Q 135.00 322.83 135.00 361.31 Q 135.00 369.91 135.51 371.63 Q 137.35 377.81 145.50 378.00 Q 162.06 378.39 195.75 377.71'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 195.52 268.43 Q 189.13 272.10 189.06 278.81 Q 188.92 291.75 188.88 360.75 Q 188.87 369.24 189.56 370.94 Q 191.40 375.45 195.75 377.71'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 196.58 0.04 Q 189.47 2.59 189.31 9.56 Q 188.52 45.65 189.20 97.09 Q 189.26 101.96 190.47 104.19 Q 192.29 107.58 196.25 109.21'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 464.56 0.00 Q 463.12 1.08 461.64 2.12 Q 458.71 4.16 458.37 7.74 Q 458.00 11.62 458.00 14.00 Q 458.00 52.97 458.00 91.94 Q 458.00 100.48 458.24 101.53 Q 459.47 106.81 465.25 109.21'/%3e %3cpath stroke='%23cf5144' vector-effect='non-scaling-stroke' d=' M 54.25 133.95 Q 31.43 133.86 8.50 134.34 Q 3.42 134.45 1.14 139.18 Q 0.09 141.34 0.33 138.95 Q 0.44 137.81 0.00 135.94'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 61.00 134.46 Q 54.00 137.39 54.00 144.50 Q 54.00 188.50 54.00 232.50 Q 54.00 239.54 60.27 243.49'/%3e %3cpath stroke='%23cf5144' vector-effect='non-scaling-stroke' d=' M 54.25 244.04 Q 32.63 243.58 11.00 243.81 Q 2.43 243.89 -0.03 235.96'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 330.51 134.25 Q 327.13 136.25 325.47 139.27 Q 324.26 141.47 324.22 145.95 Q 323.81 189.22 323.83 232.50 Q 323.83 238.65 328.06 241.69 Q 329.94 243.03 330.25 243.58'/%3e %3cpath stroke='%23cf5144' vector-effect='non-scaling-stroke' d=' M 54.00 267.96 Q 44.88 267.92 11.00 268.25 Q 3.04 268.33 0.00 275.19'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 60.86 268.57 Q 55.24 271.24 54.50 276.00 Q 54.01 279.16 54.00 284.00 Q 53.93 334.80 54.22 366.15 Q 54.26 370.34 55.47 372.61 Q 57.07 375.60 60.06 377.67'/%3e %3cpath stroke='%23cf5144' vector-effect='non-scaling-stroke' d=' M 54.29 378.25 Q 38.15 377.81 22.00 378.08 Q 14.49 378.20 9.00 377.75 Q 2.39 377.21 0.00 370.94'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 464.56 268.34 Q 459.07 271.68 458.05 277.15 Q 458.01 277.35 457.98 287.37 Q 457.84 327.07 458.22 366.77 Q 458.26 370.80 459.49 372.98 Q 461.08 375.79 464.05 377.79'/%3e %3cpath stroke='%23cf5144' vector-effect='non-scaling-stroke' d=' M 54.00 402.21 Q 34.13 402.72 14.25 402.49 Q 11.27 402.45 7.25 403.00 Q 4.01 403.44 2.18 405.80 Q 1.86 406.21 1.60 406.89 Q 0.25 410.40 0.00 405.94'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 61.25 402.71 Q 55.61 405.34 54.32 410.63 Q 54.00 411.93 54.00 420.41 Q 53.99 458.83 53.83 497.25 Q 53.82 500.79 54.38 504.27 Q 54.94 507.72 57.44 509.56 Q 58.79 510.56 58.94 512.00'/%3e %3cpath stroke='%23e46a54' vector-effect='non-scaling-stroke' d=' M 331.26 402.69 Q 325.51 405.42 324.26 410.80 Q 324.00 411.92 324.00 420.73 Q 323.99 455.62 323.87 490.50 Q 323.85 497.39 324.53 504.25 Q 324.88 507.83 327.76 509.79 Q 328.14 510.05 328.41 510.51 Q 329.21 511.92 330.94 512.00'/%3e %3c/g%3e %3cpath fill='%23dd624e' d=' M 7.81 0.00 L 60.56 0.00 Q 59.95 0.60 57.56 2.31 Q 54.85 4.26 54.63 8.01 Q 54.17 16.00 54.14 24.00 Q 54.00 61.00 54.02 98.00 Q 54.02 106.05 61.25 109.21 L 54.25 109.79 Q 43.89 109.55 10.25 109.50 Q 2.47 109.49 0.00 101.94 L 0.00 7.94 Q 1.52 1.66 7.81 0.00 Z'/%3e %3cpath fill='%23eb7259' d=' M 60.56 0.00 L 101.78 0.04 Q 105.60 2.73 106.69 4.81 Q 108.48 8.25 108.35 13.47 Q 108.26 16.98 108.26 17.02 Q 108.42 57.16 108.03 97.30 Q 107.99 102.00 106.94 104.01 Q 105.22 107.31 101.18 108.52 Q 98.78 109.24 94.00 109.25 Q 77.63 109.28 61.25 109.21 Q 54.02 106.05 54.02 98.00 Q 54.00 61.00 54.14 24.00 Q 54.17 16.00 54.63 8.01 Q 54.85 4.26 57.56 2.31 Q 59.95 0.60 60.56 0.00 Z'/%3e %3cpath fill='%23ce4e41' d=' M 101.78 0.04 L 140.56 0.00 Q 135.96 3.08 135.07 7.95 Q 135.00 8.36 135.00 17.06 Q 135.00 55.52 135.00 93.99 Q 135.00 100.69 135.13 101.49 Q 135.87 105.99 139.60 108.04 Q 142.25 109.49 149.15 109.47 Q 163.70 109.43 178.25 109.82 Q 187.27 110.06 196.25 109.21 Q 277.75 109.28 359.25 109.25 Q 367.45 109.25 368.72 109.02 Q 374.83 107.91 376.45 102.33 Q 377.00 100.45 377.00 90.12 Q 377.01 52.31 377.18 14.50 Q 377.21 9.14 376.00 5.75 Q 374.58 1.76 369.80 0.03 L 410.58 0.02 Q 406.22 2.08 404.81 5.06 Q 403.63 7.58 403.70 11.94 Q 403.75 14.46 403.74 14.55 Q 403.58 56.88 403.97 99.21 Q 404.01 102.95 405.30 104.99 Q 408.04 109.31 413.75 109.50 Q 423.27 109.82 448.92 109.59 Q 448.96 109.59 455.96 109.73 Q 460.61 109.83 465.25 109.21 Q 481.25 109.28 497.25 109.46 Q 501.39 109.50 504.75 108.75 Q 511.18 107.31 511.25 100.63 A 0.37 0.23 -3.7 0 1 511.59 100.39 Q 511.80 100.37 512.00 100.06 L 512.00 142.31 Q 510.68 136.45 504.88 135.05 Q 501.54 134.25 494.75 134.25 Q 412.62 134.25 330.51 134.25 Q 308.59 133.86 286.67 133.97 Q 279.01 134.01 277.85 134.22 Q 272.21 135.25 270.61 140.34 Q 270.00 142.29 270.00 151.71 Q 270.00 192.98 270.00 234.25 Q 270.00 239.75 274.06 241.94 Q 277.88 243.99 282.25 244.04 Q 306.26 244.31 330.25 243.58 Q 414.08 243.49 497.91 243.44 Q 504.10 243.44 506.34 242.46 Q 510.74 240.53 511.95 235.05 L 512.00 276.31 Q 509.40 268.37 500.75 268.50 Q 487.54 268.70 464.56 268.34 Q 428.47 267.48 415.00 268.00 Q 406.04 268.35 404.18 275.30 Q 403.76 276.87 403.73 286.73 Q 403.60 326.73 403.97 366.72 Q 404.01 371.27 405.39 373.50 Q 408.10 377.89 414.25 377.94 Q 439.10 378.16 464.05 377.79 Q 480.59 377.72 497.25 377.95 Q 501.72 378.01 504.75 377.25 Q 510.84 375.72 511.96 369.05 L 512.00 409.81 Q 509.47 404.41 504.43 403.11 Q 503.00 402.75 495.04 402.75 Q 413.14 402.79 331.26 402.69 Q 300.85 402.28 280.00 402.50 Q 275.03 402.55 272.23 405.92 Q 270.42 408.09 270.18 412.06 Q 270.02 414.76 270.00 418.75 Q 269.82 460.54 270.22 502.33 Q 270.25 505.32 271.40 507.39 Q 272.76 509.85 274.73 511.97 L 235.19 512.00 Q 239.41 509.52 240.44 507.69 Q 242.26 504.42 242.12 499.00 Q 242.01 495.06 242.01 495.00 Q 242.17 454.17 241.78 413.34 Q 241.74 410.03 240.92 408.30 Q 239.73 405.79 237.36 404.33 Q 235.56 403.24 232.80 402.96 Q 230.72 402.74 228.00 402.75 Q 196.04 402.83 61.25 402.71 L 54.00 402.21 L 54.29 378.25 L 60.06 377.67 Q 90.57 377.89 97.75 377.75 Q 103.86 377.63 106.47 373.31 Q 107.98 370.83 108.06 364.89 Q 108.56 323.80 108.06 282.71 Q 107.98 275.94 106.74 273.48 Q 104.27 268.60 97.50 268.50 Q 89.29 268.38 60.86 268.57 Q 57.40 267.66 54.00 267.96 L 54.25 244.04 Q 57.30 244.32 60.27 243.49 Q 143.60 243.51 226.98 243.50 Q 227.04 243.50 229.52 243.56 Q 232.96 243.64 235.56 242.81 Q 239.90 241.43 241.27 236.68 Q 242.00 234.18 242.00 229.25 Q 242.00 189.91 242.00 150.56 Q 242.00 142.47 241.00 140.06 Q 238.60 134.26 230.50 134.25 Q 126.36 134.18 61.00 134.46 L 54.25 133.95 Q 53.63 121.63 54.25 109.79 L 61.25 109.21 Q 77.63 109.28 94.00 109.25 Q 98.78 109.24 101.18 108.52 Q 105.22 107.31 106.94 104.01 Q 107.99 102.00 108.03 97.30 Q 108.42 57.16 108.26 17.02 Q 108.26 16.98 108.35 13.47 Q 108.48 8.25 106.69 4.81 Q 105.60 2.73 101.78 0.04 Z M 195.75 377.71 Q 280.88 377.78 366.00 377.69 Q 373.11 377.68 375.68 372.68 Q 377.00 370.12 377.00 363.11 Q 377.00 321.06 377.00 279.00 Q 377.00 272.10 371.36 269.56 Q 369.47 268.71 366.50 268.58 Q 364.40 268.49 361.50 268.50 Q 311.73 268.60 195.52 268.43 Q 172.50 267.68 149.50 267.82 Q 146.21 267.84 143.01 268.56 Q 136.66 269.99 135.30 275.20 Q 135.00 276.36 135.00 284.35 Q 135.00 322.83 135.00 361.31 Q 135.00 369.91 135.51 371.63 Q 137.35 377.81 145.50 378.00 Q 162.06 378.39 195.75 377.71 Z'/%3e %3cpath fill='%23dd624e' d=' M 140.56 0.00 L 196.58 0.04 Q 189.47 2.59 189.31 9.56 Q 188.52 45.65 189.20 97.09 Q 189.26 101.96 190.47 104.19 Q 192.29 107.58 196.25 109.21 Q 187.27 110.06 178.25 109.82 Q 163.70 109.43 149.15 109.47 Q 142.25 109.49 139.60 108.04 Q 135.87 105.99 135.13 101.49 Q 135.00 100.69 135.00 93.99 Q 135.00 55.52 135.00 17.06 Q 135.00 8.36 135.07 7.95 Q 135.96 3.08 140.56 0.00 Z'/%3e %3cpath fill='%23eb7259' d=' M 196.58 0.04 L 369.80 0.03 Q 374.58 1.76 376.00 5.75 Q 377.21 9.14 377.18 14.50 Q 377.01 52.31 377.00 90.12 Q 377.00 100.45 376.45 102.33 Q 374.83 107.91 368.72 109.02 Q 367.45 109.25 359.25 109.25 Q 277.75 109.28 196.25 109.21 Q 192.29 107.58 190.47 104.19 Q 189.26 101.96 189.20 97.09 Q 188.52 45.65 189.31 9.56 Q 189.47 2.59 196.58 0.04 Z'/%3e %3cpath fill='%23dd624e' d=' M 410.58 0.02 L 464.56 0.00 Q 463.12 1.08 461.64 2.12 Q 458.71 4.16 458.37 7.74 Q 458.00 11.62 458.00 14.00 Q 458.00 52.97 458.00 91.94 Q 458.00 100.48 458.24 101.53 Q 459.47 106.81 465.25 109.21 Q 460.61 109.83 455.96 109.73 Q 448.96 109.59 448.92 109.59 Q 423.27 109.82 413.75 109.50 Q 408.04 109.31 405.30 104.99 Q 404.01 102.95 403.97 99.21 Q 403.58 56.88 403.74 14.55 Q 403.75 14.46 403.70 11.94 Q 403.63 7.58 404.81 5.06 Q 406.22 2.08 410.58 0.02 Z'/%3e %3cpath fill='%23eb7259' d=' M 464.56 0.00 L 503.06 0.00 Q 510.81 1.27 512.00 9.06 L 512.00 100.06 Q 511.80 100.37 511.59 100.39 A 0.37 0.23 -3.7 0 0 511.25 100.63 Q 511.18 107.31 504.75 108.75 Q 501.39 109.50 497.25 109.46 Q 481.25 109.28 465.25 109.21 Q 459.47 106.81 458.24 101.53 Q 458.00 100.48 458.00 91.94 Q 458.00 52.97 458.00 14.00 Q 458.00 11.62 458.37 7.74 Q 458.71 4.16 461.64 2.12 Q 463.12 1.08 464.56 0.00 Z'/%3e %3cpath fill='%23c1403a' d=' M 0.00 101.94 Q 2.47 109.49 10.25 109.50 Q 43.89 109.55 54.25 109.79 Q 53.63 121.63 54.25 133.95 Q 31.43 133.86 8.50 134.34 Q 3.42 134.45 1.14 139.18 Q 0.09 141.34 0.33 138.95 Q 0.44 137.81 0.00 135.94 L 0.00 101.94 Z'/%3e %3cpath fill='%23dd624e' d=' M 54.25 133.95 L 61.00 134.46 Q 54.00 137.39 54.00 144.50 Q 54.00 188.50 54.00 232.50 Q 54.00 239.54 60.27 243.49 Q 57.30 244.32 54.25 244.04 Q 32.63 243.58 11.00 243.81 Q 2.43 243.89 -0.03 235.96 L 0.00 135.94 Q 0.44 137.81 0.33 138.95 Q 0.09 141.34 1.14 139.18 Q 3.42 134.45 8.50 134.34 Q 31.43 133.86 54.25 133.95 Z'/%3e %3cpath fill='%23dd624e' d=' M 330.51 134.25 Q 327.13 136.25 325.47 139.27 Q 324.26 141.47 324.22 145.95 Q 323.81 189.22 323.83 232.50 Q 323.83 238.65 328.06 241.69 Q 329.94 243.03 330.25 243.58 Q 306.26 244.31 282.25 244.04 Q 277.88 243.99 274.06 241.94 Q 270.00 239.75 270.00 234.25 Q 270.00 192.98 270.00 151.71 Q 270.00 142.29 270.61 140.34 Q 272.21 135.25 277.85 134.22 Q 279.01 134.01 286.67 133.97 Q 308.59 133.86 330.51 134.25 Z'/%3e %3cpath fill='%23eb7259' d=' M 60.27 243.49 Q 54.00 239.54 54.00 232.50 Q 54.00 188.50 54.00 144.50 Q 54.00 137.39 61.00 134.46 Q 126.36 134.18 230.50 134.25 Q 238.60 134.26 241.00 140.06 Q 242.00 142.47 242.00 150.56 Q 242.00 189.91 242.00 229.25 Q 242.00 234.18 241.27 236.68 Q 239.90 241.43 235.56 242.81 Q 232.96 243.64 229.52 243.56 Q 227.04 243.50 226.98 243.50 Q 143.60 243.51 60.27 243.49 Z'/%3e %3cpath fill='%23eb7259' d=' M 512.00 142.31 L 511.95 235.05 Q 510.74 240.53 506.34 242.46 Q 504.10 243.44 497.91 243.44 Q 414.08 243.49 330.25 243.58 Q 329.94 243.03 328.06 241.69 Q 323.83 238.65 323.83 232.50 Q 323.81 189.22 324.22 145.95 Q 324.26 141.47 325.47 139.27 Q 327.13 136.25 330.51 134.25 Q 412.62 134.25 494.75 134.25 Q 501.54 134.25 504.88 135.05 Q 510.68 136.45 512.00 142.31 Z'/%3e %3cpath fill='%23c1403a' d=' M -0.03 235.96 Q 2.43 243.89 11.00 243.81 Q 32.63 243.58 54.25 244.04 L 54.00 267.96 Q 44.88 267.92 11.00 268.25 Q 3.04 268.33 0.00 275.19 L -0.03 235.96 Z'/%3e %3cpath fill='%23dd624e' d=' M 60.86 268.57 Q 55.24 271.24 54.50 276.00 Q 54.01 279.16 54.00 284.00 Q 53.93 334.80 54.22 366.15 Q 54.26 370.34 55.47 372.61 Q 57.07 375.60 60.06 377.67 L 54.29 378.25 Q 38.15 377.81 22.00 378.08 Q 14.49 378.20 9.00 377.75 Q 2.39 377.21 0.00 370.94 L 0.00 275.19 Q 3.04 268.33 11.00 268.25 Q 44.88 267.92 54.00 267.96 Q 57.40 267.66 60.86 268.57 Z'/%3e %3cpath fill='%23dd624e' d=' M 195.52 268.43 Q 189.13 272.10 189.06 278.81 Q 188.92 291.75 188.88 360.75 Q 188.87 369.24 189.56 370.94 Q 191.40 375.45 195.75 377.71 Q 162.06 378.39 145.50 378.00 Q 137.35 377.81 135.51 371.63 Q 135.00 369.91 135.00 361.31 Q 135.00 322.83 135.00 284.35 Q 135.00 276.36 135.30 275.20 Q 136.66 269.99 143.01 268.56 Q 146.21 267.84 149.50 267.82 Q 172.50 267.68 195.52 268.43 Z'/%3e %3cpath fill='%23dd624e' d=' M 464.56 268.34 Q 459.07 271.68 458.05 277.15 Q 458.01 277.35 457.98 287.37 Q 457.84 327.07 458.22 366.77 Q 458.26 370.80 459.49 372.98 Q 461.08 375.79 464.05 377.79 Q 439.10 378.16 414.25 377.94 Q 408.10 377.89 405.39 373.50 Q 404.01 371.27 403.97 366.72 Q 403.60 326.73 403.73 286.73 Q 403.76 276.87 404.18 275.30 Q 406.04 268.35 415.00 268.00 Q 428.47 267.48 464.56 268.34 Z'/%3e %3cpath fill='%23eb7259' d=' M 60.86 268.57 Q 89.29 268.38 97.50 268.50 Q 104.27 268.60 106.74 273.48 Q 107.98 275.94 108.06 282.71 Q 108.56 323.80 108.06 364.89 Q 107.98 370.83 106.47 373.31 Q 103.86 377.63 97.75 377.75 Q 90.57 377.89 60.06 377.67 Q 57.07 375.60 55.47 372.61 Q 54.26 370.34 54.22 366.15 Q 53.93 334.80 54.00 284.00 Q 54.01 279.16 54.50 276.00 Q 55.24 271.24 60.86 268.57 Z'/%3e %3cpath fill='%23eb7259' d=' M 195.52 268.43 Q 311.73 268.60 361.50 268.50 Q 364.40 268.49 366.50 268.58 Q 369.47 268.71 371.36 269.56 Q 377.00 272.10 377.00 279.00 Q 377.00 321.06 377.00 363.11 Q 377.00 370.12 375.68 372.68 Q 373.11 377.68 366.00 377.69 Q 280.88 377.78 195.75 377.71 Q 191.40 375.45 189.56 370.94 Q 188.87 369.24 188.88 360.75 Q 188.92 291.75 189.06 278.81 Q 189.13 272.10 195.52 268.43 Z'/%3e %3cpath fill='%23eb7259' d=' M 464.56 268.34 Q 487.54 268.70 500.75 268.50 Q 509.40 268.37 512.00 276.31 L 511.96 369.05 Q 510.84 375.72 504.75 377.25 Q 501.72 378.01 497.25 377.95 Q 480.59 377.72 464.05 377.79 Q 461.08 375.79 459.49 372.98 Q 458.26 370.80 458.22 366.77 Q 457.84 327.07 457.98 287.37 Q 458.01 277.35 458.05 277.15 Q 459.07 271.68 464.56 268.34 Z'/%3e %3cpath fill='%23c1403a' d=' M 0.00 370.94 Q 2.39 377.21 9.00 377.75 Q 14.49 378.20 22.00 378.08 Q 38.15 377.81 54.29 378.25 L 54.00 402.21 Q 34.13 402.72 14.25 402.49 Q 11.27 402.45 7.25 403.00 Q 4.01 403.44 2.18 405.80 Q 1.86 406.21 1.60 406.89 Q 0.25 410.40 0.00 405.94 L 0.00 370.94 Z'/%3e %3cpath fill='%23dd624e' d=' M 54.00 402.21 L 61.25 402.71 Q 55.61 405.34 54.32 410.63 Q 54.00 411.93 54.00 420.41 Q 53.99 458.83 53.83 497.25 Q 53.82 500.79 54.38 504.27 Q 54.94 507.72 57.44 509.56 Q 58.79 510.56 58.94 512.00 L 7.94 512.00 Q 1.62 510.46 0.00 504.19 L 0.00 405.94 Q 0.25 410.40 1.60 406.89 Q 1.86 406.21 2.18 405.80 Q 4.01 403.44 7.25 403.00 Q 11.27 402.45 14.25 402.49 Q 34.13 402.72 54.00 402.21 Z'/%3e %3cpath fill='%23dd624e' d=' M 331.26 402.69 Q 325.51 405.42 324.26 410.80 Q 324.00 411.92 324.00 420.73 Q 323.99 455.62 323.87 490.50 Q 323.85 497.39 324.53 504.25 Q 324.88 507.83 327.76 509.79 Q 328.14 510.05 328.41 510.51 Q 329.21 511.92 330.94 512.00 L 274.73 511.97 Q 272.76 509.85 271.40 507.39 Q 270.25 505.32 270.22 502.33 Q 269.82 460.54 270.00 418.75 Q 270.02 414.76 270.18 412.06 Q 270.42 408.09 272.23 405.92 Q 275.03 402.55 280.00 402.50 Q 300.85 402.28 331.26 402.69 Z'/%3e %3cpath fill='%23eb7259' d=' M 61.25 402.71 Q 196.04 402.83 228.00 402.75 Q 230.72 402.74 232.80 402.96 Q 235.56 403.24 237.36 404.33 Q 239.73 405.79 240.92 408.30 Q 241.74 410.03 241.78 413.34 Q 242.17 454.17 242.01 495.00 Q 242.01 495.06 242.12 499.00 Q 242.26 504.42 240.44 507.69 Q 239.41 509.52 235.19 512.00 L 58.94 512.00 Q 58.79 510.56 57.44 509.56 Q 54.94 507.72 54.38 504.27 Q 53.82 500.79 53.83 497.25 Q 53.99 458.83 54.00 420.41 Q 54.00 411.93 54.32 410.63 Q 55.61 405.34 61.25 402.71 Z'/%3e %3cpath fill='%23eb7259' d=' M 331.26 402.69 Q 413.14 402.79 495.04 402.75 Q 503.00 402.75 504.43 403.11 Q 509.47 404.41 512.00 409.81 L 512.00 503.06 Q 510.73 510.82 502.94 512.00 L 330.94 512.00 Q 329.21 511.92 328.41 510.51 Q 328.14 510.05 327.76 509.79 Q 324.88 507.83 324.53 504.25 Q 323.85 497.39 323.87 490.50 Q 323.99 455.62 324.00 420.73 Q 324.00 411.92 324.26 410.80 Q 325.51 405.42 331.26 402.69 Z'/%3e %3cpath d='M 335.997 45.647 L 170.215 78.132 C 167.491 78.665 165.473 80.974 165.309 83.746 L 155.111 255.98 C 154.871 260.037 158.597 263.186 162.556 262.272 L 208.712 251.62 C 213.031 250.625 216.933 254.428 216.045 258.771 L 202.332 325.921 C 201.409 330.44 205.653 334.304 210.066 332.964 L 238.574 324.303 C 242.994 322.961 247.24 326.836 246.305 331.359 L 224.513 436.836 C 223.149 443.434 231.925 447.032 235.585 441.375 L 238.03 437.597 L 373.118 168.005 C 375.38 163.49 371.48 158.344 366.522 159.301 L 319.012 168.47 C 314.547 169.331 310.749 165.173 312.009 160.805 L 343.018 53.309 C 344.279 48.933 340.467 44.772 335.997 45.647 Z' fill='url(%23paint1_linear)' style='opacity: 0.8%3b'/%3e%3c/svg%3e";
-
-const _tmpl$$5 = /*#__PURE__*/template(`<img alt="Bâti logo">`);
-function Logo(props) {
-  return (() => {
-    const _el$ = getNextElement(_tmpl$$5);
-    setAttribute(_el$, "src", img);
-    createRenderEffect(_p$ => {
-      const _v$ = props.size,
-        _v$2 = props.size,
-        _v$3 = props.class;
-      _v$ !== _p$._v$ && setAttribute(_el$, "height", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && setAttribute(_el$, "width", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && className(_el$, _p$._v$3 = _v$3);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined,
-      _v$3: undefined
-    });
-    return _el$;
-  })();
-}
-
 function flip(el, accessor) {
   const name = accessor();
   if (!name) return;
@@ -1820,7 +1748,7 @@ function FormControl(props) {
 }
 
 const _tmpl$$3 = /*#__PURE__*/template(`<select>`),
-  _tmpl$2$3 = /*#__PURE__*/template(`<option>`);
+  _tmpl$2$2 = /*#__PURE__*/template(`<option>`);
 function Select(props) {
   const [local, others] = splitProps(props, ["options", "class"]);
   return (() => {
@@ -1835,7 +1763,7 @@ function Select(props) {
         return local.options;
       },
       children: option => (() => {
-        const _el$2 = getNextElement(_tmpl$2$3);
+        const _el$2 = getNextElement(_tmpl$2$2);
         insert(_el$2, () => option.label);
         createRenderEffect(_p$ => {
           const _v$ = option.disabled,
@@ -1857,7 +1785,7 @@ function Select(props) {
 }
 
 const _tmpl$$2 = /*#__PURE__*/template(`<ul class="flex flex-wrap gap-4 px-4 w-full">`),
-  _tmpl$2$2 = /*#__PURE__*/template(`<div class="join group"><div class="join-item flex justify-center items-center px-2 border border-solid bg-base-100"><input type="checkbox" class="checkbox rounded bg-base-100"></div><!#><!/>`);
+  _tmpl$2$1 = /*#__PURE__*/template(`<div class="join group"><div class="join-item flex justify-center items-center px-2 border border-solid bg-base-100"><input type="checkbox" class="checkbox rounded bg-base-100"></div><!#><!/>`);
 function Features() {
   const {
     currentFeatures,
@@ -1878,7 +1806,7 @@ function Features() {
           },
           flipLabel: ns,
           get children() {
-            const _el$2 = getNextElement(_tmpl$2$2),
+            const _el$2 = getNextElement(_tmpl$2$1),
               _el$3 = _el$2.firstChild,
               _el$4 = _el$3.firstChild,
               _el$5 = _el$3.nextSibling,
@@ -1950,16 +1878,15 @@ function copy(el) {
   onCleanup(() => el.removeEventListener("click", writeSelectionClipboard));
 }
 
-const _tmpl$$1 = /*#__PURE__*/template(`<div class="w-full items-center flex justify-center gap-8"><a class="inline-block" href="/"></a><h1 class="font-sans font-bold text-8xl pb-4">Bâti`),
-  _tmpl$2$1 = /*#__PURE__*/template(`<div class="container mt-8"><!#><!/><div class="w-full items-center flex justify-center mt-8"><div class="w-4/5 flex flex-col bg-base-300 px-4 py-8 rounded-xl shadow-2xl relative"><div class="px-4 flex"><kbd class="group relative flex-1 justify-start pl-10 tooltip-primary inline-flex tooltip-bottom kbd kbd-lg select-all flex-wrap leading-10 gap-2.5" data-tip="Copied to clipboard!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right absolute top-2.5 left-2.5 opacity-50"><polyline points="9 18 15 12 9 6"></polyline></svg><!#><!/></kbd></div><div class="divider"></div><div class="flex flex-row flex-wrap flex-1 justify-center gap-4">`),
-  _tmpl$3 = /*#__PURE__*/template(`<span class="relative whitespace-nowrap">`);
+const _tmpl$$1 = /*#__PURE__*/template(`<div class="flex flex-col bg-base-300 px-4 py-8 rounded-xl shadow-2xl relative bati-widget"><div class="px-4 flex"><kbd class="group relative flex-1 justify-start pl-10 tooltip-primary inline-flex tooltip-bottom kbd kbd-lg select-all flex-wrap leading-10 gap-2.5" data-tip="Copied to clipboard!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right absolute top-2.5 left-2.5 opacity-50"><polyline points="9 18 15 12 9 6"></polyline></svg><!#><!/></kbd></div><div class="divider"></div><div class="flex flex-row flex-wrap flex-1 justify-center gap-4">`),
+  _tmpl$2 = /*#__PURE__*/template(`<span class="relative whitespace-nowrap">`);
 function word(w, ns) {
   return {
     word: w,
     ns
   };
 }
-function App(props) {
+function Widget(props) {
   const {
     featuresValues
   } = useContext(StoreContext);
@@ -1968,54 +1895,44 @@ function App(props) {
     return keys.filter(ns => featuresValues()[ns]).map(ns => word(`--${featuresValues()[ns]}`, ns));
   }
   const words = createMemo(() => [word("pnpm"), word("create"), word("@batijs/app"), ...getFlags(), word("my-app")]);
-  return (// <Drawer drawer={<DrawerContent />}>
-    (() => {
-      const _el$ = getNextElement(_tmpl$2$1),
-        _el$13 = _el$.firstChild,
-        [_el$14, _co$2] = getNextMarker(_el$13.nextSibling),
-        _el$4 = _el$14.nextSibling,
-        _el$5 = _el$4.firstChild,
-        _el$6 = _el$5.firstChild,
-        _el$7 = _el$6.firstChild,
-        _el$8 = _el$7.firstChild,
-        _el$9 = _el$8.nextSibling,
-        [_el$10, _co$] = getNextMarker(_el$9.nextSibling),
-        _el$11 = _el$6.nextSibling,
-        _el$12 = _el$11.nextSibling;
-      insert(_el$, createComponent(Show, {
-        get when() {
-          return !props.widget;
-        },
-        get children() {
-          const _el$2 = getNextElement(_tmpl$$1),
-            _el$3 = _el$2.firstChild;
-          insert(_el$3, createComponent(Logo, {
-            size: 96
-          }));
-          return _el$2;
-        }
-      }), _el$14, _co$2);
-      use(copy, _el$7, () => true);
-      insert(_el$7, createComponent(For, {
-        get each() {
-          return words();
-        },
-        children: ({
-          word: word2
-        }) => (() => {
-          const _el$15 = getNextElement(_tmpl$3);
-          insert(_el$15, word2);
-          return _el$15;
-        })()
-      }), _el$10, _co$);
-      insert(_el$12, createComponent(Features, {}));
-      return _el$;
-    })()
-  );
+  return (() => {
+    const _el$ = getNextElement(_tmpl$$1),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      _el$4 = _el$3.firstChild,
+      _el$5 = _el$4.nextSibling,
+      [_el$6, _co$] = getNextMarker(_el$5.nextSibling),
+      _el$7 = _el$2.nextSibling,
+      _el$8 = _el$7.nextSibling;
+    use(copy, _el$3, () => true);
+    insert(_el$3, createComponent(For, {
+      get each() {
+        return words();
+      },
+      children: ({
+        word: word2
+      }) => (() => {
+        const _el$9 = getNextElement(_tmpl$2);
+        insert(_el$9, word2);
+        return _el$9;
+      })()
+    }), _el$6, _co$);
+    insert(_el$8, createComponent(Features, {}));
+    createRenderEffect(_p$ => {
+      const _v$ = props.theme,
+        _v$2 = !props.widget;
+      _v$ !== _p$._v$ && setAttribute(_el$, "data-theme", _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && _el$.classList.toggle("w-4/5", _p$._v$2 = _v$2);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined
+    });
+    return _el$;
+  })();
 }
 
-const _tmpl$ = /*#__PURE__*/template(`<style>`),
-  _tmpl$2 = /*#__PURE__*/template(`<div class="flex flex-col mx-auto">`);
+const _tmpl$ = /*#__PURE__*/template(`<style>`);
 function LayoutDefault(props) {
   return createComponent(StoreProvider, {
     get children() {
@@ -2023,22 +1940,23 @@ function LayoutDefault(props) {
         const _el$ = getNextElement(_tmpl$);
         insert(_el$, css_248z);
         return _el$;
-      })(), (() => {
-        const _el$2 = getNextElement(_tmpl$2);
-        insert(_el$2, () => props.children);
-        return _el$2;
-      })()];
+      })(), createMemo(() => props.children)];
     }
   });
 }
 function AppWidget(props) {
   return createComponent(LayoutDefault, {
     get children() {
-      return createComponent(App, props);
+      return createComponent(Widget, {
+        widget: true,
+        get theme() {
+          return props.theme;
+        }
+      });
     }
   });
 }
 
 customElement("bati-widget", {
-  widget: true
+  theme: ""
 }, AppWidget);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@batijs/elements",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "BatiJS website as Web Components",
   "type": "module",
   "keywords": [