@esportsplus/ui 0.56.3 → 0.57.0

package/build/components/usage-meter/index.js

@@ -1,30 +1,30 @@
+import { computed, read } from '@esportsplus/reactivity';
 import * as template_u1 from '@esportsplus/template';
 import { component } from '@esportsplus/template';
+import number from '../number/index.js';
 import './scss/index.scss';
-const template_0r0k9fw1 = template_u1.template(`<div class='usage-meter'><div class='usage-meter-header'><span class='usage-meter-label'></span><span class='usage-meter-count'><!--$--><span class='usage-meter-percent'></span></span></div><div aria-valuemin='0' class='usage-meter-track' role='meter'><span class='usage-meter-fill'></span></div><div class='usage-meter-footer'><span class='usage-meter-breakdown'>`);
-const template_0r0k9fwa = template_u1.template(`<span class='usage-meter-cost'>`);
-function format(count) {
-    return count < 1000 ? `${count}` : `${(count / 1000).toFixed(1)}k`;
-}
+const template_0r0k9fw1 = template_u1.template(`<div class='usage-meter '><div class='usage-meter-header'><span class='usage-meter-label'></span><span class='usage-meter-count'><!--$--><span class='usage-meter-percent'></span></span></div><div aria-valuemin='0' class='usage-meter-track' role='meter'><span class='usage-meter-fill'></span></div><div class='usage-meter-footer'><span class='usage-meter-breakdown'>`);
+const template_0r0k9fwb = template_u1.template(`<span class='usage-meter-cost'>`);
 export default component(function ({ label = 'Context window', usage, ...attributes }) {
-    let ratio = () => Math.min(1, (usage.prompt + usage.completion) / usage.context);
+    let costed = computed(() => usage.cost !== undefined), used = computed(() => usage.prompt + usage.completion), ratio = computed(() => Math.min(1, read(used) / usage.context));
     return (() => {
-        let root_0r0k9fw0 = template_0r0k9fw1(), element_0r0k9fw2 = root_0r0k9fw0.firstChild, element_0r0k9fw3 = element_0r0k9fw2.firstElementChild.firstElementChild, element_0r0k9fw4 = element_0r0k9fw3.nextElementSibling.firstChild, element_0r0k9fw5 = element_0r0k9fw3.nextElementSibling.firstElementChild, element_0r0k9fw6 = element_0r0k9fw2.firstElementChild.nextElementSibling, element_0r0k9fw7 = element_0r0k9fw6.nextElementSibling.firstElementChild, element_0r0k9fw8 = element_0r0k9fw6.nextElementSibling;
-        template_u1.setProperty(element_0r0k9fw2, 'data-level', () => ratio() > 0.9 ? 'critical' : ratio() > 0.75 ? 'warning' : 'normal');
-        template_u1.setList(element_0r0k9fw2, 'style', () => `--ratio: ${ratio()}`);
-        template_u1.setProperties(element_0r0k9fw2, attributes);
+        let root_0r0k9fw0 = template_0r0k9fw1(), element_0r0k9fw2 = root_0r0k9fw0.firstChild, element_0r0k9fw3 = element_0r0k9fw2.firstElementChild.firstElementChild, element_0r0k9fw4 = element_0r0k9fw3.nextElementSibling.firstChild, element_0r0k9fw5 = element_0r0k9fw3.nextElementSibling.firstElementChild, element_0r0k9fw6 = element_0r0k9fw2.firstElementChild.nextElementSibling, element_0r0k9fw7 = element_0r0k9fw6.firstElementChild, element_0r0k9fw8 = element_0r0k9fw6.nextElementSibling.firstElementChild, element_0r0k9fw9 = element_0r0k9fw6.nextElementSibling;
         template_u1.slot(element_0r0k9fw3, label, 1);
-        new template_u1.EffectSlot(element_0r0k9fw4, () => `${format(usage.prompt + usage.completion)} / ${format(usage.context)}`);
-        new template_u1.EffectSlot(element_0r0k9fw5, () => ` · ${Math.round(ratio() * 100)}%`, 1);
+        new template_u1.EffectSlot(element_0r0k9fw4, () => `${number.abbreviate(read(used))} / ${number.abbreviate(usage.context)}`);
+        new template_u1.EffectSlot(element_0r0k9fw5, () => ` · ${Math.round(read(ratio) * 100)}%`, 1);
+        new template_u1.EffectSlot(element_0r0k9fw8, () => `prompt ${number.abbreviate(usage.prompt)} · completion ${number.abbreviate(usage.completion)}`, 1);
+        new template_u1.EffectSlot(element_0r0k9fw9, () => read(costed) && (() => {
+            let root_0r0k9fwa = template_0r0k9fwb(), element_0r0k9fwc = root_0r0k9fwa.firstChild;
+            new template_u1.EffectSlot(element_0r0k9fwc, () => `$${usage.cost.toFixed(4)}`, 1);
+            return root_0r0k9fwa;
+        })(), 2);
+        template_u1.setList(element_0r0k9fw7, 'style', () => `translate: ${(read(ratio) - 1) * 100}% 0`);
         template_u1.setProperty(element_0r0k9fw6, 'aria-label', label);
         template_u1.setProperty(element_0r0k9fw6, 'aria-valuemax', () => usage.context);
-        template_u1.setProperty(element_0r0k9fw6, 'aria-valuenow', () => usage.prompt + usage.completion);
-        new template_u1.EffectSlot(element_0r0k9fw7, () => `prompt ${format(usage.prompt)} · completion ${format(usage.completion)}`, 1);
-        new template_u1.EffectSlot(element_0r0k9fw8, () => usage.cost !== undefined && (() => {
-            let root_0r0k9fw9 = template_0r0k9fwa(), element_0r0k9fwb = root_0r0k9fw9.firstChild;
-            element_0r0k9fwb.appendChild(template_u1.text(`$${usage.cost.toFixed(4)}`));
-            return root_0r0k9fw9;
-        })(), 2);
+        template_u1.setProperty(element_0r0k9fw6, 'aria-valuenow', () => read(used));
+        template_u1.setProperty(element_0r0k9fw6, 'aria-valuetext', () => `${number.abbreviate(read(used))} of ${number.abbreviate(usage.context)} tokens, ${Math.round(read(ratio) * 100)}%`);
+        template_u1.setList(element_0r0k9fw2, 'class', () => read(ratio) > 0.9 ? 'usage-meter--critical' : read(ratio) > 0.75 && 'usage-meter--warning');
+        template_u1.setProperties(element_0r0k9fw2, attributes);
         return root_0r0k9fw0;
     })();
 });

