@esportsplus/ui 0.50.10 → 0.50.11

package/build/components/tooltip/onclick.js

@@ -1,19 +1,19 @@
-import * as template_30e69f1982b047989a988da1d268266a1 from '@esportsplus/template';
-import * as reactivity_30e69f1982b047989a988da1d268266a0 from '@esportsplus/reactivity';
+import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
-const template_30e69f1982b047989a988da1d268266a4t = template_30e69f1982b047989a988da1d268266a1.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_30e69f1982b047989a988da1d268266a4r extends reactivity_30e69f1982b047989a988da1d268266a0.ReactiveObject {
-    #active = this[reactivity_30e69f1982b047989a988da1d268266a0.SIGNAL](false);
+const template_395fa766de714d01a2177bd6e730518f4t = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_395fa766de714d01a2177bd6e730518f4r extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
+    #active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_30e69f1982b047989a988da1d268266a0.read(this.#active);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_30e69f1982b047989a988da1d268266a0.write(this.#active, _v0);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state', 'toggle'];
@@ -37,12 +37,12 @@ function frame() {
     running = false;
 }
 export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_30e69f1982b047989a988da1d268266a4r(), toggle = attributes.toggle || false;
+    let state = attributes.state || new ReactiveObject_395fa766de714d01a2177bd6e730518f4r(), toggle = attributes.toggle || false;
     return (() => {
-        let root_30e69f1982b047989a988da1d268266a4s = template_30e69f1982b047989a988da1d268266a4t(), element_30e69f1982b047989a988da1d268266a4u = root_30e69f1982b047989a988da1d268266a4s.firstChild, element_30e69f1982b047989a988da1d268266a4v = element_30e69f1982b047989a988da1d268266a4u.firstChild, attributes_30e69f1982b047989a988da1d268266a4w = { "class": "tooltip" };
-        template_30e69f1982b047989a988da1d268266a1.setProperties(element_30e69f1982b047989a988da1d268266a4u, omit(attributes, OMIT), attributes_30e69f1982b047989a988da1d268266a4w);
-        template_30e69f1982b047989a988da1d268266a1.setList(element_30e69f1982b047989a988da1d268266a4u, 'class', () => state.active && '--active', attributes_30e69f1982b047989a988da1d268266a4w);
-        template_30e69f1982b047989a988da1d268266a1.delegate(element_30e69f1982b047989a988da1d268266a4u, 'click', function (e) {
+        let root_395fa766de714d01a2177bd6e730518f4s = template_395fa766de714d01a2177bd6e730518f4t(), element_395fa766de714d01a2177bd6e730518f4u = root_395fa766de714d01a2177bd6e730518f4s.firstChild, element_395fa766de714d01a2177bd6e730518f4v = element_395fa766de714d01a2177bd6e730518f4u.firstChild, attributes_395fa766de714d01a2177bd6e730518f4w = { "class": "tooltip" };
+        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f4u, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f4w);
+        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f4u, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518f4w);
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f4u, '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_30e69f1982b047989a988da1d268266a1.slot(element_30e69f1982b047989a988da1d268266a4v, content);
-        return root_30e69f1982b047989a988da1d268266a4s;
+        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f4v, content);
+        return root_395fa766de714d01a2177bd6e730518f4s;
     })();
 });

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

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

package/build/components/tooltip/onhover.js

