@esportsplus/ui 0.51.6 → 0.53.0

package/build/components/tooltip/onclick.js

@@ -1,19 +1,19 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import { component } from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import { root } from '@esportsplus/ui';
-import template from '../../components/template/index.js';
-const template_0ff113fe0a6246fbbfe92857b2a0303c3c = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='tooltip'>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c3a extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+import root from '../root/index.js';
+const template_0p6u8352 = template_u1.template(`<div class='tooltip' >`);
+class ReactiveObject_0p6u8350 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
+        return reactivity_u0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
+        reactivity_u0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state', 'toggle'];
@@ -36,13 +36,13 @@ function frame() {
     }
     running = false;
 }
-export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c3a(), toggle = attributes.toggle || false;
+export default component((attributes, content) => {
+    let state = attributes.state || new ReactiveObject_0p6u8350(), toggle = attributes.toggle || false;
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c3b = template_0ff113fe0a6246fbbfe92857b2a0303c3c(), element_0ff113fe0a6246fbbfe92857b2a0303c3d = root_0ff113fe0a6246fbbfe92857b2a0303c3b.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c3d, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c3d, 'class', () => state.active && '--active');
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c3d, 'click', function (e) {
+        let root_0p6u8351 = template_0p6u8352(), element_0p6u8353 = root_0p6u8351.firstChild;
+        template_u1.setProperties(element_0p6u8353, omit(attributes, OMIT));
+        template_u1.setList(element_0p6u8353, 'class', () => state.active && '--active');
+        template_u1.delegate(element_0p6u8353, 'click', function (e) {
             let active = true, node = e.target;
             if (this === node || (toggle && this.contains(node))) {
                 active = !state.active;
@@ -70,7 +70,7 @@ export default template.factory((attributes, content) => {
                 scheduled = true;
             }
         });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c3d, content, 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c3b;
+        template_u1.slot(element_0p6u8353, content, 1);
+        return root_0p6u8351;
     })();
 });

package/build/components/tooltip/onhover.d.ts

@@ -1,20 +1,21 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
+import { Attributes } from '@esportsplus/template';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
-    <T extends template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
-    <T extends template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
-    (attributes: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
+        attributes?: Attributes | undefined;
+        content?: template_u1.Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
+    <T extends Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: template_u1.Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
+    <T extends template_u1.Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: template_u1.Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
+    (attributes: Attributes, content: template_u1.Renderable<any>): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: template_u1.Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
 };
 export default _default;

package/build/components/tooltip/onhover.js

@@ -1,34 +1,34 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import { component } from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
-const template_0ff113fe0a6246fbbfe92857b2a0303c3g = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='tooltip'>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c3e extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+const template_0bwku672 = template_u1.template(`<div class='tooltip' >`);
+class ReactiveObject_0bwku670 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
+        return reactivity_u0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
+        reactivity_u0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
-export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c3e();
+export default component((attributes, content) => {
+    let state = attributes.state || new ReactiveObject_0bwku670();
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c3f = template_0ff113fe0a6246fbbfe92857b2a0303c3g(), element_0ff113fe0a6246fbbfe92857b2a0303c3h = root_0ff113fe0a6246fbbfe92857b2a0303c3f.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c3h, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c3h, 'class', () => state.active && '--active');
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c3h, 'mouseover', () => {
+        let root_0bwku671 = template_0bwku672(), element_0bwku673 = root_0bwku671.firstChild;
+        template_u1.setProperties(element_0bwku673, omit(attributes, OMIT));
+        template_u1.setList(element_0bwku673, 'class', () => state.active && '--active');
+        template_u1.delegate(element_0bwku673, 'mouseover', () => {
             state.active = true;
         });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c3h, 'mouseout', () => {
+        template_u1.delegate(element_0bwku673, 'mouseout', () => {
             state.active = false;
         });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c3h, content, 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c3f;
+        template_u1.slot(element_0bwku673, content, 1);
+        return root_0bwku671;
     })();
 });

package/build/components/typewriter/index.d.ts

@@ -1,21 +1,21 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
+        attributes?: template_u1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: string[]) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
-    <T extends template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
+    }, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
+    <T extends template_u1.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_u1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: string[]) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
+    }, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
     <T extends string[]>(content: T): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
+        attributes?: template_u1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: string[]) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
-    (attributes: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes, content: string[]): ReturnType<(this: {
-        attributes?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes | undefined;
+    }, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
+    (attributes: template_u1.Attributes, content: string[]): ReturnType<(this: {
+        attributes?: template_u1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_0ff113fe0a6246fbbfe92857b2a0303c1.Attributes>, content: string[]) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
+    }, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
 };
 export default _default;

package/build/components/typewriter/index.js