package/build/components/usage-meter/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.usage-meter{--fill:var(--fill-normal);--fill-critical:color-mix(in oklch, var(--color-red-400) 80%, transparent);--fill-normal:var(--color-text-500);--fill-warning:color-mix(in oklch, var(--color-yellow-500) 80%, transparent);--font-family-mono:"Geist Mono", ui-monospace, monospace;--gap:var(--size-200);--label-color:var(--color-text-500);--label-font-size:var(--font-size-200);--label-font-weight:var(--font-weight-500);--max-width:380px;--meta-color:var(--color-text-300);--meta-color-muted:var(--color-border-500);--meta-font-size:var(--font-size-100);--track-background:color-mix(in oklch, var(--color-text-500) 6%, transparent);--track-height:6px;--track-width:100%;--transition-duration:.5s;--transition-timing-function:cubic-bezier(.23, 1, .32, 1)}.usage-meter--inline{--gap:var(--size-300);--max-width:none;--track-background:color-mix(in oklch, var(--color-text-500) 7%, transparent);--track-height:4px;--track-width:64px}.usage-meter[data-level=critical]{--fill:var(--fill-critical)}.usage-meter[data-level=warning]{--fill:var(--fill-warning)}@media (prefers-reduced-motion:reduce){.usage-meter{--transition-duration:0s}}.usage-meter{gap:var(--gap);max-width:var(--max-width);flex-direction:column;width:100%;display:flex}.usage-meter-breakdown,.usage-meter-cost,.usage-meter-count{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.usage-meter-cost:before{content:"≈ "}.usage-meter-count{color:var(--meta-color);font-size:var(--meta-font-size)}.usage-meter-fill{background:var(--fill);border-radius:inherit;height:100%;transition:background-color var(--transition-duration) var(--transition-timing-function), width var(--transition-duration) var(--transition-timing-function);width:calc(var(--ratio) * 100%);display:block}.usage-meter-footer{color:var(--meta-color-muted);font-size:var(--meta-font-size);justify-content:space-between;align-items:center;display:flex}.usage-meter-header{align-items:baseline;gap:var(--size-300);justify-content:space-between;display:flex}.usage-meter-label{color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight)}.usage-meter-track{background:var(--track-background);height:var(--track-height);width:var(--track-width);border-radius:999px;flex:none;overflow:hidden}.usage-meter--inline{flex-direction:row;align-items:center;width:fit-content}.usage-meter--inline .usage-meter-breakdown,.usage-meter--inline .usage-meter-label,.usage-meter--inline .usage-meter-percent{display:none}.usage-meter--inline .usage-meter-cost:before{content:none}.usage-meter--inline .usage-meter-footer,.usage-meter--inline .usage-meter-header{display:contents}.usage-meter--inline .usage-meter-track{order:-1}}
+@layer components{.usage-meter{--cost-prefix:"≈ ";--detail-display:inline;--fill:var(--fill-normal);--fill-critical:color-mix(in oklch, var(--color-red-400) 80%, transparent);--fill-normal:var(--color-text-500);--fill-warning:color-mix(in oklch, var(--color-yellow-500) 80%, transparent);--gap:var(--size-200);--label-color:var(--color-text-500);--label-font-size:var(--font-size-200);--label-font-weight:var(--font-weight-500);--max-width:380px;--meta-color:var(--color-text-300);--meta-color-muted:color-mix(in oklch, var(--color-text-300) 70%, transparent);--meta-font-size:var(--font-size-100);--row-display:flex;--track-background:color-mix(in oklch, var(--color-text-500) 6%, transparent);--track-height:6px;--track-order:0;--track-width:100%;--transition-duration:.5s;--transition-timing-function:cubic-bezier(.23, 1, .32, 1)}.usage-meter--critical{--fill:var(--fill-critical)}.usage-meter--inline{--cost-prefix:none;--detail-display:none;--gap:var(--size-300);--max-width:none;--row-display:contents;--track-background:color-mix(in oklch, var(--color-text-500) 7%, transparent);--track-height:4px;--track-order:-1;--track-width:64px}.usage-meter--warning{--fill:var(--fill-warning)}@media (prefers-reduced-motion:reduce){.usage-meter{--transition-duration:0s}}.usage-meter{gap:var(--gap);max-width:var(--max-width);flex-direction:column;width:100%;display:flex}.usage-meter--inline{flex-direction:row;align-items:center;width:fit-content}.usage-meter-breakdown,.usage-meter-cost,.usage-meter-count{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.usage-meter-breakdown,.usage-meter-label,.usage-meter-percent{display:var(--detail-display)}.usage-meter-cost:before{content:var(--cost-prefix)}.usage-meter-count{color:var(--meta-color);font-size:var(--meta-font-size)}.usage-meter-fill{background:var(--fill);border-radius:inherit;height:100%;transition:background-color var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function);width:100%;display:block}.usage-meter-footer{color:var(--meta-color-muted);display:var(--row-display);font-size:var(--meta-font-size);justify-content:space-between;align-items:center}.usage-meter-header{display:var(--row-display);align-items:baseline;gap:var(--size-300);justify-content:space-between}.usage-meter-label{color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight)}.usage-meter-track{background:var(--track-background);height:var(--track-height);flex:none;order:var(--track-order);width:var(--track-width);border-radius:999px;overflow:hidden}}
 /*$vite$:1*/

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--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)}.--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)}}
+@layer css-utilities{.--background-state{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.--background-state{--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)}.--background-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}}
 /*$vite$:1*/

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--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-radius-responsive{--border-radius:calc(progress((100vi - 100cqi) / 2, 0px, var(--gap-horizontal)) * var(--border-radius))}.--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)}}
+@layer css-utilities{.--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)}.--active.--border-state{--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-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-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-radius-responsive{--border-radius:calc(progress((100vi - 100cqi) / 2, 0px, var(--gap-horizontal)) * var(--border-radius))}}
 /*$vite$:1*/

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--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)}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--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)}}
+@layer css-utilities{.--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)}.--active.--color-state{--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)}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}}
 /*$vite$:1*/

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--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}}
+@layer css-utilities{.--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}}
 /*$vite$:1*/