@@ -1,34 +1,34 @@
-import * as template_30e69f1982b047989a988da1d268266a1 from '@esportsplus/template';
-import * as reactivity_30e69f1982b047989a988da1d268266a0 from '@esportsplus/reactivity';
+import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
-const template_30e69f1982b047989a988da1d268266a4z = template_30e69f1982b047989a988da1d268266a1.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_30e69f1982b047989a988da1d268266a4x extends reactivity_30e69f1982b047989a988da1d268266a0.ReactiveObject {
-    #active = this[reactivity_30e69f1982b047989a988da1d268266a0.SIGNAL](false);
+const template_395fa766de714d01a2177bd6e730518f4z = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_395fa766de714d01a2177bd6e730518f4x extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
+    #active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_30e69f1982b047989a988da1d268266a0.read(this.#active);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_30e69f1982b047989a988da1d268266a0.write(this.#active, _v0);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_30e69f1982b047989a988da1d268266a4x();
+    let state = attributes.state || new ReactiveObject_395fa766de714d01a2177bd6e730518f4x();
     return (() => {
-        let root_30e69f1982b047989a988da1d268266a4y = template_30e69f1982b047989a988da1d268266a4z(), element_30e69f1982b047989a988da1d268266a50 = root_30e69f1982b047989a988da1d268266a4y.firstChild, element_30e69f1982b047989a988da1d268266a51 = element_30e69f1982b047989a988da1d268266a50.firstChild, attributes_30e69f1982b047989a988da1d268266a52 = { "class": "tooltip" };
-        template_30e69f1982b047989a988da1d268266a1.setProperties(element_30e69f1982b047989a988da1d268266a50, omit(attributes, OMIT), attributes_30e69f1982b047989a988da1d268266a52);
-        template_30e69f1982b047989a988da1d268266a1.setList(element_30e69f1982b047989a988da1d268266a50, 'class', () => state.active && '--active', attributes_30e69f1982b047989a988da1d268266a52);
-        template_30e69f1982b047989a988da1d268266a1.delegate(element_30e69f1982b047989a988da1d268266a50, 'mouseover', () => {
+        let root_395fa766de714d01a2177bd6e730518f4y = template_395fa766de714d01a2177bd6e730518f4z(), element_395fa766de714d01a2177bd6e730518f50 = root_395fa766de714d01a2177bd6e730518f4y.firstChild, element_395fa766de714d01a2177bd6e730518f51 = element_395fa766de714d01a2177bd6e730518f50.firstChild, attributes_395fa766de714d01a2177bd6e730518f52 = { "class": "tooltip" };
+        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f50, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f52);
+        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f50, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518f52);
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f50, 'mouseover', () => {
             state.active = true;
         });
-        template_30e69f1982b047989a988da1d268266a1.delegate(element_30e69f1982b047989a988da1d268266a50, 'mouseout', () => {
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f50, 'mouseout', () => {
             state.active = false;
         });
-        template_30e69f1982b047989a988da1d268266a1.slot(element_30e69f1982b047989a988da1d268266a51, content);
-        return root_30e69f1982b047989a988da1d268266a4y;
+        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f51, content);
+        return root_395fa766de714d01a2177bd6e730518f4y;
     })();
 });

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

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

package/build/components/typewriter/index.js