@@ -1,27 +1,27 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
-import template from '../../components/template/index.js';
+import * as template_u1 from '@esportsplus/template';
+import { component } from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c3k = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='typewriter'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c3m = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(``);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c3i extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #text = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
+const template_1i9nt0y2 = template_u1.template(`<div class='typewriter' >`);
+const template_1i9nt0y4 = template_u1.template(``);
+class ReactiveObject_1i9nt0y0 extends reactivity_u0.ReactiveObject {
+    #text = this[reactivity_u0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get text() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#text);
+        return reactivity_u0.read(this.#text);
     }
     set text(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#text, _v0);
+        reactivity_u0.write(this.#text, _v0);
     }
 }
-const EMPTY_NODE = template_0ff113fe0a6246fbbfe92857b2a0303c3m();
-export default template.factory(function (_, content) {
-    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c3i();
+const EMPTY_NODE = template_1i9nt0y4();
+export default component(function (_, content) {
+    let state = new ReactiveObject_1i9nt0y0();
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c3j = template_0ff113fe0a6246fbbfe92857b2a0303c3k(), element_0ff113fe0a6246fbbfe92857b2a0303c3l = root_0ff113fe0a6246fbbfe92857b2a0303c3j.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.onconnect(element_0ff113fe0a6246fbbfe92857b2a0303c3l, () => {
+        let root_1i9nt0y1 = template_1i9nt0y2(), element_1i9nt0y3 = root_1i9nt0y1.firstChild;
+        template_u1.onconnect(element_1i9nt0y3, () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
                 setTimeout(() => {
@@ -50,7 +50,7 @@ export default template.factory(function (_, content) {
             }
             play();
         });
-        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c3l, () => state.text || EMPTY_NODE, 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c3j;
+        new template_u1.EffectSlot(element_1i9nt0y3, () => state.text || EMPTY_NODE, 1);
+        return root_1i9nt0y1;
     })();
 });

package/build/css-utilities/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {.--margin-border-width,.--margin-horizontal-border-width,.--margin-border-width-400,.--margin-horizontal-border-width-400,.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-500,.--margin-horizontal-border-width-500{--margin-horizontal:var(--border-width-500)}.--margin-border-width-600,.--margin-horizontal-border-width-600{--margin-horizontal:var(--border-width-600)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-700,.--margin-horizontal-border-width-700{--margin-horizontal:var(--border-width-700)}.--margin-spacer-100,.--margin-horizontal-spacer-100{--margin-horizontal:var(--spacer-100)}.--margin-spacer-200,.--margin-horizontal-spacer-200{--margin-horizontal:var(--spacer-200)}.--margin-spacer-300,.--margin-horizontal-spacer-300{--margin-horizontal:var(--spacer-300)}.--margin-spacer,.--margin-horizontal-spacer,.--margin-spacer-400,.--margin-horizontal-spacer-400,.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-500,.--margin-horizontal-spacer-500{--margin-horizontal:var(--spacer-500)}.--margin-spacer-600,.--margin-horizontal-spacer-600{--margin-horizontal:var(--spacer-600)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-700,.--margin-horizontal-spacer-700{--margin-horizontal:var(--spacer-700)}.--margin-100,.--margin-horizontal-100{--margin-horizontal:var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal:var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal:var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal:var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal:var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal:var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal:var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal:var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal:var(--size-900)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal:var(--size-0px)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal:inherit}.--margin-border-width,.--margin-vertical-border-width,.--margin-border-width-400,.--margin-vertical-border-width-400,.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-500,.--margin-vertical-border-width-500{--margin-vertical:var(--border-width-500)}.--margin-border-width-600,.--margin-vertical-border-width-600{--margin-vertical:var(--border-width-600)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-700,.--margin-vertical-border-width-700{--margin-vertical:var(--border-width-700)}.--margin-spacer-100,.--margin-vertical-spacer-100{--margin-vertical:var(--spacer-100)}.--margin-spacer-200,.--margin-vertical-spacer-200{--margin-vertical:var(--spacer-200)}.--margin-spacer-300,.--margin-vertical-spacer-300{--margin-vertical:var(--spacer-300)}.--margin-spacer,.--margin-vertical-spacer,.--margin-spacer-400,.--margin-vertical-spacer-400,.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-500,.--margin-vertical-spacer-500{--margin-vertical:var(--spacer-500)}.--margin-spacer-600,.--margin-vertical-spacer-600{--margin-vertical:var(--spacer-600)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-700,.--margin-vertical-spacer-700{--margin-vertical:var(--spacer-700)}.--margin-100,.--margin-vertical-100{--margin-vertical:var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical:var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical:var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical:var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical:var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical:var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical:var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical:var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical:var(--size-900)}.--margin-0px,.--margin-vertical-0px{--margin-vertical:var(--size-0px)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical:inherit}.--padding-border-width,.--padding-horizontal-border-width,.--padding-border-width-400,.--padding-horizontal-border-width-400,.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-500,.--padding-horizontal-border-width-500{--padding-horizontal:var(--border-width-500)}.--padding-border-width-600,.--padding-horizontal-border-width-600{--padding-horizontal:var(--border-width-600)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-700,.--padding-horizontal-border-width-700{--padding-horizontal:var(--border-width-700)}.--padding-spacer-100,.--padding-horizontal-spacer-100{--padding-horizontal:var(--spacer-100)}.--padding-spacer-200,.--padding-horizontal-spacer-200{--padding-horizontal:var(--spacer-200)}.--padding-spacer-300,.--padding-horizontal-spacer-300{--padding-horizontal:var(--spacer-300)}.--padding-spacer,.--padding-horizontal-spacer,.--padding-spacer-400,.--padding-horizontal-spacer-400,.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-500,.--padding-horizontal-spacer-500{--padding-horizontal:var(--spacer-500)}.--padding-spacer-600,.--padding-horizontal-spacer-600{--padding-horizontal:var(--spacer-600)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-700,.--padding-horizontal-spacer-700{--padding-horizontal:var(--spacer-700)}.--padding-100,.--padding-horizontal-100{--padding-horizontal:var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal:var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal:var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal:var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal:var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal:var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal:var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal:var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal:var(--size-900)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal:var(--size-0px)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal:inherit}.--padding-border-width,.--padding-vertical-border-width,.--padding-border-width-400,.--padding-vertical-border-width-400,.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-500,.--padding-vertical-border-width-500{--padding-vertical:var(--border-width-500)}.--padding-border-width-600,.--padding-vertical-border-width-600{--padding-vertical:var(--border-width-600)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-700,.--padding-vertical-border-width-700{--padding-vertical:var(--border-width-700)}.--padding-spacer-100,.--padding-vertical-spacer-100{--padding-vertical:var(--spacer-100)}.--padding-spacer-200,.--padding-vertical-spacer-200{--padding-vertical:var(--spacer-200)}.--padding-spacer-300,.--padding-vertical-spacer-300{--padding-vertical:var(--spacer-300)}.--padding-spacer,.--padding-vertical-spacer,.--padding-spacer-400,.--padding-vertical-spacer-400,.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-500,.--padding-vertical-spacer-500{--padding-vertical:var(--spacer-500)}.--padding-spacer-600,.--padding-vertical-spacer-600{--padding-vertical:var(--spacer-600)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-700,.--padding-vertical-spacer-700{--padding-vertical:var(--spacer-700)}.--padding-100,.--padding-vertical-100{--padding-vertical:var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical:var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical:var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical:var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical:var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical:var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical:var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical:var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical:var(--size-900)}.--padding-0px,.--padding-vertical-0px{--padding-vertical:var(--size-0px)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical:inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal:auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical:auto}.--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}.--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translate(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.--absolute-full{position:absolute;inset:0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto}.--background-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state.--active{--background:var(--background-active)}.--background-state:not(.--active):hover{--background:var(--background-hover)}.--background-state:not(.--active):active{--background:var(--background-pressed)}.--background-primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-400);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.--background-secondary{--background-active:var(--color-secondary-300);--background-default:var(--color-secondary-400);--background-hover:var(--color-secondary-300);--background-pressed:var(--color-secondary-500)}.--background-black{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500)}.--background-blue{--background-active:var(--color-blue-300);--background-default:var(--color-blue-400);--background-hover:var(--color-blue-300);--background-pressed:var(--color-blue-500)}.--background-border{--background-active:var(--color-border-300);--background-default:var(--color-border-400);--background-hover:var(--color-border-300);--background-pressed:var(--color-border-500)}.--background-green{--background-active:var(--color-green-300);--background-default:var(--color-green-400);--background-hover:var(--color-green-300);--background-pressed:var(--color-green-500)}.--background-grey{--background-active:var(--color-grey-300);--background-default:var(--color-grey-400);--background-hover:var(--color-grey-300);--background-pressed:var(--color-grey-500)}.--background-purple{--background-active:var(--color-purple-300);--background-default:var(--color-purple-400);--background-hover:var(--color-purple-300);--background-pressed:var(--color-purple-500)}.--background-red{--background-active:var(--color-red-300);--background-default:var(--color-red-400);--background-hover:var(--color-red-300);--background-pressed:var(--color-red-500)}.--background-text{--background-active:var(--color-text-300);--background-default:var(--color-text-400);--background-hover:var(--color-text-300);--background-pressed:var(--color-text-500)}.--background-white{--background-active:var(--color-white-300);--background-default:var(--color-white-400);--background-hover:var(--color-white-300);--background-pressed:var(--color-white-500)}.--background-yellow{--background-active:var(--color-yellow-300);--background-default:var(--color-yellow-400);--background-hover:var(--color-yellow-300);--background-pressed:var(--color-yellow-500)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-style:solid;--border-width:var(--border-width-400)}.--border-dashed{--border-style:dashed}.--border-dotted{--border-style:dotted}.--border-radius{--border-radius:var(--border-radius-400)}.--border-radius-100{--border-radius:var(--border-radius-100)}.--border-radius-200{--border-radius:var(--border-radius-200)}.--border-radius-300{--border-radius:var(--border-radius-300)}.--border-radius-400{--border-radius:var(--border-radius-400)}.--border-radius-500{--border-radius:var(--border-radius-500)}.--border-radius-600{--border-radius:var(--border-radius-600)}.--border-radius-700{--border-radius:var(--border-radius-700)}.--border-radius-800{--border-radius:var(--border-radius-800)}.--border-radius-0px{--border-radius:var(--border-radius-0px)}.--border-radius-circle{--border-radius:var(--border-radius-circle)}.--border-radius-curved{--border-radius:var(--border-radius-curved)}.--border-default{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--border-state{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:transparent;--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--border-state.--active{--border-color:var(--border-color-active)}.--border-state:not(.--active):hover{--border-color:var(--border-color-hover)}.--border-state:not(.--active):active{--border-color:var(--border-color-pressed)}.--border-width,.--border-width-400{--border-width:var(--border-width-400)}.--border-width-500{--border-width:var(--border-width-500)}.--border-width-600{--border-width:var(--border-width-600)}.--border-width-700{--border-width:var(--border-width-700)}.--border-primary{--border-color-active:var(--color-primary-300);--border-color-default:var(--color-primary-400);--border-color-hover:var(--color-primary-300);--border-color-pressed:var(--color-primary-500)}.--border-secondary{--border-color-active:var(--color-secondary-300);--border-color-default:var(--color-secondary-400);--border-color-hover:var(--color-secondary-300);--border-color-pressed:var(--color-secondary-500)}.--border-black{--border-color-active:var(--color-black-300);--border-color-default:var(--color-black-400);--border-color-hover:var(--color-black-300);--border-color-pressed:var(--color-black-500)}.--border-blue{--border-color-active:var(--color-blue-300);--border-color-default:var(--color-blue-400);--border-color-hover:var(--color-blue-300);--border-color-pressed:var(--color-blue-500)}.--border-border{--border-color-active:var(--color-border-300);--border-color-default:var(--color-border-400);--border-color-hover:var(--color-border-300);--border-color-pressed:var(--color-border-500)}.--border-green{--border-color-active:var(--color-green-300);--border-color-default:var(--color-green-400);--border-color-hover:var(--color-green-300);--border-color-pressed:var(--color-green-500)}.--border-grey{--border-color-active:var(--color-grey-300);--border-color-default:var(--color-grey-400);--border-color-hover:var(--color-grey-300);--border-color-pressed:var(--color-grey-500)}.--border-purple{--border-color-active:var(--color-purple-300);--border-color-default:var(--color-purple-400);--border-color-hover:var(--color-purple-300);--border-color-pressed:var(--color-purple-500)}.--border-red{--border-color-active:var(--color-red-300);--border-color-default:var(--color-red-400);--border-color-hover:var(--color-red-300);--border-color-pressed:var(--color-red-500)}.--border-text{--border-color-active:var(--color-text-300);--border-color-default:var(--color-text-400);--border-color-hover:var(--color-text-300);--border-color-pressed:var(--color-text-500)}.--border-white{--border-color-active:var(--color-white-300);--border-color-default:var(--color-white-400);--border-color-hover:var(--color-white-300);--border-color-pressed:var(--color-white-500)}.--border-yellow{--border-color-active:var(--color-yellow-300);--border-color-default:var(--color-yellow-400);--border-color-hover:var(--color-yellow-300);--border-color-pressed:var(--color-yellow-500)}.--border{border:var(--border-width) var(--border-style) var(--border-color)}.--border-bottom{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.--border-left{border-left:var(--border-width) var(--border-style) var(--border-color)}.--border-right{border-right:var(--border-width) var(--border-style) var(--border-color)}.--border-top{border-top:var(--border-width) var(--border-style) var(--border-color)}.--border-offset-bottom{margin-bottom:calc(var(--border-width) * -1)}.--border-offset-left{margin-left:calc(var(--border-width) * -1)}.--border-offset-right{margin-right:calc(var(--border-width) * -1)}.--border-offset-top{margin-top:calc(var(--border-width) * -1)}.--border-radius{border-radius:var(--border-radius)}.--border-radius-circle{aspect-ratio:1}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--color-inherit{--color:inherit}.--color-state{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--color-state.--active{--color:var(--color-active)}.--color-state:not(.--active):hover{--color:var(--color-hover)}.--color-state:not(.--active):active{--color:var(--color-pressed)}.--color-primary{--color-active:var(--color-primary-300);--color-default:var(--color-primary-400);--color-hover:var(--color-primary-300);--color-pressed:var(--color-primary-500)}.--color-secondary{--color-active:var(--color-secondary-300);--color-default:var(--color-secondary-400);--color-hover:var(--color-secondary-300);--color-pressed:var(--color-secondary-500)}.--color-black{--color-active:var(--color-black-300);--color-default:var(--color-black-400);--color-hover:var(--color-black-300);--color-pressed:var(--color-black-500)}.--color-blue{--color-active:var(--color-blue-300);--color-default:var(--color-blue-400);--color-hover:var(--color-blue-300);--color-pressed:var(--color-blue-500)}.--color-border{--color-active:var(--color-border-300);--color-default:var(--color-border-400);--color-hover:var(--color-border-300);--color-pressed:var(--color-border-500)}.--color-green{--color-active:var(--color-green-300);--color-default:var(--color-green-400);--color-hover:var(--color-green-300);--color-pressed:var(--color-green-500)}.--color-grey{--color-active:var(--color-grey-300);--color-default:var(--color-grey-400);--color-hover:var(--color-grey-300);--color-pressed:var(--color-grey-500)}.--color-purple{--color-active:var(--color-purple-300);--color-default:var(--color-purple-400);--color-hover:var(--color-purple-300);--color-pressed:var(--color-purple-500)}.--color-red{--color-active:var(--color-red-300);--color-default:var(--color-red-400);--color-hover:var(--color-red-300);--color-pressed:var(--color-red-500)}.--color-text{--color-active:var(--color-text-300);--color-default:var(--color-text-400);--color-hover:var(--color-text-300);--color-pressed:var(--color-text-500)}.--color-white{--color-active:var(--color-white-300);--color-default:var(--color-white-400);--color-hover:var(--color-white-300);--color-pressed:var(--color-white-500)}.--color-yellow{--color-active:var(--color-yellow-300);--color-default:var(--color-yellow-400);--color-hover:var(--color-yellow-300);--color-pressed:var(--color-yellow-500)}.--disabled{opacity:.64;pointer-events:none}.--error{animation:error var(--animation-duration) 1 linear}@keyframes error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}.--flex-center,.--flex-column,.--flex-end,.--flex-horizontal,.--flex-horizontal-space-between,.--flex-row,.--flex-start,.--flex-vertical,.--flex-vertical-space-between{--gap-horizontal:0px;--gap-vertical:0px}.--flex-center,.--flex-end,.--flex-horizontal,.--flex-start,.--flex-vertical{gap:var(--gap-vertical) var(--gap-horizontal);flex-flow:wrap;display:flex}.--flex-center,.--flex-horizontal{justify-content:center}.--flex-center,.--flex-vertical{align-items:center}.--flex-column,.--flex-fill,.--flex-fixed,.--flex-row{display:flex}.--flex-column{gap:var(--gap-vertical) 0px;flex-flow:column}.--flex-end{justify-content:flex-end}.--flex-fill{flex:1;min-width:0}.--flex-fixed{flex:0 0 var(--width)}.--flex-row{gap:0px var(--gap-horizontal);flex-flow:row}.--flex-start{justify-content:flex-start}.--flicker{--from:0;--to:1;--transition-duration:1s;animation:flicker var(--transition-duration) ease-in-out infinite}@keyframes flicker{0%,to{opacity:var(--from)}50%{opacity:var(--to)}}.--focus-active>*{--opacity:.24}.--focus-active:has(>.--active)>:not(.--active){opacity:var(--opacity)}.--gap-border-width,.--gap-horizontal-border-width,.--gap-border-width-400,.--gap-horizontal-border-width-400,.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-500,.--gap-horizontal-border-width-500{--gap-horizontal:var(--border-width-500)}.--gap-border-width-600,.--gap-horizontal-border-width-600{--gap-horizontal:var(--border-width-600)}.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-700,.--gap-horizontal-border-width-700{--gap-horizontal:var(--border-width-700)}.--gap-spacer-100,.--gap-horizontal-spacer-100{--gap-horizontal:var(--spacer-100)}.--gap-spacer-200,.--gap-horizontal-spacer-200{--gap-horizontal:var(--spacer-200)}.--gap-spacer-300,.--gap-horizontal-spacer-300{--gap-horizontal:var(--spacer-300)}.--gap-spacer,.--gap-horizontal-spacer,.--gap-spacer-400,.--gap-horizontal-spacer-400,.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-500,.--gap-horizontal-spacer-500{--gap-horizontal:var(--spacer-500)}.--gap-spacer-600,.--gap-horizontal-spacer-600{--gap-horizontal:var(--spacer-600)}.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-700,.--gap-horizontal-spacer-700{--gap-horizontal:var(--spacer-700)}.--gap-100,.--gap-horizontal-100{--gap-horizontal:var(--size-100)}.--gap-200,.--gap-horizontal-200{--gap-horizontal:var(--size-200)}.--gap-300,.--gap-horizontal-300{--gap-horizontal:var(--size-300)}.--gap-400,.--gap-horizontal-400{--gap-horizontal:var(--size-400)}.--gap-500,.--gap-horizontal-500{--gap-horizontal:var(--size-500)}.--gap-600,.--gap-horizontal-600{--gap-horizontal:var(--size-600)}.--gap-700,.--gap-horizontal-700{--gap-horizontal:var(--size-700)}.--gap-800,.--gap-horizontal-800{--gap-horizontal:var(--size-800)}.--gap-900,.--gap-horizontal-900{--gap-horizontal:var(--size-900)}.--gap-0px,.--gap-horizontal-0px{--gap-horizontal:var(--size-0px)}.--gap-inherit,.--gap-horizontal-inherit{--gap-horizontal:inherit}.--gap-border-width,.--gap-vertical-border-width,.--gap-border-width-400,.--gap-vertical-border-width-400,.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-500,.--gap-vertical-border-width-500{--gap-vertical:var(--border-width-500)}.--gap-border-width-600,.--gap-vertical-border-width-600{--gap-vertical:var(--border-width-600)}.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-700,.--gap-vertical-border-width-700{--gap-vertical:var(--border-width-700)}.--gap-spacer-100,.--gap-vertical-spacer-100{--gap-vertical:var(--spacer-100)}.--gap-spacer-200,.--gap-vertical-spacer-200{--gap-vertical:var(--spacer-200)}.--gap-spacer-300,.--gap-vertical-spacer-300{--gap-vertical:var(--spacer-300)}.--gap-spacer,.--gap-vertical-spacer,.--gap-spacer-400,.--gap-vertical-spacer-400,.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-500,.--gap-vertical-spacer-500{--gap-vertical:var(--spacer-500)}.--gap-spacer-600,.--gap-vertical-spacer-600{--gap-vertical:var(--spacer-600)}.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-700,.--gap-vertical-spacer-700{--gap-vertical:var(--spacer-700)}.--gap-100,.--gap-vertical-100{--gap-vertical:var(--size-100)}.--gap-200,.--gap-vertical-200{--gap-vertical:var(--size-200)}.--gap-300,.--gap-vertical-300{--gap-vertical:var(--size-300)}.--gap-400,.--gap-vertical-400{--gap-vertical:var(--size-400)}.--gap-500,.--gap-vertical-500{--gap-vertical:var(--size-500)}.--gap-600,.--gap-vertical-600{--gap-vertical:var(--size-600)}.--gap-700,.--gap-vertical-700{--gap-vertical:var(--size-700)}.--gap-800,.--gap-vertical-800{--gap-vertical:var(--size-800)}.--gap-900,.--gap-vertical-900{--gap-vertical:var(--size-900)}.--gap-0px,.--gap-vertical-0px{--gap-vertical:var(--size-0px)}.--gap-inherit,.--gap-vertical-inherit{--gap-vertical:inherit}.--gap{gap:var(--gap-vertical) var(--gap-horizontal)}.--gap-horizontal{gap:0px var(--gap-horizontal)}.--gap-vertical{gap:var(--gap-vertical) 0px}.--glass{--blur:24px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.--hidden,.--hidden-active.--active,.--hidden-inactive:not(.--active){display:none}.--hidden-offcanvas{appearance:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}.--inline{font-size:inherit;line-height:inherit;margin:0;padding:0;display:inline}.--line-height-100{--line-height:var(--line-height-100)}.--line-height-200{--line-height:var(--line-height-200)}.--line-height-300{--line-height:var(--line-height-300)}.--line-height-400{--line-height:var(--line-height-400)}.--not-allowed{cursor:not-allowed}.--not-allowed *,.--pointer-none{pointer-events:none}.--scroller{--gap-vertical:0px;--margin-vertical:0px;margin-bottom:calc(var(--scrollbar-width) * -1);padding-bottom:var(--scrollbar-width);flex-flow:row;overflow-y:hidden}.--skeleton{--animation-duration:4.8s;animation:var(--animation-duration) linear infinite skeleton;background-image:linear-gradient(270deg, var(--from), var(--to), var(--to), var(--from));color:#0000;pointer-events:none;background-size:400% 100%}.--skeleton *{opacity:0}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.--size{--size:var(--size-400)}.--size-100{--size:var(--size-100)}.--size-200{--size:var(--size-200)}.--size-300{--size:var(--size-300)}.--size-400{--size:var(--size-400)}.--size-500{--size:var(--size-500)}.--size-600{--size:var(--size-600)}.--size-700{--size:var(--size-700)}.--size-800{--size:var(--size-800)}.--size-900{--size:var(--size-900)}.--size-0px{--size:var(--size-0px)}.--text-100{--font-size:var(--font-size-100)}.--text-200{--font-size:var(--font-size-200)}.--text-300{--font-size:var(--font-size-300)}.--text-400{--font-size:var(--font-size-400)}.--text-500{--font-size:var(--font-size-500)}.--text-600{--font-size:var(--font-size-600)}.--text-700{--font-size:var(--font-size-700)}.--text-800{--font-size:var(--font-size-800)}.--text-900{--font-size:var(--font-size-900)}.--text-line-through,.--text-line-through-400{--line-width:var(--border-width-400)}.--text-line-through-500{--line-width:var(--border-width-500)}.--text-line-through-600{--line-width:var(--border-width-600)}.--text-line-through-700{--line-width:var(--border-width-700)}.--text-outline{--color:inherit;--stroke-width:var(--border-width-400)}.--text-outline-400{--stroke-width:var(--border-width-400)}.--text-outline-500{--stroke-width:var(--border-width-500)}.--text-outline-600{--stroke-width:var(--border-width-600)}.--text-outline-700{--stroke-width:var(--border-width-700)}.--text-bold{font-weight:var(--font-weight-500)}.--text-bold-600{font-weight:var(--font-weight-600)}.--text-center{text-align:center}.--text-crop:after,.--text-crop:before,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after,.--text-crop-top:before,.--text-crop-first-child:first-child:before{content:"";width:100%;height:0;display:block}.--text-crop:after,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after{margin-bottom:calc((1 - var(--line-height)) * .618em)}.--text-crop:before,.--text-crop-top:before,.--text-crop-first-child:first-child:before{margin-top:calc((1 - var(--line-height)) * .618em)}.--text-italic{font-style:italic}.--text-line-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--text-multiplier{font-size:calc(var(--font-size) * var(--text-multiplier))}.--text-outline{color:var(--color);word-break:break-word;word-wrap:break-word}@supports (-webkit-text-stroke-width:1px){.--text-outline{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-truncate{line-height:var(--size);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.--text-underline{text-decoration:underline}.--text-underline-dotted{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.--text-uppercase{text-transform:uppercase}.--viewport{height:calc(100svh - var(--margin-vertical,0px) * 2);width:calc(100vw - var(--margin-horizontal,0px) * 2);overflow:hidden}.--width-full{--width:100%}.--width-half{--width:50%}.--width{width:var(--width)}}
+@layer css-utilities {.--margin-border-width,.--margin-horizontal-border-width,.--margin-border-width-400,.--margin-horizontal-border-width-400,.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-500,.--margin-horizontal-border-width-500{--margin-horizontal:var(--border-width-500)}.--margin-border-width-600,.--margin-horizontal-border-width-600{--margin-horizontal:var(--border-width-600)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-700,.--margin-horizontal-border-width-700{--margin-horizontal:var(--border-width-700)}.--margin-spacer-100,.--margin-horizontal-spacer-100{--margin-horizontal:var(--spacer-100)}.--margin-spacer-200,.--margin-horizontal-spacer-200{--margin-horizontal:var(--spacer-200)}.--margin-spacer-300,.--margin-horizontal-spacer-300{--margin-horizontal:var(--spacer-300)}.--margin-spacer,.--margin-horizontal-spacer,.--margin-spacer-400,.--margin-horizontal-spacer-400,.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-500,.--margin-horizontal-spacer-500{--margin-horizontal:var(--spacer-500)}.--margin-spacer-600,.--margin-horizontal-spacer-600{--margin-horizontal:var(--spacer-600)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-700,.--margin-horizontal-spacer-700{--margin-horizontal:var(--spacer-700)}.--margin-100,.--margin-horizontal-100{--margin-horizontal:var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal:var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal:var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal:var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal:var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal:var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal:var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal:var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal:var(--size-900)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal:var(--size-0px)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal:inherit}.--margin-border-width,.--margin-vertical-border-width,.--margin-border-width-400,.--margin-vertical-border-width-400,.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-500,.--margin-vertical-border-width-500{--margin-vertical:var(--border-width-500)}.--margin-border-width-600,.--margin-vertical-border-width-600{--margin-vertical:var(--border-width-600)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-700,.--margin-vertical-border-width-700{--margin-vertical:var(--border-width-700)}.--margin-spacer-100,.--margin-vertical-spacer-100{--margin-vertical:var(--spacer-100)}.--margin-spacer-200,.--margin-vertical-spacer-200{--margin-vertical:var(--spacer-200)}.--margin-spacer-300,.--margin-vertical-spacer-300{--margin-vertical:var(--spacer-300)}.--margin-spacer,.--margin-vertical-spacer,.--margin-spacer-400,.--margin-vertical-spacer-400,.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-500,.--margin-vertical-spacer-500{--margin-vertical:var(--spacer-500)}.--margin-spacer-600,.--margin-vertical-spacer-600{--margin-vertical:var(--spacer-600)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-700,.--margin-vertical-spacer-700{--margin-vertical:var(--spacer-700)}.--margin-100,.--margin-vertical-100{--margin-vertical:var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical:var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical:var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical:var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical:var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical:var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical:var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical:var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical:var(--size-900)}.--margin-0px,.--margin-vertical-0px{--margin-vertical:var(--size-0px)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical:inherit}.--padding-border-width,.--padding-horizontal-border-width,.--padding-border-width-400,.--padding-horizontal-border-width-400,.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-500,.--padding-horizontal-border-width-500{--padding-horizontal:var(--border-width-500)}.--padding-border-width-600,.--padding-horizontal-border-width-600{--padding-horizontal:var(--border-width-600)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-700,.--padding-horizontal-border-width-700{--padding-horizontal:var(--border-width-700)}.--padding-spacer-100,.--padding-horizontal-spacer-100{--padding-horizontal:var(--spacer-100)}.--padding-spacer-200,.--padding-horizontal-spacer-200{--padding-horizontal:var(--spacer-200)}.--padding-spacer-300,.--padding-horizontal-spacer-300{--padding-horizontal:var(--spacer-300)}.--padding-spacer,.--padding-horizontal-spacer,.--padding-spacer-400,.--padding-horizontal-spacer-400,.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-500,.--padding-horizontal-spacer-500{--padding-horizontal:var(--spacer-500)}.--padding-spacer-600,.--padding-horizontal-spacer-600{--padding-horizontal:var(--spacer-600)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-700,.--padding-horizontal-spacer-700{--padding-horizontal:var(--spacer-700)}.--padding-100,.--padding-horizontal-100{--padding-horizontal:var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal:var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal:var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal:var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal:var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal:var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal:var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal:var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal:var(--size-900)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal:var(--size-0px)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal:inherit}.--padding-border-width,.--padding-vertical-border-width,.--padding-border-width-400,.--padding-vertical-border-width-400,.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-500,.--padding-vertical-border-width-500{--padding-vertical:var(--border-width-500)}.--padding-border-width-600,.--padding-vertical-border-width-600{--padding-vertical:var(--border-width-600)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-700,.--padding-vertical-border-width-700{--padding-vertical:var(--border-width-700)}.--padding-spacer-100,.--padding-vertical-spacer-100{--padding-vertical:var(--spacer-100)}.--padding-spacer-200,.--padding-vertical-spacer-200{--padding-vertical:var(--spacer-200)}.--padding-spacer-300,.--padding-vertical-spacer-300{--padding-vertical:var(--spacer-300)}.--padding-spacer,.--padding-vertical-spacer,.--padding-spacer-400,.--padding-vertical-spacer-400,.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-500,.--padding-vertical-spacer-500{--padding-vertical:var(--spacer-500)}.--padding-spacer-600,.--padding-vertical-spacer-600{--padding-vertical:var(--spacer-600)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-700,.--padding-vertical-spacer-700{--padding-vertical:var(--spacer-700)}.--padding-100,.--padding-vertical-100{--padding-vertical:var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical:var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical:var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical:var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical:var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical:var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical:var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical:var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical:var(--size-900)}.--padding-0px,.--padding-vertical-0px{--padding-vertical:var(--size-0px)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical:inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal:auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical:auto}.--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}.--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translate(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.--absolute-full{position:absolute;inset:0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto}.--background-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state.--active{--background:var(--background-active)}.--background-state:not(.--active):hover{--background:var(--background-hover)}.--background-state:not(.--active):active{--background:var(--background-pressed)}.--background-primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-400);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.--background-secondary{--background-active:var(--color-secondary-300);--background-default:var(--color-secondary-400);--background-hover:var(--color-secondary-300);--background-pressed:var(--color-secondary-500)}.--background-black{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500)}.--background-blue{--background-active:var(--color-blue-300);--background-default:var(--color-blue-400);--background-hover:var(--color-blue-300);--background-pressed:var(--color-blue-500)}.--background-border{--background-active:var(--color-border-300);--background-default:var(--color-border-400);--background-hover:var(--color-border-300);--background-pressed:var(--color-border-500)}.--background-green{--background-active:var(--color-green-300);--background-default:var(--color-green-400);--background-hover:var(--color-green-300);--background-pressed:var(--color-green-500)}.--background-grey{--background-active:var(--color-grey-300);--background-default:var(--color-grey-400);--background-hover:var(--color-grey-300);--background-pressed:var(--color-grey-500)}.--background-purple{--background-active:var(--color-purple-300);--background-default:var(--color-purple-400);--background-hover:var(--color-purple-300);--background-pressed:var(--color-purple-500)}.--background-red{--background-active:var(--color-red-300);--background-default:var(--color-red-400);--background-hover:var(--color-red-300);--background-pressed:var(--color-red-500)}.--background-text{--background-active:var(--color-text-300);--background-default:var(--color-text-400);--background-hover:var(--color-text-300);--background-pressed:var(--color-text-500)}.--background-white{--background-active:var(--color-white-300);--background-default:var(--color-white-400);--background-hover:var(--color-white-300);--background-pressed:var(--color-white-500)}.--background-yellow{--background-active:var(--color-yellow-300);--background-default:var(--color-yellow-400);--background-hover:var(--color-yellow-300);--background-pressed:var(--color-yellow-500)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-style:solid;--border-width:var(--border-width-400)}.--border-dashed{--border-style:dashed}.--border-dotted{--border-style:dotted}.--border-radius{--border-radius:var(--border-radius-400)}.--border-radius-100{--border-radius:var(--border-radius-100)}.--border-radius-200{--border-radius:var(--border-radius-200)}.--border-radius-300{--border-radius:var(--border-radius-300)}.--border-radius-400{--border-radius:var(--border-radius-400)}.--border-radius-500{--border-radius:var(--border-radius-500)}.--border-radius-600{--border-radius:var(--border-radius-600)}.--border-radius-700{--border-radius:var(--border-radius-700)}.--border-radius-800{--border-radius:var(--border-radius-800)}.--border-radius-0px{--border-radius:var(--border-radius-0px)}.--border-radius-circle{--border-radius:var(--border-radius-circle)}.--border-radius-curved{--border-radius:var(--border-radius-curved)}.--border-default{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--border-state{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:transparent;--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--border-state.--active{--border-color:var(--border-color-active)}.--border-state:not(.--active):hover{--border-color:var(--border-color-hover)}.--border-state:not(.--active):active{--border-color:var(--border-color-pressed)}.--border-width,.--border-width-400{--border-width:var(--border-width-400)}.--border-width-500{--border-width:var(--border-width-500)}.--border-width-600{--border-width:var(--border-width-600)}.--border-width-700{--border-width:var(--border-width-700)}.--border-primary{--border-color-active:var(--color-primary-300);--border-color-default:var(--color-primary-400);--border-color-hover:var(--color-primary-300);--border-color-pressed:var(--color-primary-500)}.--border-secondary{--border-color-active:var(--color-secondary-300);--border-color-default:var(--color-secondary-400);--border-color-hover:var(--color-secondary-300);--border-color-pressed:var(--color-secondary-500)}.--border-black{--border-color-active:var(--color-black-300);--border-color-default:var(--color-black-400);--border-color-hover:var(--color-black-300);--border-color-pressed:var(--color-black-500)}.--border-blue{--border-color-active:var(--color-blue-300);--border-color-default:var(--color-blue-400);--border-color-hover:var(--color-blue-300);--border-color-pressed:var(--color-blue-500)}.--border-border{--border-color-active:var(--color-border-300);--border-color-default:var(--color-border-400);--border-color-hover:var(--color-border-300);--border-color-pressed:var(--color-border-500)}.--border-green{--border-color-active:var(--color-green-300);--border-color-default:var(--color-green-400);--border-color-hover:var(--color-green-300);--border-color-pressed:var(--color-green-500)}.--border-grey{--border-color-active:var(--color-grey-300);--border-color-default:var(--color-grey-400);--border-color-hover:var(--color-grey-300);--border-color-pressed:var(--color-grey-500)}.--border-purple{--border-color-active:var(--color-purple-300);--border-color-default:var(--color-purple-400);--border-color-hover:var(--color-purple-300);--border-color-pressed:var(--color-purple-500)}.--border-red{--border-color-active:var(--color-red-300);--border-color-default:var(--color-red-400);--border-color-hover:var(--color-red-300);--border-color-pressed:var(--color-red-500)}.--border-text{--border-color-active:var(--color-text-300);--border-color-default:var(--color-text-400);--border-color-hover:var(--color-text-300);--border-color-pressed:var(--color-text-500)}.--border-white{--border-color-active:var(--color-white-300);--border-color-default:var(--color-white-400);--border-color-hover:var(--color-white-300);--border-color-pressed:var(--color-white-500)}.--border-yellow{--border-color-active:var(--color-yellow-300);--border-color-default:var(--color-yellow-400);--border-color-hover:var(--color-yellow-300);--border-color-pressed:var(--color-yellow-500)}.--border{border:var(--border-width) var(--border-style) var(--border-color)}.--border-bottom{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.--border-left{border-left:var(--border-width) var(--border-style) var(--border-color)}.--border-right{border-right:var(--border-width) var(--border-style) var(--border-color)}.--border-top{border-top:var(--border-width) var(--border-style) var(--border-color)}.--border-offset-bottom{margin-bottom:calc(var(--border-width) * -1)}.--border-offset-left{margin-left:calc(var(--border-width) * -1)}.--border-offset-right{margin-right:calc(var(--border-width) * -1)}.--border-offset-top{margin-top:calc(var(--border-width) * -1)}.--border-radius{border-radius:var(--border-radius)}.--border-radius-circle{aspect-ratio:1}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--color-inherit{--color:inherit}.--color-state{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--color-state.--active{--color:var(--color-active)}.--color-state:not(.--active):hover{--color:var(--color-hover)}.--color-state:not(.--active):active{--color:var(--color-pressed)}.--color-primary{--color-active:var(--color-primary-300);--color-default:var(--color-primary-400);--color-hover:var(--color-primary-300);--color-pressed:var(--color-primary-500)}.--color-secondary{--color-active:var(--color-secondary-300);--color-default:var(--color-secondary-400);--color-hover:var(--color-secondary-300);--color-pressed:var(--color-secondary-500)}.--color-black{--color-active:var(--color-black-300);--color-default:var(--color-black-400);--color-hover:var(--color-black-300);--color-pressed:var(--color-black-500)}.--color-blue{--color-active:var(--color-blue-300);--color-default:var(--color-blue-400);--color-hover:var(--color-blue-300);--color-pressed:var(--color-blue-500)}.--color-border{--color-active:var(--color-border-300);--color-default:var(--color-border-400);--color-hover:var(--color-border-300);--color-pressed:var(--color-border-500)}.--color-green{--color-active:var(--color-green-300);--color-default:var(--color-green-400);--color-hover:var(--color-green-300);--color-pressed:var(--color-green-500)}.--color-grey{--color-active:var(--color-grey-300);--color-default:var(--color-grey-400);--color-hover:var(--color-grey-300);--color-pressed:var(--color-grey-500)}.--color-purple{--color-active:var(--color-purple-300);--color-default:var(--color-purple-400);--color-hover:var(--color-purple-300);--color-pressed:var(--color-purple-500)}.--color-red{--color-active:var(--color-red-300);--color-default:var(--color-red-400);--color-hover:var(--color-red-300);--color-pressed:var(--color-red-500)}.--color-text{--color-active:var(--color-text-300);--color-default:var(--color-text-400);--color-hover:var(--color-text-300);--color-pressed:var(--color-text-500)}.--color-white{--color-active:var(--color-white-300);--color-default:var(--color-white-400);--color-hover:var(--color-white-300);--color-pressed:var(--color-white-500)}.--color-yellow{--color-active:var(--color-yellow-300);--color-default:var(--color-yellow-400);--color-hover:var(--color-yellow-300);--color-pressed:var(--color-yellow-500)}.--disabled{opacity:.64;pointer-events:none}.--error{animation:error var(--animation-duration) 1 linear}@keyframes error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}.--flex-center,.--flex-column,.--flex-end,.--flex-horizontal,.--flex-horizontal-space-between,.--flex-row,.--flex-start,.--flex-vertical,.--flex-vertical-space-between{--gap-horizontal:0px;--gap-vertical:0px}.--flex-center,.--flex-end,.--flex-horizontal,.--flex-start,.--flex-vertical{gap:var(--gap-vertical) var(--gap-horizontal);flex-flow:wrap;display:flex}.--flex-center,.--flex-horizontal{justify-content:center}.--flex-center,.--flex-vertical{align-items:center}.--flex-column,.--flex-fill,.--flex-fixed,.--flex-row{display:flex}.--flex-column{gap:var(--gap-vertical) 0px;flex-flow:column}.--flex-end{justify-content:flex-end}.--flex-fill{flex:1;min-width:0}.--flex-fixed{flex:0 0 var(--width)}.--flex-row{gap:0px var(--gap-horizontal);flex-flow:row}.--flex-start{justify-content:flex-start}.--flicker{--from:0;--to:1;--transition-duration:1s;animation:flicker var(--transition-duration) ease-in-out infinite}@keyframes flicker{0%,to{opacity:var(--from)}50%{opacity:var(--to)}}.--focus-active>*{--opacity:.24}.--focus-active:has(>.--active)>:not(.--active){opacity:var(--opacity)}.--gap-border-width,.--gap-horizontal-border-width,.--gap-border-width-400,.--gap-horizontal-border-width-400,.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-500,.--gap-horizontal-border-width-500{--gap-horizontal:var(--border-width-500)}.--gap-border-width-600,.--gap-horizontal-border-width-600{--gap-horizontal:var(--border-width-600)}.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-700,.--gap-horizontal-border-width-700{--gap-horizontal:var(--border-width-700)}.--gap-spacer-100,.--gap-horizontal-spacer-100{--gap-horizontal:var(--spacer-100)}.--gap-spacer-200,.--gap-horizontal-spacer-200{--gap-horizontal:var(--spacer-200)}.--gap-spacer-300,.--gap-horizontal-spacer-300{--gap-horizontal:var(--spacer-300)}.--gap-spacer,.--gap-horizontal-spacer,.--gap-spacer-400,.--gap-horizontal-spacer-400,.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-500,.--gap-horizontal-spacer-500{--gap-horizontal:var(--spacer-500)}.--gap-spacer-600,.--gap-horizontal-spacer-600{--gap-horizontal:var(--spacer-600)}.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-700,.--gap-horizontal-spacer-700{--gap-horizontal:var(--spacer-700)}.--gap-100,.--gap-horizontal-100{--gap-horizontal:var(--size-100)}.--gap-200,.--gap-horizontal-200{--gap-horizontal:var(--size-200)}.--gap-300,.--gap-horizontal-300{--gap-horizontal:var(--size-300)}.--gap-400,.--gap-horizontal-400{--gap-horizontal:var(--size-400)}.--gap-500,.--gap-horizontal-500{--gap-horizontal:var(--size-500)}.--gap-600,.--gap-horizontal-600{--gap-horizontal:var(--size-600)}.--gap-700,.--gap-horizontal-700{--gap-horizontal:var(--size-700)}.--gap-800,.--gap-horizontal-800{--gap-horizontal:var(--size-800)}.--gap-900,.--gap-horizontal-900{--gap-horizontal:var(--size-900)}.--gap-0px,.--gap-horizontal-0px{--gap-horizontal:var(--size-0px)}.--gap-inherit,.--gap-horizontal-inherit{--gap-horizontal:inherit}.--gap-border-width,.--gap-vertical-border-width,.--gap-border-width-400,.--gap-vertical-border-width-400,.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-500,.--gap-vertical-border-width-500{--gap-vertical:var(--border-width-500)}.--gap-border-width-600,.--gap-vertical-border-width-600{--gap-vertical:var(--border-width-600)}.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-700,.--gap-vertical-border-width-700{--gap-vertical:var(--border-width-700)}.--gap-spacer-100,.--gap-vertical-spacer-100{--gap-vertical:var(--spacer-100)}.--gap-spacer-200,.--gap-vertical-spacer-200{--gap-vertical:var(--spacer-200)}.--gap-spacer-300,.--gap-vertical-spacer-300{--gap-vertical:var(--spacer-300)}.--gap-spacer,.--gap-vertical-spacer,.--gap-spacer-400,.--gap-vertical-spacer-400,.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-500,.--gap-vertical-spacer-500{--gap-vertical:var(--spacer-500)}.--gap-spacer-600,.--gap-vertical-spacer-600{--gap-vertical:var(--spacer-600)}.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-700,.--gap-vertical-spacer-700{--gap-vertical:var(--spacer-700)}.--gap-100,.--gap-vertical-100{--gap-vertical:var(--size-100)}.--gap-200,.--gap-vertical-200{--gap-vertical:var(--size-200)}.--gap-300,.--gap-vertical-300{--gap-vertical:var(--size-300)}.--gap-400,.--gap-vertical-400{--gap-vertical:var(--size-400)}.--gap-500,.--gap-vertical-500{--gap-vertical:var(--size-500)}.--gap-600,.--gap-vertical-600{--gap-vertical:var(--size-600)}.--gap-700,.--gap-vertical-700{--gap-vertical:var(--size-700)}.--gap-800,.--gap-vertical-800{--gap-vertical:var(--size-800)}.--gap-900,.--gap-vertical-900{--gap-vertical:var(--size-900)}.--gap-0px,.--gap-vertical-0px{--gap-vertical:var(--size-0px)}.--gap-inherit,.--gap-vertical-inherit{--gap-vertical:inherit}.--gap{gap:var(--gap-vertical) var(--gap-horizontal)}.--gap-horizontal{gap:0px var(--gap-horizontal)}.--gap-vertical{gap:var(--gap-vertical) 0px}.--glass{--blur:24px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.--hidden,.--hidden-active.--active,.--hidden-inactive:not(.--active){display:none}.--hidden-offcanvas{appearance:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}.--inline{font-size:inherit;line-height:inherit;margin:0;padding:0;display:inline}.--line-height-100{--line-height:var(--line-height-100)}.--line-height-200{--line-height:var(--line-height-200)}.--line-height-300{--line-height:var(--line-height-300)}.--line-height-400{--line-height:var(--line-height-400)}.--not-allowed{cursor:not-allowed}.--not-allowed *,.--pointer-none{pointer-events:none}.--scroll-fade{--scroll-fade-size:2.5rem}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scroll-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scroll-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scroll-fade;animation-timeline:scroll(self)}}@keyframes scroll-fade{0%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:0px}5%,95%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px;--scroll-fade-top:var(--scroll-fade-size)}}.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color) transparent;scrollbar-gutter:stable;overflow:auto}@supports selector(::-webkit-scrollbar){.--scrollbar{scrollbar-color:auto;scrollbar-width:auto}.--scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.--scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}.--scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--scrollbar-border-width)}}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-hidden{scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}.--size{--size:var(--size-400)}.--size-100{--size:var(--size-100)}.--size-200{--size:var(--size-200)}.--size-300{--size:var(--size-300)}.--size-400{--size:var(--size-400)}.--size-500{--size:var(--size-500)}.--size-600{--size:var(--size-600)}.--size-700{--size:var(--size-700)}.--size-800{--size:var(--size-800)}.--size-900{--size:var(--size-900)}.--size-0px{--size:var(--size-0px)}.--skeleton{--animation-duration:4.8s;animation:var(--animation-duration) linear infinite skeleton;background-image:linear-gradient(270deg, var(--from), var(--to), var(--to), var(--from));color:#0000;pointer-events:none;background-size:400% 100%}.--skeleton *{opacity:0}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.--text-100{--font-size:var(--font-size-100)}.--text-200{--font-size:var(--font-size-200)}.--text-300{--font-size:var(--font-size-300)}.--text-400{--font-size:var(--font-size-400)}.--text-500{--font-size:var(--font-size-500)}.--text-600{--font-size:var(--font-size-600)}.--text-700{--font-size:var(--font-size-700)}.--text-800{--font-size:var(--font-size-800)}.--text-900{--font-size:var(--font-size-900)}.--text-line-through,.--text-line-through-400{--line-width:var(--border-width-400)}.--text-line-through-500{--line-width:var(--border-width-500)}.--text-line-through-600{--line-width:var(--border-width-600)}.--text-line-through-700{--line-width:var(--border-width-700)}.--text-outline{--color:inherit;--stroke-width:var(--border-width-400)}.--text-outline-400{--stroke-width:var(--border-width-400)}.--text-outline-500{--stroke-width:var(--border-width-500)}.--text-outline-600{--stroke-width:var(--border-width-600)}.--text-outline-700{--stroke-width:var(--border-width-700)}.--text-bold{font-weight:var(--font-weight-500)}.--text-bold-600{font-weight:var(--font-weight-600)}.--text-center{text-align:center}.--text-crop:after,.--text-crop:before,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after,.--text-crop-top:before,.--text-crop-first-child:first-child:before{content:"";width:100%;height:0;display:block}.--text-crop:after,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after{margin-bottom:calc((1 - var(--line-height)) * .618em)}.--text-crop:before,.--text-crop-top:before,.--text-crop-first-child:first-child:before{margin-top:calc((1 - var(--line-height)) * .618em)}.--text-italic{font-style:italic}.--text-line-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--text-multiplier{font-size:calc(var(--font-size) * var(--text-multiplier))}.--text-outline{color:var(--color);word-break:break-word;word-wrap:break-word}@supports (-webkit-text-stroke-width:1px){.--text-outline{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-truncate{line-height:var(--size);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.--text-underline{text-decoration:underline}.--text-underline-dotted{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.--text-uppercase{text-transform:uppercase}.--viewport{height:calc(100svh - var(--margin-vertical,0px) * 2);width:calc(100vw - var(--margin-horizontal,0px) * 2);overflow:hidden}.--width-full{--width:100%}.--width-half{--width:50%}.--width{width:var(--width)}}
 /*$vite$:1*/

package/build/css-utilities/scroll-fade/scss/index.scss

@@ -0,0 +1,2 @@
+@layer css-utilities {.--scroll-fade{--scroll-fade-size:2.5rem}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scroll-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scroll-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scroll-fade;animation-timeline:scroll(self)}}@keyframes scroll-fade{0%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:0px}5%,95%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px;--scroll-fade-top:var(--scroll-fade-size)}}}
+/*$vite$:1*/

package/build/css-utilities/scrollbar/scss/index.scss

@@ -0,0 +1,2 @@
+@layer css-utilities {.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color) transparent;scrollbar-gutter:stable;overflow:auto}@supports selector(::-webkit-scrollbar){.--scrollbar{scrollbar-color:auto;scrollbar-width:auto}.--scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.--scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}.--scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--scrollbar-border-width)}}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-hidden{scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}}
+/*$vite$:1*/

package/build/themes/dark/back.d.ts

@@ -1,15 +1,19 @@
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
     }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
     }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
     }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
     }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
 };
 export default _default;

package/build/themes/dark/index.d.ts

@@ -1,4 +1,3 @@
-export { default as alert } from './alert.js';
 export { default as back } from './back.js';
 export { default as input } from './input.js';
 export { default as select } from './select.js';

package/build/themes/dark/index.js

@@ -1,4 +1,3 @@
-export { default as alert } from './alert.js';
 export { default as back } from './back.js';
 export { default as input } from './input.js';
 export { default as select } from './select.js';

package/build/themes/dark/input.d.ts

@@ -1,6 +1,6 @@
 declare const _default: (attributes: {
-    [key: `aria-${string}`]: string | number | boolean | undefined;
-    [key: `data-${string}`]: string | undefined;
+    [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+    [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
     class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
     onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
     ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;