package/build/css-utilities/font/geist/scss/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(./Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(./Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(./GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(./GeistMono-Italic-Variable.woff2)format("woff2")}.--font-geist{--font-family:"Geist", sans-serif}.--font-geist,.--font-geist-mono{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600}.--font-geist-mono{--font-family:"Geist Mono", monospace}}
+@layer css-utilities{@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(./Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(./Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(./GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(./GeistMono-Italic-Variable.woff2)format("woff2")}.--font-geist{--font-family:"Geist", sans-serif}.--font-geist,.--font-geist-mono{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600}.--font-geist-mono{--font-family:"Geist Mono", monospace}}
 /*$vite$:1*/

package/build/css-utilities/font/montserrat/scss/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(./Montserrat-Regular.woff2)format("woff2"),url(./Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(./Montserrat-Italic.woff2)format("woff2"),url(./Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(./Montserrat-Medium.woff2)format("woff2"),url(./Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(./Montserrat-MediumItalic.woff2)format("woff2"),url(./Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(./Montserrat-SemiBold.woff2)format("woff2"),url(./Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(./Montserrat-SemiBoldItalic.woff2)format("woff2"),url(./Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(./Montserrat-Bold.woff2)format("woff2"),url(./Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(./Montserrat-BoldItalic.woff2)format("woff2"),url(./Montserrat-BoldItalic.woff)format("woff")}.--font-montserrat{--font-family:"Montserrat", sans-serif;--font-weight-300:400;--font-weight-400:500;--font-weight-500:600;--font-weight-600:700}}
+@layer css-utilities{@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(./Montserrat-Regular.woff2)format("woff2"),url(./Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(./Montserrat-Italic.woff2)format("woff2"),url(./Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(./Montserrat-Medium.woff2)format("woff2"),url(./Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(./Montserrat-MediumItalic.woff2)format("woff2"),url(./Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(./Montserrat-SemiBold.woff2)format("woff2"),url(./Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(./Montserrat-SemiBoldItalic.woff2)format("woff2"),url(./Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(./Montserrat-Bold.woff2)format("woff2"),url(./Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(./Montserrat-BoldItalic.woff2)format("woff2"),url(./Montserrat-BoldItalic.woff)format("woff")}.--font-montserrat{--font-family:"Montserrat", sans-serif;--font-weight-300:400;--font-weight-400:500;--font-weight-500:600;--font-weight-600:700}}
 /*$vite$:1*/

package/build/css-utilities/glass/index.d.ts

@@ -0,0 +1,10 @@
+import './scss/index.scss';
+type GlassMode = 'uniform' | 'progressive';
+declare function createOverlay(element: HTMLElement, mode?: GlassMode, className?: string): HTMLDivElement;
+export default _default;
+declare function _default(mode?: GlassMode): {
+    class: string[];
+    onconnect: (element: HTMLElement) => void;
+};
+export { createOverlay };
+export type { GlassMode };

package/build/css-utilities/glass/index.js

@@ -0,0 +1,26 @@
+import './scss/index.scss';
+function createOverlay(element, mode = 'uniform', className = '') {
+    let overlay = element.ownerDocument.createElement('div');
+    overlay.className = className ? `--glass-blur ${className}` : '--glass-blur';
+    overlay.setAttribute('aria-hidden', 'true');
+    if (mode === 'progressive') {
+        overlay.classList.add('--glass-blur-progressive');
+    }
+    for (let i = 0, count = mode === 'progressive' ? 7 : 1; i < count; i++) {
+        overlay.appendChild(element.ownerDocument.createElement('span'));
+    }
+    return overlay;
+}
+export default (mode = 'uniform') => ({
+    class: mode === 'progressive' ? ['--glass', '--glass-progressive'] : ['--glass'],
+    onconnect: (element) => {
+        let overlay = element.querySelector(':scope > .--glass-blur');
+        if (!overlay) {
+            element.appendChild(createOverlay(element, mode));
+        }
+        else if (overlay.classList.contains('--glass-blur-progressive') !== (mode === 'progressive')) {
+            overlay.replaceWith(createOverlay(element, mode));
+        }
+    }
+});
+export { createOverlay };

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--glass{--blur:24px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}}
+@layer css-utilities{.--glass{--blur:24px;--glass-opacity:1}.--glass-progressive{--glass-opacity:.9}@property --glass-opacity{syntax:"<number>";inherits:true;initial-value:1}.--glass{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.--glass-blur{border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.--glass-blur.--glass-blur-progressive>span:first-child{-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .0730435));backdrop-filter:blur(calc(var(--blur,24px) * .0730435));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);z-index:1}.--glass-blur.--glass-blur-progressive>span:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .108696));backdrop-filter:blur(calc(var(--blur,24px) * .108696));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);z-index:2}.--glass-blur.--glass-blur-progressive>span:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .186087));backdrop-filter:blur(calc(var(--blur,24px) * .186087));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);z-index:3}.--glass-blur.--glass-blur-progressive>span:nth-child(4){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .335652));backdrop-filter:blur(calc(var(--blur,24px) * .335652));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);z-index:4}.--glass-blur.--glass-blur-progressive>span:nth-child(5){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .577391));backdrop-filter:blur(calc(var(--blur,24px) * .577391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);z-index:5}.--glass-blur.--glass-blur-progressive>span:nth-child(6){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .857391));backdrop-filter:blur(calc(var(--blur,24px) * .857391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);z-index:6}.--glass-blur.--glass-blur-progressive>span:nth-child(7){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * 1));backdrop-filter:blur(calc(var(--blur,24px) * 1));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);z-index:7}.--glass-blur>span{-webkit-backdrop-filter:blur(var(--blur,24px));backdrop-filter:blur(var(--blur,24px));border-radius:inherit;opacity:var(--glass-opacity,1);position:absolute;inset:0}.--glass:has(>.--glass-blur){-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;position:relative}}
 /*$vite$:1*/

package/build/css-utilities/index.d.ts

@@ -0,0 +1,3 @@
+export { default as glass } from './glass/index.js';
+export { default as scrollbar } from './scrollbar/index.js';
+export { default as theme } from './theme/index.js';

package/build/css-utilities/index.js

@@ -0,0 +1,3 @@
+export { default as glass } from './glass/index.js';
+export { default as scrollbar } from './scrollbar/index.js';
+export { default as theme } from './theme/index.js';