@@ -1,27 +1,27 @@
-import * as template_30e69f1982b047989a988da1d268266a1 from '@esportsplus/template';
-import * as reactivity_30e69f1982b047989a988da1d268266a0 from '@esportsplus/reactivity';
+import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_30e69f1982b047989a988da1d268266a55 = template_30e69f1982b047989a988da1d268266a1.template(`<div class='typewriter'><!--$--></div>`);
-const template_30e69f1982b047989a988da1d268266a58 = template_30e69f1982b047989a988da1d268266a1.template(``);
-class ReactiveObject_30e69f1982b047989a988da1d268266a53 extends reactivity_30e69f1982b047989a988da1d268266a0.ReactiveObject {
-    #text = this[reactivity_30e69f1982b047989a988da1d268266a0.SIGNAL]('');
+const template_395fa766de714d01a2177bd6e730518f55 = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='typewriter'><!--$--></div>`);
+const template_395fa766de714d01a2177bd6e730518f58 = template_395fa766de714d01a2177bd6e730518f1.template(``);
+class ReactiveObject_395fa766de714d01a2177bd6e730518f53 extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
+    #text = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get text() {
-        return reactivity_30e69f1982b047989a988da1d268266a0.read(this.#text);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#text);
     }
     set text(_v0) {
-        reactivity_30e69f1982b047989a988da1d268266a0.write(this.#text, _v0);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#text, _v0);
     }
 }
-const EMPTY_NODE = template_30e69f1982b047989a988da1d268266a58();
+const EMPTY_NODE = template_395fa766de714d01a2177bd6e730518f58();
 export default template.factory(function (_, content) {
-    let state = new ReactiveObject_30e69f1982b047989a988da1d268266a53();
+    let state = new ReactiveObject_395fa766de714d01a2177bd6e730518f53();
     return (() => {
-        let root_30e69f1982b047989a988da1d268266a54 = template_30e69f1982b047989a988da1d268266a55(), element_30e69f1982b047989a988da1d268266a56 = root_30e69f1982b047989a988da1d268266a54.firstChild, element_30e69f1982b047989a988da1d268266a57 = element_30e69f1982b047989a988da1d268266a56.firstChild;
-        template_30e69f1982b047989a988da1d268266a1.onconnect(element_30e69f1982b047989a988da1d268266a56, () => {
+        let root_395fa766de714d01a2177bd6e730518f54 = template_395fa766de714d01a2177bd6e730518f55(), element_395fa766de714d01a2177bd6e730518f56 = root_395fa766de714d01a2177bd6e730518f54.firstChild, element_395fa766de714d01a2177bd6e730518f57 = element_395fa766de714d01a2177bd6e730518f56.firstChild;
+        template_395fa766de714d01a2177bd6e730518f1.onconnect(element_395fa766de714d01a2177bd6e730518f56, () => {
             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_30e69f1982b047989a988da1d268266a1.EffectSlot(element_30e69f1982b047989a988da1d268266a57, () => state.text || EMPTY_NODE);
-        return root_30e69f1982b047989a988da1d268266a54;
+        new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518f57, () => state.text || EMPTY_NODE);
+        return root_395fa766de714d01a2177bd6e730518f54;
     })();
 });

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--focus-active>*{--opacity:.24}.--focus-active:has(.--active)>:not(.--active){opacity:var(--opacity)}}
+@layer css-utilities {.--focus-active>*{--opacity:.24}.--focus-active:has(>.--active)>:not(.--active){opacity:var(--opacity)}}
 /*$vite$:1*/

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}.--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)}}
 /*$vite$:1*/

package/package.json

@@ -4,7 +4,7 @@
     "@esportsplus/action": "^0.1.4",
     "@esportsplus/queue": "^0.2.0",
     "@esportsplus/reactivity": "^0.30.2",
-    "@esportsplus/template": "^0.16.9",
+    "@esportsplus/template": "^0.16.10",
     "@esportsplus/utilities": "^0.27.2",
     "@esportsplus/vite": "^0.12.7",
     "modern-normalize": "^3.0.1"
@@ -59,7 +59,7 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.50.10",
+  "version": "0.50.11",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc",

package/src/components/button/index.ts

@@ -18,7 +18,7 @@ const hold = template.factory(
 
         return html`
             <div
-                class='button ${() => state.holding && 'button--holding'} ${() => state.complete && '--active'}'
+                class='button ${() => state.holding && 'button--holding'}'
                 onmousedown='${(e) => {
                     e.preventDefault();
                     state.holding = true;

package/src/components/button/scss/index.scss

@@ -43,6 +43,7 @@
 
     &--holding {
         overflow: hidden;
+        user-select: none;
 
         &::after {
             animation: buttonHolding var(--animation-duration) ease-in-out forwards;

package/src/css-utilities/focus/scss/index.scss

@@ -1,7 +1,7 @@
 @use './variables';
 
 .--focus-active {
-    &:has(.--active) > *:not(.--active) {
+    &:has(> .--active) > *:not(.--active) {
         opacity: var(--opacity);
     }
 }