@mono-lit/helper 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nuxt.js +35 -7
- package/dist/src/nuxt/index.d.ts +2 -2
- package/dist/src/nuxt/ssr-lit/index.d.ts +4 -0
- package/dist/ssr-lit/runtime/components/LitWrapper.vue +11 -0
- package/dist/ssr-lit/runtime/components/LitWrapperClient.vue +11 -0
- package/dist/ssr-lit/runtime/components/LitWrapperServer.vue +38 -0
- package/dist/ssr-lit/runtime/plugins/antiFouc.server.js +25 -0
- package/dist/ssr-lit/runtime/plugins/hydrateSupport.client.js +4 -0
- package/dist/ssr-lit/runtime/plugins/polyfill.client.js +9 -0
- package/dist/ssr-lit/runtime/utils/customElements.js +11 -0
- package/dist/ssr-lit/runtime/utils/litElementRenderer.js +28 -0
- package/dist/ui/index.css +1 -1
- package/package.json +7 -10
package/dist/nuxt.js
CHANGED
|
@@ -1,8 +1,39 @@
|
|
|
1
1
|
import { t as monoSsr } from "./vite-DcyRlTTf.js";
|
|
2
2
|
import { join } from "node:path";
|
|
3
3
|
import { pathToFileURL } from "node:url";
|
|
4
|
-
import { addPluginTemplate, addVitePlugin, defineNuxtModule, extendViteConfig, hasNuxtModule,
|
|
4
|
+
import { addComponent, addPlugin, addPluginTemplate, addVitePlugin, createResolver, defineNuxtModule, extendViteConfig, hasNuxtModule, tryResolveModule, useLogger } from "@nuxt/kit";
|
|
5
5
|
|
|
6
|
+
//#region src/nuxt/ssr-lit/index.ts
|
|
7
|
+
async function installSsrLit(nuxt) {
|
|
8
|
+
const { resolve } = createResolver(import.meta.url);
|
|
9
|
+
const runtimeDir = resolve("./ssr-lit/runtime");
|
|
10
|
+
nuxt.options.build.transpile.push(runtimeDir);
|
|
11
|
+
const nitro = nuxt.options.nitro;
|
|
12
|
+
nitro.moduleSideEffects ||= [];
|
|
13
|
+
nitro.moduleSideEffects.push("@lit-labs/ssr/lib/render-lit-html.js");
|
|
14
|
+
nuxt.options.vite.ssr ||= {};
|
|
15
|
+
const ssrExternal = nuxt.options.vite.ssr.external;
|
|
16
|
+
if (Array.isArray(ssrExternal)) {
|
|
17
|
+
if (!ssrExternal.includes("@vue/server-renderer")) ssrExternal.push("@vue/server-renderer");
|
|
18
|
+
} else if (ssrExternal === void 0) nuxt.options.vite.ssr.external = ["@vue/server-renderer"];
|
|
19
|
+
addPlugin(resolve(runtimeDir, "plugins/antiFouc.server"));
|
|
20
|
+
addPlugin(resolve(runtimeDir, "plugins/polyfill.client"));
|
|
21
|
+
addPlugin(resolve(runtimeDir, "plugins/hydrateSupport.client"));
|
|
22
|
+
await addComponent({
|
|
23
|
+
name: "LitWrapper",
|
|
24
|
+
filePath: resolve(runtimeDir, "components/LitWrapper.vue")
|
|
25
|
+
});
|
|
26
|
+
await addComponent({
|
|
27
|
+
name: "LitWrapperClient",
|
|
28
|
+
filePath: resolve(runtimeDir, "components/LitWrapperClient.vue")
|
|
29
|
+
});
|
|
30
|
+
await addComponent({
|
|
31
|
+
name: "LitWrapperServer",
|
|
32
|
+
filePath: resolve(runtimeDir, "components/LitWrapperServer.vue")
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
//#endregion
|
|
6
37
|
//#region src/nuxt/index.ts
|
|
7
38
|
/** The optional peer the automatic skeleton (`pending`) renders with. */
|
|
8
39
|
const PHANTOM_UI = "@aejkatappaja/phantom-ui";
|
|
@@ -30,15 +61,12 @@ const monoHelperModule = defineNuxtModule({
|
|
|
30
61
|
const phantom = helper.skeleton === false ? null : await tryResolveModule(PHANTOM_UI, appAnchor);
|
|
31
62
|
if (!phantom && helper.skeleton !== false) logger.debug(`skeleton: "${PHANTOM_UI}" is not installed in the app — \`pending\` stays a no-op. Install it to turn the automatic skeleton on.`);
|
|
32
63
|
let litWrapper = false;
|
|
33
|
-
if (helper.ssr !== false && !ssrApp) logger.debug("ssr:false — skipping
|
|
64
|
+
if (helper.ssr !== false && !ssrApp) logger.debug("ssr:false — skipping the Lit SSR bridge; shadow builds render client-side as plain custom elements.");
|
|
34
65
|
else if (helper.ssr !== false) {
|
|
35
66
|
if (hasNuxtModule("nuxt-ssr-lit")) logger.info("nuxt-ssr-lit is configured by the host — using legacy manual SSR wiring (litElementPrefix). Remove that module entry to enable @mono-lit/helper auto-wrap, or set mono.helper.ssr:false to silence.");
|
|
36
|
-
else
|
|
37
|
-
|
|
38
|
-
await installModule(ssrLit ?? "nuxt-ssr-lit", { litElementPrefix: [] });
|
|
67
|
+
else {
|
|
68
|
+
await installSsrLit(nuxt);
|
|
39
69
|
litWrapper = true;
|
|
40
|
-
} catch {
|
|
41
|
-
logger.info("nuxt-ssr-lit could not be loaded — mono shadow components fall back to client-only. It ships as a @mono-lit/helper dependency, so this usually means a broken or deduped install; try reinstalling, or set mono.helper.ssr:false to silence.");
|
|
42
70
|
}
|
|
43
71
|
}
|
|
44
72
|
if (ssrApp || clientOnlyWrap) {
|
package/dist/src/nuxt/index.d.ts
CHANGED
|
@@ -14,8 +14,8 @@ export interface MonoHelperModuleOptions extends MonoSsrOptions {
|
|
|
14
14
|
* Auto-wire SSR for shadow builds: importing `@mono-lit/helper/ui/shadow/<c>` in a
|
|
15
15
|
* `.vue` file makes its `<mono-c>` server-render (Declarative Shadow DOM) — no
|
|
16
16
|
* manual `litElementPrefix` / `exclude` lists, and nothing for the app to
|
|
17
|
-
* install (
|
|
18
|
-
* Set false (or keep a manual `nuxt-ssr-lit` module entry) to use the legacy
|
|
17
|
+
* install (the Lit SSR bridge ships inside @mono-lit/helper). Default true.
|
|
18
|
+
* Set false (or keep a manual upstream `nuxt-ssr-lit` module entry) to use the legacy
|
|
19
19
|
* manual wiring.
|
|
20
20
|
*/
|
|
21
21
|
ssr?: boolean;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { h, defineComponent, defineAsyncComponent } from "vue";
|
|
3
|
+
import LitWrapperClient from "./LitWrapperClient.vue";
|
|
4
|
+
const LitWrapperServer = defineAsyncComponent(() => import("./LitWrapperServer.vue"));
|
|
5
|
+
export default defineComponent({
|
|
6
|
+
name: "LitWrapper",
|
|
7
|
+
render() {
|
|
8
|
+
return h(import.meta.server ? LitWrapperServer : LitWrapperClient, this.$slots.default);
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
</script>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { defineComponent, ssrUtils, mergeProps } from "vue";
|
|
3
|
+
import { ssrRenderVNode, ssrRenderAttrs } from "@vue/server-renderer";
|
|
4
|
+
import { LitElementRenderer } from "@lit-labs/ssr/lib/lit-element-renderer.js";
|
|
5
|
+
import { createLitElementRenderer } from "../utils/litElementRenderer";
|
|
6
|
+
export default defineComponent({
|
|
7
|
+
ssrRender(ctx, push, litWrapperInstance, litWrapperAttrs) {
|
|
8
|
+
const [litElementVNode] = litWrapperInstance.slots.default();
|
|
9
|
+
const litElementTagName = String(litElementVNode.type);
|
|
10
|
+
const litElementVNodeProps = litElementVNode.props || {};
|
|
11
|
+
const renderer = createLitElementRenderer(litElementTagName, litElementVNodeProps);
|
|
12
|
+
if (!renderer) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
try {
|
|
16
|
+
renderer.connectedCallback();
|
|
17
|
+
const attributes = ssrRenderAttrs(mergeProps(litElementVNodeProps, litWrapperAttrs));
|
|
18
|
+
push(
|
|
19
|
+
`<${litElementTagName}${attributes} defer-hydration="true"><template shadowrootmode="open" shadowroot="open">`
|
|
20
|
+
);
|
|
21
|
+
for (const shadowContent of renderer.renderShadow({
|
|
22
|
+
elementRenderers: [LitElementRenderer],
|
|
23
|
+
customElementInstanceStack: [renderer],
|
|
24
|
+
customElementHostStack: [renderer]
|
|
25
|
+
})) {
|
|
26
|
+
push(shadowContent);
|
|
27
|
+
}
|
|
28
|
+
push(`</template>`);
|
|
29
|
+
const litElementChildren = litElementVNode.children ? Array.isArray(litElementVNode.children) ? litElementVNode.children : [litElementVNode.children] : [];
|
|
30
|
+
litElementChildren.forEach((child) => ssrRenderVNode(push, ssrUtils.normalizeVNode(child), litWrapperInstance));
|
|
31
|
+
push(`</${litElementTagName}>`);
|
|
32
|
+
} catch (e) {
|
|
33
|
+
console.error(e);
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
</script>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { defineNuxtPlugin, useHead } from "#imports";
|
|
2
|
+
export default defineNuxtPlugin(() => {
|
|
3
|
+
useHead({
|
|
4
|
+
style: [
|
|
5
|
+
{
|
|
6
|
+
innerHTML: "body[dsd-pending] { display: none; }"
|
|
7
|
+
}
|
|
8
|
+
],
|
|
9
|
+
script: [
|
|
10
|
+
{
|
|
11
|
+
children: `
|
|
12
|
+
{
|
|
13
|
+
const hasNativeDsd =
|
|
14
|
+
Object.hasOwnProperty.call(HTMLTemplateElement.prototype, "shadowRootMode") ||
|
|
15
|
+
Object.hasOwnProperty.call(HTMLTemplateElement.prototype, "shadowRoot");
|
|
16
|
+
|
|
17
|
+
if (!hasNativeDsd) {
|
|
18
|
+
document.body.setAttribute('dsd-pending', 'true');
|
|
19
|
+
}
|
|
20
|
+
}`,
|
|
21
|
+
tagPosition: "bodyOpen"
|
|
22
|
+
}
|
|
23
|
+
]
|
|
24
|
+
});
|
|
25
|
+
});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { defineNuxtPlugin } from "#imports";
|
|
2
|
+
export default defineNuxtPlugin(async () => {
|
|
3
|
+
const hasNativeDsd = Object.hasOwnProperty.call(HTMLTemplateElement.prototype, "shadowRootMode") || Object.hasOwnProperty.call(HTMLTemplateElement.prototype, "shadowRoot");
|
|
4
|
+
if (!hasNativeDsd) {
|
|
5
|
+
const { hydrateShadowRoots } = await import("@webcomponents/template-shadowroot/template-shadowroot.js");
|
|
6
|
+
hydrateShadowRoots(document.body);
|
|
7
|
+
document.body.removeAttribute("dsd-pending");
|
|
8
|
+
}
|
|
9
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export function isCustomElementTag(name) {
|
|
2
|
+
return typeof name === "string" && /-/.test(name);
|
|
3
|
+
}
|
|
4
|
+
export function getCustomElementConstructor(name) {
|
|
5
|
+
if (typeof customElements !== "undefined" && isCustomElementTag(name)) {
|
|
6
|
+
return customElements.get(name) || null;
|
|
7
|
+
} else if (typeof name === "function") {
|
|
8
|
+
return name;
|
|
9
|
+
}
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { LitElementRenderer } from "@lit-labs/ssr/lib/lit-element-renderer.js";
|
|
2
|
+
import { getCustomElementConstructor, isCustomElementTag } from "./customElements.js";
|
|
3
|
+
export function createLitElementRenderer(tagName, props) {
|
|
4
|
+
if (!isCustomElementTag(tagName)) {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
|
+
const renderer = new LitElementRenderer(tagName);
|
|
8
|
+
attachPropsToRenderer(renderer, props);
|
|
9
|
+
return renderer;
|
|
10
|
+
}
|
|
11
|
+
function attachPropsToRenderer(renderer, props) {
|
|
12
|
+
const customElementConstructor = getCustomElementConstructor(renderer.tagName);
|
|
13
|
+
if (props) {
|
|
14
|
+
for (const [key, value] of Object.entries(props)) {
|
|
15
|
+
if (customElementConstructor !== null && typeof customElementConstructor !== "string" && key in customElementConstructor.prototype) {
|
|
16
|
+
const isBooleanProp = customElementConstructor.elementProperties.get(key)?.type === Boolean;
|
|
17
|
+
if (isBooleanProp && value === "") {
|
|
18
|
+
renderer.setProperty(key, true);
|
|
19
|
+
} else {
|
|
20
|
+
renderer.setProperty(key, value);
|
|
21
|
+
}
|
|
22
|
+
} else {
|
|
23
|
+
renderer.setAttribute(key, value);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
return renderer;
|
|
28
|
+
}
|
package/dist/ui/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer mono, mono, mono, mono, mono, mono;@layer mono{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-content:"";--un-ease:initial;--un-leading:initial;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}@property --un-leading{syntax:"*";inherits:false;}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-content{syntax:"*";inherits:false;initial-value:"";}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}@property --un-ease{syntax:"*";inherits:false;}@property --un-backdrop-blur{syntax:"*";inherits:false;}@property --un-backdrop-brightness{syntax:"*";inherits:false;}@property --un-backdrop-contrast{syntax:"*";inherits:false;}@property --un-backdrop-grayscale{syntax:"*";inherits:false;}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --un-backdrop-invert{syntax:"*";inherits:false;}@property --un-backdrop-opacity{syntax:"*";inherits:false;}@property --un-backdrop-saturate{syntax:"*";inherits:false;}@property --un-backdrop-sepia{syntax:"*";inherits:false;}@property --un-blur{syntax:"*";inherits:false;}@property --un-brightness{syntax:"*";inherits:false;}@property --un-contrast{syntax:"*";inherits:false;}@property --un-drop-shadow{syntax:"*";inherits:false;}@property --un-grayscale{syntax:"*";inherits:false;}@property --un-hue-rotate{syntax:"*";inherits:false;}@property --un-invert{syntax:"*";inherits:false;}@property --un-saturate{syntax:"*";inherits:false;}@property --un-sepia{syntax:"*";inherits:false;}@property --un-numeric-figure{syntax:"*";inherits:false;}@property --un-numeric-fraction{syntax:"*";inherits:false;}@property --un-numeric-spacing{syntax:"*";inherits:false;}@property --un-ordinal{syntax:"*";inherits:false;}@property --un-slashed-zero{syntax:"*";inherits:false;}}@layer mono{:root, :host { --radius-DEFAULT: 0.25rem; --spacing: 0.25rem; --radius-md: 0.375rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-medium: 500; --radius-2xl: 1rem; --leading-none: 1; --fontWeight-normal: 400; --fontWeight-semibold: 600; --tracking-tight: -0.025em; --colors-black: #000; --container-sm: 24rem; --radius-xl: 0.75rem; --radius-sm: 0.25rem; --tracking-wider: 0.05em; --radius-4xl: 2rem; --radius-lg: 0.5rem; --radius-none: 0; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --leading-normal: 1.5; --ease-linear: linear; --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --container-md: 28rem; }}@layer mono{.i-fluent-arrow-sort-16-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10.73 13.79c.29.28.75.28 1.04 0l2.75-2.65a.75.75 0 1 0-1.04-1.08L12 11.486V2.75a.75.75 0 0 0-1.5 0v8.736L9.02 10.06a.75.75 0 1 0-1.04 1.08zM5.28 2.22a.75.75 0 0 0-1.06 0L1.47 4.97a.75.75 0 0 0 1.06 1.06L4 4.56v8.69a.75.75 0 0 0 1.5 0V4.56l1.47 1.47a.75.75 0 0 0 1.06-1.06z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-alert-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-alert-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2L1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-bell-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10 21h4c0 1.1-.9 2-2 2s-2-.9-2-2m11-2v1H3v-1l2-2v-6c0-3.1 2-5.8 5-6.7V4c0-1.1.9-2 2-2s2 .9 2 2v.3c3 .9 5 3.6 5 6.7v6zm-4-8c0-2.8-2.2-5-5-5s-5 2.2-5 5v7h10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-calendar-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 12h5v5h-5zm7-9h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 2v2H5V5zM5 19V9h14v10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-check-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4l8-8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-clock-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-cloud-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 20H6.5q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.63-2.3 2.5-3.72Q9.63 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20H13v-7.15l1.6 1.55L16 13l-4-4l-4 4l1.4 1.4l1.6-1.55Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-cloud-upload-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.5 20q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.63-2.3 2.5-3.72Q9.63 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20H13q-.82 0-1.41-.59Q11 18.83 11 18v-5.15L9.4 14.4L8 13l4-4l4 4l-1.4 1.4l-1.6-1.55V18h5.5q1.05 0 1.77-.73q.73-.72.73-1.77t-.73-1.77Q19.55 13 18.5 13H17v-2q0-2.07-1.46-3.54Q14.08 6 12 6Q9.93 6 8.46 7.46Q7 8.93 7 11h-.5q-1.45 0-2.47 1.03Q3 13.05 3 14.5T4.03 17q1.02 1 2.47 1H9v2m3-7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-database-off{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19.07 15.87c.59-.56.93-1.19.93-1.87v2.8zM20 9c0 1.54-1.73 2.86-4.27 3.53l2.16 2.16C19.19 14 20 13.04 20 12zm0-2c0-2.21-3.58-4-8-4c-1.87 0-3.58.33-4.94.86l7 7C17.5 10.41 20 8.85 20 7M2.39 1.73L1.11 3l3.1 3.1c-.13.29-.21.59-.21.9c0 1.63 1.96 3.04 4.77 3.66l2.31 2.31C7.1 12.74 4 11.06 4 9v3c0 2.21 3.58 4 8 4c.69 0 1.35-.05 2-.13l1.66 1.68c-1.09.29-2.34.45-3.66.45c-4.42 0-8-1.79-8-4v3c0 2.21 3.58 4 8 4c2.31 0 4.38-.5 5.84-1.27l3 3l1.27-1.27z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-dots-vertical{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 9V3.5L18.5 9M6 2c-1.11 0-2 .89-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-excel{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm1.8 18H14l-2-3.4l-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4l2-3.4h1.8l-2.9 4.5zM13 9V3.5L18.5 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-image{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m0 18h12v-8l-4 4l-2-2zM8 9a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-music{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm-1 11h-2v5a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2c.4 0 .7.1 1 .3V11h3zm0-4V3.5L18.5 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-pdf-box{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-9.5 8.5c0 .8-.7 1.5-1.5 1.5H7v2H5.5V9H8c.8 0 1.5.7 1.5 1.5zm5 2c0 .8-.7 1.5-1.5 1.5h-2.5V9H13c.8 0 1.5.7 1.5 1.5zm4-3H17v1h1.5V13H17v2h-1.5V9h3zm-6.5 0h1v3h-1zm-5 0h1v1H7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-tree-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 13H7v5h5v2H5V10h2v1h5zM8 4v2H4V4zm2-2H2v6h8zm10 9v2h-4v-2zm2-2h-8v6h8zm-2 9v2h-4v-2zm2-2h-8v6h8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-video{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m11 17v-6l-3 2.2V13H7v6h7v-2.2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-word{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm1.2 18h-1.4L12 13.2L10.2 20H8.8l-2.2-9h1.5l1.4 6.8l1.8-6.8h1.3l1.8 6.8l1.4-6.8h1.5zM13 9V3.5L18.5 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-filter{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0l-2.01-2.01a.99.99 0 0 1-.29-.83V12h-.03L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-filter-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15 19.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0L9.29 16.7a.99.99 0 0 1-.29-.83v-5.12L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L15 10.75zM7.04 5L11 10.06v5.52l2 2v-7.53L16.96 5z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-folder-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20 6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6l2 2zm-9.25 7H14v4h2v-4h3.25L15 8.75'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-help-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 18h2v-2h-2zm1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-14a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2a2 2 0 0 1 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-information-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-magnify{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-plus{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-refresh{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-trash-can-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3zM7 6h10v13H7zm2 2v9h2V8zm4 0v9h2V8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-zip-box{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 17h-2v-2h-2v-2h2v2h2m0-6h-2v2h2v2h-2v-2h-2V9h2V7h-2V5h2v2h2m5-4H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-ri-arrow-down-long-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 2h-2v13.586H5.586L12 22l6.414-6.414H13z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-ri-arrow-up-long-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 22h2V8.414h5.414L12 2L5.586 8.414H11z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-tabler-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}}@layer mono{.container{width:100%;}@media (min-width: 40rem){.container{max-width:40rem;}}@media (min-width: 48rem){.container{max-width:48rem;}}@media (min-width: 64rem){.container{max-width:64rem;}}@media (min-width: 80rem){.container{max-width:80rem;}}@media (min-width: 96rem){.container{max-width:96rem;}}}@layer mono{.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}.text-\[0\.8rem\]{font-size:0.8rem;}.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}.leading-normal{--un-leading:var(--leading-normal);line-height:var(--leading-normal);}.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}.font-normal{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);}.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.m-0{margin:calc(var(--spacing) * 0);}.m\[0\]{margin:0;}.mx-2{margin-inline:calc(var(--spacing) * 2);}.mb-24{margin-bottom:calc(var(--spacing) * 24);}.me{margin-inline-end:calc(var(--spacing) * 4);}.me-1{margin-inline-end:calc(var(--spacing) * 1);}.ms{margin-inline-start:calc(var(--spacing) * 4);}.ms-auto{margin-inline-start:auto;}.mt-1{margin-top:calc(var(--spacing) * 1);}.mt-24{margin-top:calc(var(--spacing) * 24);}.mt-auto{margin-top:auto;}.p-\[3px\]{padding:3px;}.p-0{padding:calc(var(--spacing) * 0);}.p-2{padding:calc(var(--spacing) * 2);}.p-4{padding:calc(var(--spacing) * 4);}.p-6{padding:calc(var(--spacing) * 6);}.px,.px-4{padding-inline:calc(var(--spacing) * 4);}.px-2{padding-inline:calc(var(--spacing) * 2);}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}.px-3{padding-inline:calc(var(--spacing) * 3);}.px-6{padding-inline:calc(var(--spacing) * 6);}.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}.py-1{padding-block:calc(var(--spacing) * 1);}.py-4{padding-block:calc(var(--spacing) * 4);}.pb-4{padding-bottom:calc(var(--spacing) * 4);}.pe-1\.5{padding-inline-end:calc(var(--spacing) * 1.5);}.pl{padding-left:calc(var(--spacing) * 4);}.ps-1\.5{padding-inline-start:calc(var(--spacing) * 1.5);}.ps-2{padding-inline-start:calc(var(--spacing) * 2);}.pt-0{padding-top:calc(var(--spacing) * 0);}.pie{padding-inline-end:calc(var(--spacing) * 4);}.text-center{text-align:center;}.text-left{text-align:left;}.outline{outline-style:var(--un-outline-style);outline-width:1px;}.outline-hidden{outline-style:none;}.focus-visible\:outline-hidden:focus-visible{outline-style:none;}.outline-none{--un-outline-style:none;outline-style:none;}.will-change-transform{will-change:transform;}.list-none{list-style-type:none;}.-border{border-width:-1px;}.b,.border{border-width:1px;}.before\:border::before{border-width:1px;}.border-b,.not-last\:border-b:not(:last-child){border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-t{border-top-width:1px;}.border-transparent{border-color:transparent;}.rd,.rounded{border-radius:var(--radius-DEFAULT);}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px);}.rounded-2xl{border-radius:var(--radius-2xl);}.rounded-4xl{border-radius:var(--radius-4xl);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-md{border-radius:var(--radius-md);}.rounded-none{border-radius:var(--radius-none);}.rounded-sm{border-radius:var(--radius-sm);}.rounded-xl{border-radius:var(--radius-xl);}.before\:rounded-4xl::before{border-radius:var(--radius-4xl);}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);}.bg-black\/10{background-color:color-mix(in srgb, var(--colors-black) 10%, transparent);}.bg-current{background-color:currentColor;}.bg-transparent{background-color:transparent;}.aria-disabled\:opacity-50[aria-disabled="true"],.opacity-50{opacity:50%;}.opacity-0{opacity:0%;}.opacity-70{opacity:70%;}.hover\:opacity-100:hover{opacity:100%;}.disabled\:opacity-50:disabled{opacity:50%;}.after\:opacity-0::after{opacity:0%;}.after\:opacity-100::after{opacity:100%;}.underline{text-decoration-line:underline;}.hover\:underline:hover{text-decoration-line:underline;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.\[\&\>svg\]\:shrink-0>svg,.shrink-0{flex-shrink:0;}.flex-shrink,.shrink,.shrink-to-fit,.shrink-wraps{flex-shrink:1;}.grow{flex-grow:1;}.flex-col{flex-direction:column;}.flex-col-reverse{flex-direction:column-reverse;}.flex-wrap{flex-wrap:wrap;}.gap-0\.5{gap:calc(var(--spacing) * 0.5);}.gap-1{gap:calc(var(--spacing) * 1);}.gap-1\.5{gap:calc(var(--spacing) * 1.5);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-6{gap:calc(var(--spacing) * 6);}.\!grid{display:grid !important;}.grid{display:grid;}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']),.\[\&\>svg\]\:size-4>svg,.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3) !important;height:calc(var(--spacing) * 3) !important;}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}.h-0\.5{height:calc(var(--spacing) * 0.5);}.h-10{height:calc(var(--spacing) * 10);}.h-12{height:calc(var(--spacing) * 12);}.h-20{height:calc(var(--spacing) * 20);}.h-5,.h5{height:calc(var(--spacing) * 5);}.h-7{height:calc(var(--spacing) * 7);}.h-8{height:calc(var(--spacing) * 8);}.h-9{height:calc(var(--spacing) * 9);}.h-auto{height:auto;}.h-fit{height:fit-content;}.h1{height:calc(var(--spacing) * 1);}.h2{height:calc(var(--spacing) * 2);}.h3{height:calc(var(--spacing) * 3);}.h4{height:calc(var(--spacing) * 4);}.h6{height:calc(var(--spacing) * 6);}.max-h-\[80vh\]{max-height:80vh;}.max-h-\[calc\(100\%_-_2rem\)\]{max-height:calc(100% - 2rem);}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem);}.max-w-sm{max-width:var(--container-sm);}.min-h-0{min-height:calc(var(--spacing) * 0);}.min-w-0{min-width:calc(var(--spacing) * 0);}.w-3\/4{width:75%;}.w-72{width:calc(var(--spacing) * 72);}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-full{width:100%;}.after\:h-0\.5::after{height:calc(var(--spacing) * 0.5);}.after\:w-0\.5::after{width:calc(var(--spacing) * 0.5);}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.contents{display:contents;}.hidden{display:none;}.visible{visibility:visible;}.invisible{visibility:hidden;}.collapse{visibility:collapse;}.cursor-default{cursor:default;}.cursor-pointer{cursor:pointer;}.aria-disabled\:pointer-events-none[aria-disabled="true"],.pointer-events-none{pointer-events:none;}.disabled\:pointer-events-none:disabled{pointer-events:none;}.resize{resize:both;}.select-all{-webkit-user-select:all;user-select:all;}.select-none{-webkit-user-select:none;user-select:none;}.content-\[\'\'\]{--un-content:'';content:var(--un-content);}.break-words{overflow-wrap:break-word;}.\[\&\>span\:last-child\]\:truncate>span:last-child,.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.uppercase{text-transform:uppercase;}.all-lowercase *,.lowercase{text-transform:lowercase;}.italic{font-style:italic;}.has-\[\[aria-invalid\=true\]\]\:ring-3:has([aria-invalid=true]),.ring-\[3px\]{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring,.ring-1{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-within\:ring-3:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-\[3px\]:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-3:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow,.shadow-md\)\\r\\n,.shadow-sm,.shadow-xs\)\.,.shadow-xs\)\\r\\n,.shadow\.contains\(target\)\),.shadow\),.shadow\)\.,.shadow\/,.shadow\/\<entry\>,.shadowOverride\),.shadowTagsFromScript\(script\)\){--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-md{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-xs{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.-translate-1\/2{--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-x-1\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-x-full{--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-y-1\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-y-full{--un-translate-y:-100%;translate:var(--un-translate-x) var(--un-translate-y);}.translate-x-full{--un-translate-x:100%;translate:var(--un-translate-x) var(--un-translate-y);}.translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}.-rotate-90{rotate:-90deg;}.rotate-180,[dir="rtl"] .rtl\:rotate-180{rotate:180deg;}.scale-95{--un-scale-x:95%;--un-scale-y:95%;scale:var(--un-scale-x) var(--un-scale-y);}.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.after\:transition-opacity::after{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.duration-100,.duration-100\.{--un-duration:100ms;transition-duration:100ms;}.duration-200{--un-duration:200ms;transition-duration:200ms;}.duration-300{--un-duration:300ms;transition-duration:300ms;}.duration-500{--un-duration:500ms;transition-duration:500ms;}.ease{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--un-ease:cubic-bezier(0.32,0.72,0,1);transition-timing-function:cubic-bezier(0.32,0.72,0,1);}.ease-linear{--un-ease:var(--ease-linear);transition-timing-function:var(--ease-linear);}.items-start{align-items:flex-start;}.items-center{align-items:center;}.inset-0{inset:calc(var(--spacing) * 0);}.before\:inset-2::before{inset:calc(var(--spacing) * 2);}.end-4{inset-inline-end:calc(var(--spacing) * 4);}.after\:end-\[-4px\]::after{inset-inline-end:-4px;}.inset-x-0{inset-inline:calc(var(--spacing) * 0);}.inset-y-0{inset-block:calc(var(--spacing) * 0);}.after\:inset-x-0::after{inset-inline:calc(var(--spacing) * 0);}.after\:inset-y-0::after{inset-block:calc(var(--spacing) * 0);}.bottom-\[-5px\]{bottom:-5px;}.bottom-0{bottom:calc(var(--spacing) * 0);}.left-0{left:calc(var(--spacing) * 0);}.left-1\/2{left:50%;}.right-0{right:calc(var(--spacing) * 0);}.top-0{top:calc(var(--spacing) * 0);}.top-1\/2{top:50%;}.top-4{top:calc(var(--spacing) * 4);}.after\:bottom-\[-5px\]::after{bottom:-5px;}.justify-start{justify-content:flex-start;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.place-items-center{place-items:center;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.after\:absolute::after{position:absolute;}.static{position:static;}.z-50{z-index:50;}.overflow-hidden{overflow:hidden;}.isolate{isolation:isolate;}.backdrop-blur-xs{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}.blur{--un-blur:blur(8px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}.filter{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}.table{display:table;}.table-row{display:table-row;}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}@media (forced-colors: active){.outline-hidden{outline:2px solid transparent;outline-offset:2px;}.focus-visible\:outline-hidden:focus-visible{outline:2px solid transparent;outline-offset:2px;}}@supports (color: color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}}@media (max-width: calc(48rem - 0.1px)){.max-md\:bg-black\/50\\r\\n{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent);}}@supports (color: color-mix(in lab, red, red)){@media (max-width: calc(48rem - 0.1px)){.max-md\:bg-black\/50\\r\\n{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent);}}}@media (min-width: 40rem){.sm\:flex-row{flex-direction:row;}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5);}.sm\:max-w-md{max-width:var(--container-md);}.sm\:justify-end{justify-content:flex-end;}.sm\:place-items-start{place-items:start;}}}
|
|
1
|
+
@layer mono, mono, mono, mono, mono, mono;@layer mono{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-content:"";--un-ease:initial;--un-leading:initial;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}@property --un-leading{syntax:"*";inherits:false;}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-content{syntax:"*";inherits:false;initial-value:"";}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}@property --un-ease{syntax:"*";inherits:false;}@property --un-backdrop-blur{syntax:"*";inherits:false;}@property --un-backdrop-brightness{syntax:"*";inherits:false;}@property --un-backdrop-contrast{syntax:"*";inherits:false;}@property --un-backdrop-grayscale{syntax:"*";inherits:false;}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --un-backdrop-invert{syntax:"*";inherits:false;}@property --un-backdrop-opacity{syntax:"*";inherits:false;}@property --un-backdrop-saturate{syntax:"*";inherits:false;}@property --un-backdrop-sepia{syntax:"*";inherits:false;}@property --un-blur{syntax:"*";inherits:false;}@property --un-brightness{syntax:"*";inherits:false;}@property --un-contrast{syntax:"*";inherits:false;}@property --un-drop-shadow{syntax:"*";inherits:false;}@property --un-grayscale{syntax:"*";inherits:false;}@property --un-hue-rotate{syntax:"*";inherits:false;}@property --un-invert{syntax:"*";inherits:false;}@property --un-saturate{syntax:"*";inherits:false;}@property --un-sepia{syntax:"*";inherits:false;}@property --un-numeric-figure{syntax:"*";inherits:false;}@property --un-numeric-fraction{syntax:"*";inherits:false;}@property --un-numeric-spacing{syntax:"*";inherits:false;}@property --un-ordinal{syntax:"*";inherits:false;}@property --un-slashed-zero{syntax:"*";inherits:false;}}@layer mono{:root, :host { --radius-DEFAULT: 0.25rem; --spacing: 0.25rem; --radius-md: 0.375rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --radius-sm: 0.25rem; --fontWeight-normal: 400; --fontWeight-medium: 500; --tracking-wider: 0.05em; --radius-4xl: 2rem; --leading-none: 1; --fontWeight-semibold: 600; --tracking-tight: -0.025em; --colors-black: #000; --container-sm: 24rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-lg: 0.5rem; --radius-none: 0; --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --leading-normal: 1.5; --ease-linear: linear; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --container-md: 28rem; }}@layer mono{.i-fluent-arrow-sort-16-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10.73 13.79c.29.28.75.28 1.04 0l2.75-2.65a.75.75 0 1 0-1.04-1.08L12 11.486V2.75a.75.75 0 0 0-1.5 0v8.736L9.02 10.06a.75.75 0 1 0-1.04 1.08zM5.28 2.22a.75.75 0 0 0-1.06 0L1.47 4.97a.75.75 0 0 0 1.06 1.06L4 4.56v8.69a.75.75 0 0 0 1.5 0V4.56l1.47 1.47a.75.75 0 0 0 1.06-1.06z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-alert-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-alert-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2L1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-bell-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10 21h4c0 1.1-.9 2-2 2s-2-.9-2-2m11-2v1H3v-1l2-2v-6c0-3.1 2-5.8 5-6.7V4c0-1.1.9-2 2-2s2 .9 2 2v.3c3 .9 5 3.6 5 6.7v6zm-4-8c0-2.8-2.2-5-5-5s-5 2.2-5 5v7h10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-calendar-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 12h5v5h-5zm7-9h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 2v2H5V5zM5 19V9h14v10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-check-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4l8-8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-chevron-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-clock-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-cloud-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 20H6.5q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.63-2.3 2.5-3.72Q9.63 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20H13v-7.15l1.6 1.55L16 13l-4-4l-4 4l1.4 1.4l1.6-1.55Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-cloud-upload-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.5 20q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.63-2.3 2.5-3.72Q9.63 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20H13q-.82 0-1.41-.59Q11 18.83 11 18v-5.15L9.4 14.4L8 13l4-4l4 4l-1.4 1.4l-1.6-1.55V18h5.5q1.05 0 1.77-.73q.73-.72.73-1.77t-.73-1.77Q19.55 13 18.5 13H17v-2q0-2.07-1.46-3.54Q14.08 6 12 6Q9.93 6 8.46 7.46Q7 8.93 7 11h-.5q-1.45 0-2.47 1.03Q3 13.05 3 14.5T4.03 17q1.02 1 2.47 1H9v2m3-7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-database-off{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19.07 15.87c.59-.56.93-1.19.93-1.87v2.8zM20 9c0 1.54-1.73 2.86-4.27 3.53l2.16 2.16C19.19 14 20 13.04 20 12zm0-2c0-2.21-3.58-4-8-4c-1.87 0-3.58.33-4.94.86l7 7C17.5 10.41 20 8.85 20 7M2.39 1.73L1.11 3l3.1 3.1c-.13.29-.21.59-.21.9c0 1.63 1.96 3.04 4.77 3.66l2.31 2.31C7.1 12.74 4 11.06 4 9v3c0 2.21 3.58 4 8 4c.69 0 1.35-.05 2-.13l1.66 1.68c-1.09.29-2.34.45-3.66.45c-4.42 0-8-1.79-8-4v3c0 2.21 3.58 4 8 4c2.31 0 4.38-.5 5.84-1.27l3 3l1.27-1.27z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-dots-vertical{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 9V3.5L18.5 9M6 2c-1.11 0-2 .89-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-excel{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm1.8 18H14l-2-3.4l-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4l2-3.4h1.8l-2.9 4.5zM13 9V3.5L18.5 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-image{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m0 18h12v-8l-4 4l-2-2zM8 9a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-music{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm-1 11h-2v5a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2c.4 0 .7.1 1 .3V11h3zm0-4V3.5L18.5 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-pdf-box{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-9.5 8.5c0 .8-.7 1.5-1.5 1.5H7v2H5.5V9H8c.8 0 1.5.7 1.5 1.5zm5 2c0 .8-.7 1.5-1.5 1.5h-2.5V9H13c.8 0 1.5.7 1.5 1.5zm4-3H17v1h1.5V13H17v2h-1.5V9h3zm-6.5 0h1v3h-1zm-5 0h1v1H7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-tree-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 13H7v5h5v2H5V10h2v1h5zM8 4v2H4V4zm2-2H2v6h8zm10 9v2h-4v-2zm2-2h-8v6h8zm-2 9v2h-4v-2zm2-2h-8v6h8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-video{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m11 17v-6l-3 2.2V13H7v6h7v-2.2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-file-word{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm1.2 18h-1.4L12 13.2L10.2 20H8.8l-2.2-9h1.5l1.4 6.8l1.8-6.8h1.3l1.8 6.8l1.4-6.8h1.5zM13 9V3.5L18.5 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-filter{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0l-2.01-2.01a.99.99 0 0 1-.29-.83V12h-.03L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-filter-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15 19.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0L9.29 16.7a.99.99 0 0 1-.29-.83v-5.12L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L15 10.75zM7.04 5L11 10.06v5.52l2 2v-7.53L16.96 5z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-folder-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20 6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6l2 2zm-9.25 7H14v4h2v-4h3.25L15 8.75'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-help-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 18h2v-2h-2zm1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-14a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2a2 2 0 0 1 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-information-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-magnify{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-plus{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-refresh{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-trash-can-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3zM7 6h10v13H7zm2 2v9h2V8zm4 0v9h2V8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-mdi-zip-box{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14 17h-2v-2h-2v-2h2v2h2m0-6h-2v2h2v2h-2v-2h-2V9h2V7h-2V5h2v2h2m5-4H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-ri-arrow-down-long-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 2h-2v13.586H5.586L12 22l6.414-6.414H13z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-ri-arrow-up-long-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 22h2V8.414h5.414L12 2L5.586 8.414H11z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-tabler-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}}@layer mono{.container{width:100%;}@media (min-width: 40rem){.container{max-width:40rem;}}@media (min-width: 48rem){.container{max-width:48rem;}}@media (min-width: 64rem){.container{max-width:64rem;}}@media (min-width: 80rem){.container{max-width:80rem;}}@media (min-width: 96rem){.container{max-width:96rem;}}}@layer mono{.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}.text-\[0\.8rem\]{font-size:0.8rem;}.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}.leading-normal{--un-leading:var(--leading-normal);line-height:var(--leading-normal);}.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}.font-normal{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);}.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.m-0{margin:calc(var(--spacing) * 0);}.m\[0\]{margin:0;}.mx-2{margin-inline:calc(var(--spacing) * 2);}.mb-24{margin-bottom:calc(var(--spacing) * 24);}.me{margin-inline-end:calc(var(--spacing) * 4);}.me-1{margin-inline-end:calc(var(--spacing) * 1);}.ms{margin-inline-start:calc(var(--spacing) * 4);}.ms-auto{margin-inline-start:auto;}.mt-1{margin-top:calc(var(--spacing) * 1);}.mt-24{margin-top:calc(var(--spacing) * 24);}.mt-auto{margin-top:auto;}.p-\[3px\]{padding:3px;}.p-0{padding:calc(var(--spacing) * 0);}.p-2{padding:calc(var(--spacing) * 2);}.p-4{padding:calc(var(--spacing) * 4);}.p-6{padding:calc(var(--spacing) * 6);}.px,.px-4{padding-inline:calc(var(--spacing) * 4);}.px-2{padding-inline:calc(var(--spacing) * 2);}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}.px-3{padding-inline:calc(var(--spacing) * 3);}.px-6{padding-inline:calc(var(--spacing) * 6);}.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}.py-1{padding-block:calc(var(--spacing) * 1);}.py-4{padding-block:calc(var(--spacing) * 4);}.pb-4{padding-bottom:calc(var(--spacing) * 4);}.pe-1\.5{padding-inline-end:calc(var(--spacing) * 1.5);}.pl{padding-left:calc(var(--spacing) * 4);}.ps-1\.5{padding-inline-start:calc(var(--spacing) * 1.5);}.ps-2{padding-inline-start:calc(var(--spacing) * 2);}.pt-0{padding-top:calc(var(--spacing) * 0);}.pie{padding-inline-end:calc(var(--spacing) * 4);}.text-center{text-align:center;}.text-left{text-align:left;}.outline{outline-style:var(--un-outline-style);outline-width:1px;}.outline-hidden{outline-style:none;}.focus-visible\:outline-hidden:focus-visible{outline-style:none;}.outline-none{--un-outline-style:none;outline-style:none;}.will-change-transform{will-change:transform;}.list-none{list-style-type:none;}.-border{border-width:-1px;}.b,.border{border-width:1px;}.before\:border::before{border-width:1px;}.border-b,.not-last\:border-b:not(:last-child){border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-t{border-top-width:1px;}.border-transparent{border-color:transparent;}.rd,.rounded{border-radius:var(--radius-DEFAULT);}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px);}.rounded-2xl{border-radius:var(--radius-2xl);}.rounded-4xl{border-radius:var(--radius-4xl);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-md{border-radius:var(--radius-md);}.rounded-none{border-radius:var(--radius-none);}.rounded-sm{border-radius:var(--radius-sm);}.rounded-xl{border-radius:var(--radius-xl);}.before\:rounded-4xl::before{border-radius:var(--radius-4xl);}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);}.bg-black\/10{background-color:color-mix(in srgb, var(--colors-black) 10%, transparent);}.bg-current{background-color:currentColor;}.bg-transparent{background-color:transparent;}.aria-disabled\:opacity-50[aria-disabled="true"],.opacity-50{opacity:50%;}.opacity-0{opacity:0%;}.opacity-70{opacity:70%;}.hover\:opacity-100:hover{opacity:100%;}.disabled\:opacity-50:disabled{opacity:50%;}.after\:opacity-0::after{opacity:0%;}.after\:opacity-100::after{opacity:100%;}.underline{text-decoration-line:underline;}.hover\:underline:hover{text-decoration-line:underline;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.\[\&\>svg\]\:shrink-0>svg,.shrink-0{flex-shrink:0;}.flex-shrink,.shrink,.shrink-to-fit,.shrink-wraps{flex-shrink:1;}.grow{flex-grow:1;}.flex-col{flex-direction:column;}.flex-col-reverse{flex-direction:column-reverse;}.flex-wrap{flex-wrap:wrap;}.gap-0\.5{gap:calc(var(--spacing) * 0.5);}.gap-1{gap:calc(var(--spacing) * 1);}.gap-1\.5{gap:calc(var(--spacing) * 1.5);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-6{gap:calc(var(--spacing) * 6);}.\!grid{display:grid !important;}.grid{display:grid;}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']),.\[\&\>svg\]\:size-4>svg,.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3) !important;height:calc(var(--spacing) * 3) !important;}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}.h-0\.5{height:calc(var(--spacing) * 0.5);}.h-10{height:calc(var(--spacing) * 10);}.h-12{height:calc(var(--spacing) * 12);}.h-20{height:calc(var(--spacing) * 20);}.h-5,.h5{height:calc(var(--spacing) * 5);}.h-7{height:calc(var(--spacing) * 7);}.h-8{height:calc(var(--spacing) * 8);}.h-9{height:calc(var(--spacing) * 9);}.h-auto{height:auto;}.h-fit{height:fit-content;}.h1{height:calc(var(--spacing) * 1);}.h2{height:calc(var(--spacing) * 2);}.h3{height:calc(var(--spacing) * 3);}.h4{height:calc(var(--spacing) * 4);}.h6{height:calc(var(--spacing) * 6);}.max-h-\[80vh\]{max-height:80vh;}.max-h-\[calc\(100\%_-_2rem\)\]{max-height:calc(100% - 2rem);}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem);}.max-w-sm{max-width:var(--container-sm);}.min-h-0{min-height:calc(var(--spacing) * 0);}.min-w-0{min-width:calc(var(--spacing) * 0);}.w-3\/4{width:75%;}.w-72{width:calc(var(--spacing) * 72);}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-full{width:100%;}.after\:h-0\.5::after{height:calc(var(--spacing) * 0.5);}.after\:w-0\.5::after{width:calc(var(--spacing) * 0.5);}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.contents{display:contents;}.hidden{display:none;}.visible{visibility:visible;}.invisible{visibility:hidden;}.collapse{visibility:collapse;}.cursor-default{cursor:default;}.cursor-pointer{cursor:pointer;}.aria-disabled\:pointer-events-none[aria-disabled="true"],.pointer-events-none{pointer-events:none;}.disabled\:pointer-events-none:disabled{pointer-events:none;}.resize{resize:both;}.select-all{-webkit-user-select:all;user-select:all;}.select-none{-webkit-user-select:none;user-select:none;}.content-\[\'\'\]{--un-content:'';content:var(--un-content);}.break-words{overflow-wrap:break-word;}.\[\&\>span\:last-child\]\:truncate>span:last-child,.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.uppercase{text-transform:uppercase;}.all-lowercase *,.lowercase{text-transform:lowercase;}.italic{font-style:italic;}.has-\[\[aria-invalid\=true\]\]\:ring-3:has([aria-invalid=true]),.ring-\[3px\]{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring,.ring-1{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-within\:ring-3:focus-within{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-\[3px\]:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-3:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow,.shadow-md\)\\r\\n,.shadow-sm,.shadow-xs\)\.,.shadow-xs\)\\r\\n,.shadow\.contains\(target\)\),.shadow\),.shadow\)\.,.shadow\/,.shadow\/\<entry\>,.shadowOverride\),.shadowTagsFromScript\(script\)\){--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-md{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-xs{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.-translate-1\/2{--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-x-1\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-x-full{--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-y-1\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}.-translate-y-full{--un-translate-y:-100%;translate:var(--un-translate-x) var(--un-translate-y);}.translate-x-full{--un-translate-x:100%;translate:var(--un-translate-x) var(--un-translate-y);}.translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}.-rotate-90{rotate:-90deg;}.rotate-180,[dir="rtl"] .rtl\:rotate-180{rotate:180deg;}.scale-95{--un-scale-x:95%;--un-scale-y:95%;scale:var(--un-scale-x) var(--un-scale-y);}.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.after\:transition-opacity::after{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}.duration-100,.duration-100\.{--un-duration:100ms;transition-duration:100ms;}.duration-200{--un-duration:200ms;transition-duration:200ms;}.duration-300{--un-duration:300ms;transition-duration:300ms;}.duration-500{--un-duration:500ms;transition-duration:500ms;}.ease{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--un-ease:cubic-bezier(0.32,0.72,0,1);transition-timing-function:cubic-bezier(0.32,0.72,0,1);}.ease-linear{--un-ease:var(--ease-linear);transition-timing-function:var(--ease-linear);}.items-start{align-items:flex-start;}.items-center{align-items:center;}.inset-0{inset:calc(var(--spacing) * 0);}.before\:inset-2::before{inset:calc(var(--spacing) * 2);}.end-4{inset-inline-end:calc(var(--spacing) * 4);}.after\:end-\[-4px\]::after{inset-inline-end:-4px;}.inset-x-0{inset-inline:calc(var(--spacing) * 0);}.inset-y-0{inset-block:calc(var(--spacing) * 0);}.after\:inset-x-0::after{inset-inline:calc(var(--spacing) * 0);}.after\:inset-y-0::after{inset-block:calc(var(--spacing) * 0);}.bottom-\[-5px\]{bottom:-5px;}.bottom-0{bottom:calc(var(--spacing) * 0);}.left-0{left:calc(var(--spacing) * 0);}.left-1\/2{left:50%;}.right-0{right:calc(var(--spacing) * 0);}.top-0{top:calc(var(--spacing) * 0);}.top-1\/2{top:50%;}.top-4{top:calc(var(--spacing) * 4);}.after\:bottom-\[-5px\]::after{bottom:-5px;}.justify-start{justify-content:flex-start;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.place-items-center{place-items:center;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.after\:absolute::after{position:absolute;}.static{position:static;}.z-50{z-index:50;}.overflow-hidden{overflow:hidden;}.isolate{isolation:isolate;}.backdrop-blur-xs{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}.blur{--un-blur:blur(8px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}.filter{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}.table{display:table;}.table-row{display:table-row;}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}@media (forced-colors: active){.outline-hidden{outline:2px solid transparent;outline-offset:2px;}.focus-visible\:outline-hidden:focus-visible{outline:2px solid transparent;outline-offset:2px;}}@supports (color: color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}}@media (max-width: calc(48rem - 0.1px)){.max-md\:bg-black\/50\\r\\n{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent);}}@supports (color: color-mix(in lab, red, red)){@media (max-width: calc(48rem - 0.1px)){.max-md\:bg-black\/50\\r\\n{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent);}}}@media (min-width: 40rem){.sm\:flex-row{flex-direction:row;}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5);}.sm\:max-w-md{max-width:var(--container-md);}.sm\:justify-end{justify-content:flex-end;}.sm\:place-items-start{place-items:start;}}}
|
|
2
2
|
/* @mono-lit/helper theme entry.
|
|
3
3
|
The token layer is GENERATED from presets.json + vendor/basecoat/base/base.css
|
|
4
4
|
by scripts/theme-build.mjs (`pnpm theme:build`) — see generated/*.css headers.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mono-lit/helper",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "Lit web components (tables, forms, inputs, dialogs, charts) for Vue and Nuxt, with light-DOM and shadow-DOM builds.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lit",
|
|
@@ -312,8 +312,6 @@
|
|
|
312
312
|
"@floating-ui/core": "1.8.0",
|
|
313
313
|
"@floating-ui/dom": "1.8.0",
|
|
314
314
|
"@iconify/json": "2.2.505",
|
|
315
|
-
"@nuxt/kit": "4.6.1",
|
|
316
|
-
"@nuxt/schema": "4.6.1",
|
|
317
315
|
"@unocss/preset-web-fonts": "66.11.0",
|
|
318
316
|
"basecoat-css": "1.0.2",
|
|
319
317
|
"chart.js": "4.5.1",
|
|
@@ -334,7 +332,7 @@
|
|
|
334
332
|
"@tsdown/css": "0.23.1",
|
|
335
333
|
"postcss-import": "17.0.1",
|
|
336
334
|
"@mono-lit/devextreme": "0.0.2",
|
|
337
|
-
"@mono-lit/utility": "0.0.
|
|
335
|
+
"@mono-lit/utility": "0.0.3"
|
|
338
336
|
},
|
|
339
337
|
"dependencies": {
|
|
340
338
|
"@lit-labs/ssr": "3.2.2",
|
|
@@ -345,17 +343,19 @@
|
|
|
345
343
|
"jexl": "^2.3.0",
|
|
346
344
|
"lit": "3.3.3",
|
|
347
345
|
"magic-string": "^0.30.21",
|
|
348
|
-
"nuxt-ssr-lit": "1.6.33",
|
|
349
346
|
"p-debounce": "^5.1.0",
|
|
350
347
|
"p-throttle": "^8.1.0",
|
|
351
348
|
"remark": "^15.0.1",
|
|
352
349
|
"remark-gfm": "^4.0.1",
|
|
353
|
-
"unist-util-visit": "^5.1.0"
|
|
350
|
+
"unist-util-visit": "^5.1.0",
|
|
351
|
+
"@nuxt/kit": "^4.6.2",
|
|
352
|
+
"@nuxt/schema": "^4.6.2",
|
|
353
|
+
"@lit-labs/ssr-client": "^1.1.7",
|
|
354
|
+
"@webcomponents/template-shadowroot": "^0.2.1"
|
|
354
355
|
},
|
|
355
356
|
"peerDependencies": {
|
|
356
357
|
"@floating-ui/core": "^1.7.0",
|
|
357
358
|
"@floating-ui/dom": "^1.7.0",
|
|
358
|
-
"@nuxt/kit": ">=3",
|
|
359
359
|
"chart.js": "4.5.1",
|
|
360
360
|
"exceljs": ">=4",
|
|
361
361
|
"handlebars": ">=4",
|
|
@@ -372,9 +372,6 @@
|
|
|
372
372
|
"chart.js": {
|
|
373
373
|
"optional": true
|
|
374
374
|
},
|
|
375
|
-
"@nuxt/kit": {
|
|
376
|
-
"optional": true
|
|
377
|
-
},
|
|
378
375
|
"exceljs": {
|
|
379
376
|
"optional": true
|
|
380
377
|
},
|