package/build/css-utilities/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {.--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%;translate:50%}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;translate:0 50%}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;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-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)}.--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)}.--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-radius-responsive{--border-radius:calc(progress((100vi - 100cqi) / 2, 0px, var(--gap-horizontal)) * var(--border-radius))}.--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)}.--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)}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--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)}.--disabled{opacity:.64;pointer-events:none}.--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}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Italic-Variable.woff2)format("woff2")}.--font-geist{--font-family:"Geist", sans-serif}.--font-geist,.--font-geist-mono{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600}.--font-geist-mono{--font-family:"Geist Mono", monospace}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(./font/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(./font/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(./font/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(./font/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(./font/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(./font/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(./font/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}.--font-montserrat{--font-family:"Montserrat", sans-serif;--font-weight-300:400;--font-weight-400:500;--font-weight-500:600;--font-weight-600:700}.--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;margin:0;padding:0;display:inline}.--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar{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::-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-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scrollbar-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 scrollbar-fade;animation-timeline:scroll(self)}}@keyframes scrollbar-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-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}.--scrollbar-thin{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}.--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}}.--tabular{font-variant-numeric:tabular-nums}@supports (text-box:trim-both cap alphabetic){.--text-crop{text-box:trim-both cap alphabetic}.--text-crop-top,.--text-crop-first-child:first-child{text-box:trim-start cap alphabetic}.--text-crop-bottom,.--text-crop-last-child:last-child{text-box:trim-end cap alphabetic}}@supports not (text-box:trim-both cap alphabetic){.--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(.618em - .618lh)}.--text-crop:before,.--text-crop-top:before,.--text-crop-first-child:first-child:before{margin-top:calc(.618em - .618lh)}}.--text-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}
+@layer css-utilities{.--background-state{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.--background-state{--background:var(--background-active)}.--background-state:not(.--active):hover{--background:var(--background-hover)}.--background-state:not(.--active):active{--background:var(--background-pressed)}.--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)}.--active.--border-state{--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)}.--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)}.--active.--color-state{--color:var(--color-active)}.--color-state:not(.--active):hover{--color:var(--color-hover)}.--color-state:not(.--active):active{--color:var(--color-pressed)}.--text-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.--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)}.--background-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--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-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-radius-responsive{--border-radius:calc(progress((100vi - 100cqi) / 2, 0px, var(--gap-horizontal)) * var(--border-radius))}.--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)}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--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}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Italic-Variable.woff2)format("woff2")}.--font-geist{--font-family:"Geist", sans-serif}.--font-geist,.--font-geist-mono{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600}.--font-geist-mono{--font-family:"Geist Mono", monospace}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(./font/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(./font/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(./font/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(./font/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(./font/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(./font/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(./font/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}.--font-montserrat{--font-family:"Montserrat", sans-serif;--font-weight-300:400;--font-weight-400:500;--font-weight-500:600;--font-weight-600:700}.--glass{--blur:24px;--glass-opacity:1}.--glass-progressive{--glass-opacity:.9}@property --glass-opacity{syntax:"<number>";inherits:true;initial-value:1}.--glass{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.--glass-blur{border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.--glass-blur.--glass-blur-progressive>span:first-child{-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .0730435));backdrop-filter:blur(calc(var(--blur,24px) * .0730435));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);z-index:1}.--glass-blur.--glass-blur-progressive>span:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .108696));backdrop-filter:blur(calc(var(--blur,24px) * .108696));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);z-index:2}.--glass-blur.--glass-blur-progressive>span:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .186087));backdrop-filter:blur(calc(var(--blur,24px) * .186087));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);z-index:3}.--glass-blur.--glass-blur-progressive>span:nth-child(4){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .335652));backdrop-filter:blur(calc(var(--blur,24px) * .335652));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);z-index:4}.--glass-blur.--glass-blur-progressive>span:nth-child(5){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .577391));backdrop-filter:blur(calc(var(--blur,24px) * .577391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);z-index:5}.--glass-blur.--glass-blur-progressive>span:nth-child(6){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .857391));backdrop-filter:blur(calc(var(--blur,24px) * .857391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);z-index:6}.--glass-blur.--glass-blur-progressive>span:nth-child(7){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * 1));backdrop-filter:blur(calc(var(--blur,24px) * 1));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);z-index:7}.--glass-blur>span{-webkit-backdrop-filter:blur(var(--blur,24px));backdrop-filter:blur(var(--blur,24px));border-radius:inherit;opacity:var(--glass-opacity,1);position:absolute;inset:0}.--glass:has(>.--glass-blur){-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;position:relative}.--inline{font-size:inherit;margin:0;padding:0;display:inline}.--scrollbar:not(:where(.--scrollbar-scope *)),.--scrollbar-scope{--scrollbar-align:0;--scrollbar-behavior:smooth;--scrollbar-color-default:var(--color-black-400);--scrollbar-color-hover:var(--color-black-300);--scrollbar-color-pressed:var(--color-black-500);--scrollbar-overscroll:contain;--scrollbar-rail-color:transparent;--scrollbar-size:6px;--scrollbar-width:thin}.--scrollbar-primary{--scrollbar-color-active:var(--color-primary-300);--scrollbar-color-default:var(--color-primary-400);--scrollbar-color-hover:var(--color-primary-300);--scrollbar-color-pressed:var(--color-primary-500)}.--scrollbar-secondary{--scrollbar-color-active:var(--color-secondary-300);--scrollbar-color-default:var(--color-secondary-400);--scrollbar-color-hover:var(--color-secondary-300);--scrollbar-color-pressed:var(--color-secondary-500)}.--scrollbar-black{--scrollbar-color-active:var(--color-black-300);--scrollbar-color-default:var(--color-black-400);--scrollbar-color-hover:var(--color-black-300);--scrollbar-color-pressed:var(--color-black-500)}.--scrollbar-blue{--scrollbar-color-active:var(--color-blue-300);--scrollbar-color-default:var(--color-blue-400);--scrollbar-color-hover:var(--color-blue-300);--scrollbar-color-pressed:var(--color-blue-500)}.--scrollbar-border{--scrollbar-color-active:var(--color-border-300);--scrollbar-color-default:var(--color-border-400);--scrollbar-color-hover:var(--color-border-300);--scrollbar-color-pressed:var(--color-border-500)}.--scrollbar-green{--scrollbar-color-active:var(--color-green-300);--scrollbar-color-default:var(--color-green-400);--scrollbar-color-hover:var(--color-green-300);--scrollbar-color-pressed:var(--color-green-500)}.--scrollbar-grey{--scrollbar-color-active:var(--color-grey-300);--scrollbar-color-default:var(--color-grey-400);--scrollbar-color-hover:var(--color-grey-300);--scrollbar-color-pressed:var(--color-grey-500)}.--scrollbar-purple{--scrollbar-color-active:var(--color-purple-300);--scrollbar-color-default:var(--color-purple-400);--scrollbar-color-hover:var(--color-purple-300);--scrollbar-color-pressed:var(--color-purple-500)}.--scrollbar-red{--scrollbar-color-active:var(--color-red-300);--scrollbar-color-default:var(--color-red-400);--scrollbar-color-hover:var(--color-red-300);--scrollbar-color-pressed:var(--color-red-500)}.--scrollbar-text{--scrollbar-color-active:var(--color-text-300);--scrollbar-color-default:var(--color-text-400);--scrollbar-color-hover:var(--color-text-300);--scrollbar-color-pressed:var(--color-text-500)}.--scrollbar-white{--scrollbar-color-active:var(--color-white-300);--scrollbar-color-default:var(--color-white-400);--scrollbar-color-hover:var(--color-white-300);--scrollbar-color-pressed:var(--color-white-500)}.--scrollbar-yellow{--scrollbar-color-active:var(--color-yellow-300);--scrollbar-color-default:var(--color-yellow-400);--scrollbar-color-hover:var(--color-yellow-300);--scrollbar-color-pressed:var(--color-yellow-500)}.--scrollbar-auto{--scrollbar-border-radius:3px;--scrollbar-size:auto;--scrollbar-width:auto}.--scrollbar-blur{--scroll-blur:4px;--scroll-blur-offset-end:0px;--scroll-blur-offset-start:0px;--scroll-blur-size:3lh}.--scrollbar-fade{--scroll-fade-size:2lh}@property --scroll-blur-size{syntax:"<length>";inherits:true;initial-value:0}@property --scroll-fade-end{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-size{syntax:"<length>";inherits:true;initial-value:0}@property --scroll-fade-start{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar,:where(.--scrollbar-scope){overscroll-behavior:var(--scrollbar-overscroll)}.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){scroll-behavior:var(--scrollbar-behavior);scrollbar-color:var(--scrollbar-color-default) var(--scrollbar-rail-color);scrollbar-width:var(--scrollbar-width)}@media (prefers-reduced-motion:reduce){.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){scroll-behavior:auto}}@supports selector(::-webkit-scrollbar){.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){--scrollbar-growth:calc(var(--scrollbar-size-hover,calc(var(--scrollbar-size) + 2px)) - var(--scrollbar-size));--scrollbar-inset-edge:calc(var(--scrollbar-growth) * var(--scrollbar-align));--scrollbar-inset-inner:calc(var(--scrollbar-growth) * (1 - var(--scrollbar-align)));--scrollbar-radius:var(--scrollbar-border-radius,calc(var(--scrollbar-size) / 3));--scrollbar-track-size:calc(var(--scrollbar-size) + var(--scrollbar-growth));scrollbar-color:auto;scrollbar-width:auto}.--scrollbar::-webkit-scrollbar{height:calc(var(--scrollbar-size) + var(--scrollbar-growth));width:calc(var(--scrollbar-size) + var(--scrollbar-growth))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar{height:calc(var(--scrollbar-size) + var(--scrollbar-growth));width:calc(var(--scrollbar-size) + var(--scrollbar-growth))}.--scrollbar::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-color-default);border-radius:var(--scrollbar-radius);border:0 solid #0000}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-color-default);border-radius:var(--scrollbar-radius);border:0 solid #0000}.--scrollbar::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}.--scrollbar::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}.--scrollbar::-webkit-scrollbar-thumb:active{border-radius:var(--scrollbar-radius);border-width:0}.--scrollbar::-webkit-scrollbar-thumb:hover{border-radius:var(--scrollbar-radius);border-width:0}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:active{border-radius:var(--scrollbar-radius);border-width:0}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:hover{border-radius:var(--scrollbar-radius);border-width:0}.--scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color-hover)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color-hover)}.--scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-color-pressed)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-color-pressed)}.--scrollbar::-webkit-scrollbar-button{display:none}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-button{display:none}.--scrollbar::-webkit-scrollbar-corner{background:var(--scrollbar-rail-color)}.--scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-rail-color)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-corner{background:var(--scrollbar-rail-color)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track{background:var(--scrollbar-rail-color)}}.--scrollbar{overflow:var(--scrollbar-overflow,auto);scrollbar-gutter:var(--scrollbar-gutter,stable)}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-auto{--scrollbar-growth:0px;--scrollbar-track-size:0px}.--scrollbar-blur>.--scrollbar-blur-edge{--blur:var(--scroll-blur);height:var(--scroll-blur-size);z-index:1;flex-shrink:0;position:sticky}.--scrollbar-blur>.--scrollbar-blur-end{--glass-direction:to bottom;--glass-opacity:calc(var(--scroll-overflow-end,0) * .9);margin-top:calc(var(--scroll-blur-size) * -1);translate:0 var(--scroll-blur-offset-end);inset:auto 0 0}.--scrollbar-blur>.--scrollbar-blur-start{--glass-direction:to top;--glass-opacity:calc(var(--scroll-overflow-start,0) * .9);margin-bottom:calc(var(--scroll-blur-size) * -1);translate:0 var(--scroll-blur-offset-start);inset:0 0 auto}.--scrollbar-blur.--flex-column>.--scrollbar-blur-end{margin-top:calc((var(--scroll-blur-size) + var(--gap-vertical)) * -1)}.--scrollbar-blur.--flex-column>.--scrollbar-blur-start{margin-bottom:calc((var(--scroll-blur-size) + var(--gap-vertical)) * -1)}.--scrollbar-blur.--scrollbar-horizontal{display:flex}.--scrollbar-blur.--scrollbar-horizontal>*{flex-shrink:0}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-edge{height:auto;width:var(--scroll-blur-size)}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-end{--glass-direction:to right;margin:0 0 0 calc(var(--scroll-blur-size) * -1);translate:var(--scroll-blur-offset-end) 0;inset:auto 0 auto auto}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-start{--glass-direction:to left;margin:0 calc(var(--scroll-blur-size) * -1) 0 0;translate:var(--scroll-blur-offset-start) 0;inset:auto auto auto 0}.--scrollbar-blur.--scrollbar-horizontal.--flex-row>.--scrollbar-blur-end{margin-left:calc((var(--scroll-blur-size) + var(--gap-horizontal)) * -1)}.--scrollbar-blur.--scrollbar-horizontal.--flex-row>.--scrollbar-blur-start{margin-right:calc((var(--scroll-blur-size) + var(--gap-horizontal)) * -1)}@supports (animation-timeline:scroll()){.--scrollbar-blur>.--scrollbar-blur-end{animation:1ms linear both scrollbar-blur-end;animation-range:calc(100% - var(--scroll-blur-size)) 100%;animation-timeline:scroll()}.--scrollbar-blur>.--scrollbar-blur-start{animation:1ms linear both scrollbar-blur-start;animation-range:0px var(--scroll-blur-size);animation-timeline:scroll()}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-edge{animation-timeline:scroll(x)}}@keyframes scrollbar-blur-end{0%{--glass-opacity:.9}to{--glass-opacity:0}}@keyframes scrollbar-blur-start{0%{--glass-opacity:0}to{--glass-opacity:.9}}.--scrollbar-drag.--dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.--scrollbar-fade{--scroll-fade-end:calc(var(--scroll-fade-size) * var(--scroll-overflow-end,0));--scroll-fade-start:calc(var(--scroll-fade-size) * var(--scroll-overflow-start,0));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-position:0,100%;mask-position:0,100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(100% - var(--scrollbar-track-size,0px)) 100%, var(--scrollbar-track-size,0px) 100%;-webkit-mask-size:calc(100% - var(--scrollbar-track-size,0px)) 100%, var(--scrollbar-track-size,0px) 100%;mask-size:calc(100% - var(--scrollbar-track-size,0px)) 100%, var(--scrollbar-track-size,0px) 100%}.--scrollbar-fade.--scrollbar-horizontal{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);mask-image:linear-gradient(to right, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - var(--scrollbar-track-size,0px)), 100% var(--scrollbar-track-size,0px);-webkit-mask-size:100% calc(100% - var(--scrollbar-track-size,0px)), 100% var(--scrollbar-track-size,0px);mask-size:100% calc(100% - var(--scrollbar-track-size,0px)), 100% var(--scrollbar-track-size,0px)}@supports (animation-timeline:scroll()){.--scrollbar-fade{animation:1ms linear both scrollbar-fade-end,1ms linear both scrollbar-fade-start;animation-range:calc(100% - var(--scroll-fade-size)) 100%, 0px var(--scroll-fade-size);animation-timeline:scroll(self)}.--scrollbar-fade.--scrollbar-horizontal{animation-timeline:scroll(self x)}}@keyframes scrollbar-fade-end{0%{--scroll-fade-end:var(--scroll-fade-size)}to{--scroll-fade-end:0px}}@keyframes scrollbar-fade-start{0%{--scroll-fade-start:0px}to{--scroll-fade-start:var(--scroll-fade-size)}}.--scrollbar-hidden{--scrollbar-track-size:0px;scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible)){scrollbar-color:transparent transparent}@supports selector(::-webkit-scrollbar){.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible)){scrollbar-color:auto}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-corner{background:0 0}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-thumb{background:0 0}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-track{background:0 0}}}.--scrollbar-horizontal{overscroll-behavior-y:auto;scrollbar-gutter:auto;overflow:auto hidden}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}.--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-gradient{--color-from:#ffaa40;--color-to:#9c40ff;--duration:8s;--speed:1}.--text-line-shadow{--duration:15s;--line-size:.06em;--offset:.04em;--shadow-color:var(--color-text-500)}.--text-shiny{--shine-color:oklch(from var(--color-black-300) l c h / .8);--shine-duration:8s;--shine-text-color:oklch(from var(--color-text-300) l c h / .7);--shine-width:100px}@supports (text-box:trim-both cap alphabetic){.--text-crop{text-box:trim-both cap alphabetic}.--text-crop-top,.--text-crop-first-child:first-child{text-box:trim-start cap alphabetic}.--text-crop-bottom,.--text-crop-last-child:last-child{text-box:trim-end cap alphabetic}}@supports not (text-box:trim-both cap alphabetic){.--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(.618em - .618lh)}.--text-crop:before,.--text-crop-top:before,.--text-crop-first-child:first-child:before{margin-top:calc(.618em - .618lh)}}.--text-gradient{--background-size:calc(var(--speed) * 300%);animation:text-gradient var(--duration) linear infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right, var(--color-from), var(--color-to), var(--color-from));background-size:var(--background-size) 100%;color:#0000}@media (prefers-reduced-motion:reduce){.--text-gradient{animation:none}}.--text-line-shadow{z-index:0;display:inline-flex;position:relative}.--text-line-shadow:after{animation:text-line-shadow var(--duration) linear infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg, transparent 45%, var(--shadow-color) 45%, var(--shadow-color) 55%, transparent 0);background-size:var(--line-size) var(--line-size);color:#0000;content:attr(data-text);left:var(--offset);pointer-events:none;top:var(--offset);z-index:-1;position:absolute}@media (prefers-reduced-motion:reduce){.--text-line-shadow:after{animation:none}}.--text-shiny{animation:text-shiny var(--shine-duration) infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right, transparent, var(--shine-color) 50%, transparent);background-position:0 0;background-repeat:no-repeat;background-size:var(--shine-width) 100%;color:var(--shine-text-color)}@media (prefers-reduced-motion:reduce){.--text-shiny{background-image:none;animation:none}}@keyframes text-gradient{to{background-position:var(--background-size) 0}}@keyframes text-line-shadow{0%{background-position:0 0}to{background-position:100% -100%}}@keyframes text-shiny{0%,90%,to{background-position:calc(-100% - var(--shine-width)) 0}30%,60%{background-position:calc(100% + var(--shine-width)) 0}}}
 /*$vite$:1*/

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--inline{font-size:inherit;margin:0;padding:0;display:inline}}
+@layer css-utilities{.--inline{font-size:inherit;margin:0;padding:0;display:inline}}
 /*$vite$:1*/

package/build/css-utilities/scrollbar/index.d.ts

@@ -0,0 +1,42 @@
+import './scss/index.scss';
+type Axis = 'both' | 'horizontal' | 'vertical';
+declare const blur: () => {
+    class: string[];
+    ondisconnect?: undefined;
+    onscroll?: undefined;
+    style?: undefined;
+    onconnect: (element: HTMLElement) => void;
+} | {
+    class: string[];
+    ondisconnect: () => void;
+    onscroll: (this: HTMLElement) => void;
+    style: () => string | false;
+    onconnect: (element: HTMLElement) => void;
+};
+declare const drag: (axis?: Axis) => {
+    class: (string | (() => "--dragging" | false))[];
+    ondragstart: (e: DragEvent) => void;
+    onpointercancel: (e: PointerEvent) => void;
+    onpointerdown: (this: HTMLElement, e: PointerEvent) => void;
+    onpointermove: (this: HTMLElement, e: PointerEvent) => void;
+    onpointerup: (e: PointerEvent) => void;
+};
+declare const fade: () => {
+    class: string[];
+    onconnect?: undefined;
+    ondisconnect?: undefined;
+    onscroll?: undefined;
+    style?: undefined;
+} | {
+    class: string[];
+    onconnect: (element: HTMLElement) => void;
+    ondisconnect: () => void;
+    onscroll: (this: HTMLElement) => void;
+    style: () => string | false;
+};
+declare const _default: {
+    blur: typeof blur;
+    drag: typeof drag;
+    fade: typeof fade;
+};
+export default _default;

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

@@ -0,0 +1,155 @@
+import * as reactivity_u0 from '@esportsplus/reactivity';
+import { observer } from '../../shared/resize.js';
+import { createOverlay } from '../glass/index.js';
+import './scss/index.scss';
+class ReactiveObject_1o784050 extends reactivity_u0.ReactiveObject {
+    #toggle = this[reactivity_u0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get toggle() {
+        return reactivity_u0.read(this.#toggle);
+    }
+    set toggle(_v0) {
+        reactivity_u0.write(this.#toggle, _v0);
+    }
+}
+class ReactiveObject_1o784051 extends reactivity_u0.ReactiveObject {
+    #dragging = this[reactivity_u0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get dragging() {
+        return reactivity_u0.read(this.#dragging);
+    }
+    set dragging(_v0) {
+        reactivity_u0.write(this.#dragging, _v0);
+    }
+}
+const SLOP = 4;
+function attributes(name, size) {
+    if (typeof CSS === 'undefined' || CSS.supports('animation-timeline: scroll()')) {
+        return { class: ['--scrollbar', name] };
+    }
+    let mutation, overflow = { end: 0, start: 0 }, ramp = 1, resize, state = new ReactiveObject_1o784050();
+    function measure(element) {
+        ramp = parseFloat(getComputedStyle(element).getPropertyValue(size)) || 1;
+        update(element);
+    }
+    function update(element) {
+        let horizontal = element.classList.contains('--scrollbar-horizontal'), offset = horizontal ? Math.abs(element.scrollLeft) : element.scrollTop, range = horizontal ? element.scrollWidth - element.clientWidth : element.scrollHeight - element.clientHeight, end = range > 0 ? Math.min(1, (range - offset) / ramp) : 0, start = range > 0 ? Math.min(1, offset / ramp) : 0;
+        if (end === overflow.end && start === overflow.start) {
+            return;
+        }
+        overflow.end = end;
+        overflow.start = start;
+        state.toggle = !state.toggle;
+    }
+    return {
+        class: ['--scrollbar', name],
+        onconnect: (element) => {
+            mutation?.disconnect();
+            resize?.disconnect();
+            resize = observer(() => measure(element));
+            resize.observe(element);
+            for (let i = 0, n = element.children.length; i < n; i++) {
+                resize.observe(element.children[i]);
+            }
+            mutation = new MutationObserver((records) => {
+                for (let i = 0, n = records.length; i < n; i++) {
+                    let { addedNodes, removedNodes } = records[i];
+                    for (let j = 0, m = addedNodes.length; j < m; j++) {
+                        let node = addedNodes[j];
+                        if (node instanceof Element) {
+                            resize?.observe(node);
+                        }
+                    }
+                    for (let j = 0, m = removedNodes.length; j < m; j++) {
+                        let node = removedNodes[j];
+                        if (node instanceof Element) {
+                            resize?.unobserve(node);
+                        }
+                    }
+                }
+                update(element);
+            });
+            mutation.observe(element, { childList: true });
+        },
+        ondisconnect: () => {
+            mutation?.disconnect();
+            mutation = undefined;
+            resize?.disconnect();
+            resize = undefined;
+        },
+        onscroll: function () {
+            update(this);
+        },
+        style: () => state.toggle !== undefined && `--scroll-overflow-end: ${overflow.end}; --scroll-overflow-start: ${overflow.start};`
+    };
+}
+const blur = () => {
+    let scroll = attributes('--scrollbar-blur', '--scroll-blur-size');
+    return {
+        ...scroll,
+        onconnect: (element) => {
+            if (!element.querySelector(':scope > .--scrollbar-blur-start')) {
+                element.prepend(createOverlay(element, 'progressive', '--scrollbar-blur-edge --scrollbar-blur-start'));
+            }
+            if (!element.querySelector(':scope > .--scrollbar-blur-end')) {
+                element.appendChild(createOverlay(element, 'progressive', '--scrollbar-blur-edge --scrollbar-blur-end'));
+            }
+            scroll.onconnect?.(element);
+        }
+    };
+};
+const drag = (axis = 'both') => {
+    let press = null, state = new ReactiveObject_1o784051();
+    function end(e) {
+        if (press?.id !== e.pointerId) {
+            return;
+        }
+        press = null;
+        state.dragging = false;
+    }
+    return {
+        class: ['--scrollbar', '--scrollbar-drag', () => state.dragging && '--dragging'],
+        ondragstart: (e) => {
+            e.preventDefault();
+        },
+        onpointercancel: end,
+        onpointerdown: function (e) {
+            if (e.button !== 0 || e.pointerType !== 'mouse') {
+                return;
+            }
+            press = { id: e.pointerId, left: this.scrollLeft, moved: false, top: this.scrollTop, x: e.clientX, y: e.clientY };
+        },
+        onpointermove: function (e) {
+            if (press?.id !== e.pointerId) {
+                return;
+            }
+            if (!e.buttons) {
+                end(e);
+                return;
+            }
+            let dx = axis === 'vertical' ? 0 : e.clientX - press.x, dy = axis === 'horizontal' ? 0 : e.clientY - press.y;
+            if (!press.moved) {
+                if (Math.abs(dx) <= SLOP && Math.abs(dy) <= SLOP) {
+                    return;
+                }
+                press.moved = true;
+                getSelection()?.removeAllRanges();
+                state.dragging = true;
+                this.setPointerCapture(e.pointerId);
+            }
+            if (axis !== 'vertical') {
+                this.scrollLeft = press.left - dx;
+            }
+            if (axis !== 'horizontal') {
+                this.scrollTop = press.top - dy;
+            }
+        },
+        onpointerup: end
+    };
+};
+const fade = () => attributes('--scrollbar-fade', '--scroll-fade-size');
+export default { blur, drag, fade };

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

@@ -1,2 +1,2 @@
-@layer css-utilities {.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar{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::-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-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scrollbar-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 scrollbar-fade;animation-timeline:scroll(self)}}@keyframes scrollbar-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-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}.--scrollbar-thin{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}}
+@layer css-utilities{.--glass{--blur:24px;--glass-opacity:1}.--glass-progressive{--glass-opacity:.9}@property --glass-opacity{syntax:"<number>";inherits:true;initial-value:1}.--glass{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.--glass-blur{border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.--glass-blur.--glass-blur-progressive>span:first-child{-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .0730435));backdrop-filter:blur(calc(var(--blur,24px) * .0730435));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);z-index:1}.--glass-blur.--glass-blur-progressive>span:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .108696));backdrop-filter:blur(calc(var(--blur,24px) * .108696));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);z-index:2}.--glass-blur.--glass-blur-progressive>span:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .186087));backdrop-filter:blur(calc(var(--blur,24px) * .186087));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);z-index:3}.--glass-blur.--glass-blur-progressive>span:nth-child(4){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .335652));backdrop-filter:blur(calc(var(--blur,24px) * .335652));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);z-index:4}.--glass-blur.--glass-blur-progressive>span:nth-child(5){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .577391));backdrop-filter:blur(calc(var(--blur,24px) * .577391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);z-index:5}.--glass-blur.--glass-blur-progressive>span:nth-child(6){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * .857391));backdrop-filter:blur(calc(var(--blur,24px) * .857391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);z-index:6}.--glass-blur.--glass-blur-progressive>span:nth-child(7){-webkit-backdrop-filter:blur(calc(var(--blur,24px) * 1));backdrop-filter:blur(calc(var(--blur,24px) * 1));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);z-index:7}.--glass-blur>span{-webkit-backdrop-filter:blur(var(--blur,24px));backdrop-filter:blur(var(--blur,24px));border-radius:inherit;opacity:var(--glass-opacity,1);position:absolute;inset:0}.--glass:has(>.--glass-blur){-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;position:relative}.--scrollbar:not(:where(.--scrollbar-scope *)),.--scrollbar-scope{--scrollbar-align:0;--scrollbar-behavior:smooth;--scrollbar-color-default:var(--color-black-400);--scrollbar-color-hover:var(--color-black-300);--scrollbar-color-pressed:var(--color-black-500);--scrollbar-overscroll:contain;--scrollbar-rail-color:transparent;--scrollbar-size:6px;--scrollbar-width:thin}.--scrollbar-primary{--scrollbar-color-active:var(--color-primary-300);--scrollbar-color-default:var(--color-primary-400);--scrollbar-color-hover:var(--color-primary-300);--scrollbar-color-pressed:var(--color-primary-500)}.--scrollbar-secondary{--scrollbar-color-active:var(--color-secondary-300);--scrollbar-color-default:var(--color-secondary-400);--scrollbar-color-hover:var(--color-secondary-300);--scrollbar-color-pressed:var(--color-secondary-500)}.--scrollbar-black{--scrollbar-color-active:var(--color-black-300);--scrollbar-color-default:var(--color-black-400);--scrollbar-color-hover:var(--color-black-300);--scrollbar-color-pressed:var(--color-black-500)}.--scrollbar-blue{--scrollbar-color-active:var(--color-blue-300);--scrollbar-color-default:var(--color-blue-400);--scrollbar-color-hover:var(--color-blue-300);--scrollbar-color-pressed:var(--color-blue-500)}.--scrollbar-border{--scrollbar-color-active:var(--color-border-300);--scrollbar-color-default:var(--color-border-400);--scrollbar-color-hover:var(--color-border-300);--scrollbar-color-pressed:var(--color-border-500)}.--scrollbar-green{--scrollbar-color-active:var(--color-green-300);--scrollbar-color-default:var(--color-green-400);--scrollbar-color-hover:var(--color-green-300);--scrollbar-color-pressed:var(--color-green-500)}.--scrollbar-grey{--scrollbar-color-active:var(--color-grey-300);--scrollbar-color-default:var(--color-grey-400);--scrollbar-color-hover:var(--color-grey-300);--scrollbar-color-pressed:var(--color-grey-500)}.--scrollbar-purple{--scrollbar-color-active:var(--color-purple-300);--scrollbar-color-default:var(--color-purple-400);--scrollbar-color-hover:var(--color-purple-300);--scrollbar-color-pressed:var(--color-purple-500)}.--scrollbar-red{--scrollbar-color-active:var(--color-red-300);--scrollbar-color-default:var(--color-red-400);--scrollbar-color-hover:var(--color-red-300);--scrollbar-color-pressed:var(--color-red-500)}.--scrollbar-text{--scrollbar-color-active:var(--color-text-300);--scrollbar-color-default:var(--color-text-400);--scrollbar-color-hover:var(--color-text-300);--scrollbar-color-pressed:var(--color-text-500)}.--scrollbar-white{--scrollbar-color-active:var(--color-white-300);--scrollbar-color-default:var(--color-white-400);--scrollbar-color-hover:var(--color-white-300);--scrollbar-color-pressed:var(--color-white-500)}.--scrollbar-yellow{--scrollbar-color-active:var(--color-yellow-300);--scrollbar-color-default:var(--color-yellow-400);--scrollbar-color-hover:var(--color-yellow-300);--scrollbar-color-pressed:var(--color-yellow-500)}.--scrollbar-auto{--scrollbar-border-radius:3px;--scrollbar-size:auto;--scrollbar-width:auto}.--scrollbar-blur{--scroll-blur:4px;--scroll-blur-offset-end:0px;--scroll-blur-offset-start:0px;--scroll-blur-size:3lh}.--scrollbar-fade{--scroll-fade-size:2lh}@property --scroll-blur-size{syntax:"<length>";inherits:true;initial-value:0}@property --scroll-fade-end{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-size{syntax:"<length>";inherits:true;initial-value:0}@property --scroll-fade-start{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar,:where(.--scrollbar-scope){overscroll-behavior:var(--scrollbar-overscroll)}.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){scroll-behavior:var(--scrollbar-behavior);scrollbar-color:var(--scrollbar-color-default) var(--scrollbar-rail-color);scrollbar-width:var(--scrollbar-width)}@media (prefers-reduced-motion:reduce){.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){scroll-behavior:auto}}@supports selector(::-webkit-scrollbar){.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){--scrollbar-growth:calc(var(--scrollbar-size-hover,calc(var(--scrollbar-size) + 2px)) - var(--scrollbar-size));--scrollbar-inset-edge:calc(var(--scrollbar-growth) * var(--scrollbar-align));--scrollbar-inset-inner:calc(var(--scrollbar-growth) * (1 - var(--scrollbar-align)));--scrollbar-radius:var(--scrollbar-border-radius,calc(var(--scrollbar-size) / 3));--scrollbar-track-size:calc(var(--scrollbar-size) + var(--scrollbar-growth));scrollbar-color:auto;scrollbar-width:auto}.--scrollbar::-webkit-scrollbar{height:calc(var(--scrollbar-size) + var(--scrollbar-growth));width:calc(var(--scrollbar-size) + var(--scrollbar-growth))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar{height:calc(var(--scrollbar-size) + var(--scrollbar-growth));width:calc(var(--scrollbar-size) + var(--scrollbar-growth))}.--scrollbar::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-color-default);border-radius:var(--scrollbar-radius);border:0 solid #0000}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-color-default);border-radius:var(--scrollbar-radius);border:0 solid #0000}.--scrollbar::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}.--scrollbar::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}.--scrollbar::-webkit-scrollbar-thumb:active{border-radius:var(--scrollbar-radius);border-width:0}.--scrollbar::-webkit-scrollbar-thumb:hover{border-radius:var(--scrollbar-radius);border-width:0}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:active{border-radius:var(--scrollbar-radius);border-width:0}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:hover{border-radius:var(--scrollbar-radius);border-width:0}.--scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color-hover)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color-hover)}.--scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-color-pressed)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-color-pressed)}.--scrollbar::-webkit-scrollbar-button{display:none}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-button{display:none}.--scrollbar::-webkit-scrollbar-corner{background:var(--scrollbar-rail-color)}.--scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-rail-color)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-corner{background:var(--scrollbar-rail-color)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track{background:var(--scrollbar-rail-color)}}.--scrollbar{overflow:var(--scrollbar-overflow,auto);scrollbar-gutter:var(--scrollbar-gutter,stable)}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-auto{--scrollbar-growth:0px;--scrollbar-track-size:0px}.--scrollbar-blur>.--scrollbar-blur-edge{--blur:var(--scroll-blur);height:var(--scroll-blur-size);z-index:1;flex-shrink:0;position:sticky}.--scrollbar-blur>.--scrollbar-blur-end{--glass-direction:to bottom;--glass-opacity:calc(var(--scroll-overflow-end,0) * .9);margin-top:calc(var(--scroll-blur-size) * -1);translate:0 var(--scroll-blur-offset-end);inset:auto 0 0}.--scrollbar-blur>.--scrollbar-blur-start{--glass-direction:to top;--glass-opacity:calc(var(--scroll-overflow-start,0) * .9);margin-bottom:calc(var(--scroll-blur-size) * -1);translate:0 var(--scroll-blur-offset-start);inset:0 0 auto}.--scrollbar-blur.--flex-column>.--scrollbar-blur-end{margin-top:calc((var(--scroll-blur-size) + var(--gap-vertical)) * -1)}.--scrollbar-blur.--flex-column>.--scrollbar-blur-start{margin-bottom:calc((var(--scroll-blur-size) + var(--gap-vertical)) * -1)}.--scrollbar-blur.--scrollbar-horizontal{display:flex}.--scrollbar-blur.--scrollbar-horizontal>*{flex-shrink:0}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-edge{height:auto;width:var(--scroll-blur-size)}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-end{--glass-direction:to right;margin:0 0 0 calc(var(--scroll-blur-size) * -1);translate:var(--scroll-blur-offset-end) 0;inset:auto 0 auto auto}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-start{--glass-direction:to left;margin:0 calc(var(--scroll-blur-size) * -1) 0 0;translate:var(--scroll-blur-offset-start) 0;inset:auto auto auto 0}.--scrollbar-blur.--scrollbar-horizontal.--flex-row>.--scrollbar-blur-end{margin-left:calc((var(--scroll-blur-size) + var(--gap-horizontal)) * -1)}.--scrollbar-blur.--scrollbar-horizontal.--flex-row>.--scrollbar-blur-start{margin-right:calc((var(--scroll-blur-size) + var(--gap-horizontal)) * -1)}@supports (animation-timeline:scroll()){.--scrollbar-blur>.--scrollbar-blur-end{animation:1ms linear both scrollbar-blur-end;animation-range:calc(100% - var(--scroll-blur-size)) 100%;animation-timeline:scroll()}.--scrollbar-blur>.--scrollbar-blur-start{animation:1ms linear both scrollbar-blur-start;animation-range:0px var(--scroll-blur-size);animation-timeline:scroll()}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-edge{animation-timeline:scroll(x)}}@keyframes scrollbar-blur-end{0%{--glass-opacity:.9}to{--glass-opacity:0}}@keyframes scrollbar-blur-start{0%{--glass-opacity:0}to{--glass-opacity:.9}}.--scrollbar-drag.--dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.--scrollbar-fade{--scroll-fade-end:calc(var(--scroll-fade-size) * var(--scroll-overflow-end,0));--scroll-fade-start:calc(var(--scroll-fade-size) * var(--scroll-overflow-start,0));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-position:0,100%;mask-position:0,100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(100% - var(--scrollbar-track-size,0px)) 100%, var(--scrollbar-track-size,0px) 100%;-webkit-mask-size:calc(100% - var(--scrollbar-track-size,0px)) 100%, var(--scrollbar-track-size,0px) 100%;mask-size:calc(100% - var(--scrollbar-track-size,0px)) 100%, var(--scrollbar-track-size,0px) 100%}.--scrollbar-fade.--scrollbar-horizontal{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);mask-image:linear-gradient(to right, transparent, #000 var(--scroll-fade-start), #000 calc(100% - var(--scroll-fade-end)), transparent), linear-gradient(#000 0 0);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - var(--scrollbar-track-size,0px)), 100% var(--scrollbar-track-size,0px);-webkit-mask-size:100% calc(100% - var(--scrollbar-track-size,0px)), 100% var(--scrollbar-track-size,0px);mask-size:100% calc(100% - var(--scrollbar-track-size,0px)), 100% var(--scrollbar-track-size,0px)}@supports (animation-timeline:scroll()){.--scrollbar-fade{animation:1ms linear both scrollbar-fade-end,1ms linear both scrollbar-fade-start;animation-range:calc(100% - var(--scroll-fade-size)) 100%, 0px var(--scroll-fade-size);animation-timeline:scroll(self)}.--scrollbar-fade.--scrollbar-horizontal{animation-timeline:scroll(self x)}}@keyframes scrollbar-fade-end{0%{--scroll-fade-end:var(--scroll-fade-size)}to{--scroll-fade-end:0px}}@keyframes scrollbar-fade-start{0%{--scroll-fade-start:0px}to{--scroll-fade-start:var(--scroll-fade-size)}}.--scrollbar-hidden{--scrollbar-track-size:0px;scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible)){scrollbar-color:transparent transparent}@supports selector(::-webkit-scrollbar){.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible)){scrollbar-color:auto}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-corner{background:0 0}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-thumb{background:0 0}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-track{background:0 0}}}.--scrollbar-horizontal{overscroll-behavior-y:auto;scrollbar-gutter:auto;overflow:auto hidden}.--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*/