@medyll/cssfabric 0.2.0 → 0.2.1-beta.2

package/README.md

@@ -1,38 +1,58 @@
-# create-svelte
-
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm init svelte
-
-# create a new project in my-app
-npm init svelte my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+# create-svelte
+
+Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+
+Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+
+## Building
+
+To build your library:
+
+```bash
+npm run package
+```
+
+To create a production version of your showcase app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+
+## Publishing
+
+Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
+
+To publish your library to [npm](https://www.npmjs.com):
+
+```bash
+npm publish
+```

package/dist/NewMenu.svelte

@@ -0,0 +1,41 @@
+<script>export let name = "";
+export let children = [];
+export let indent = 0;
+export let data = {};
+let open = true;
+function toggleOpen() {
+  open = !open;
+}
+</script>
+
+<!-- <h3 style="padding-left: {indent}px" on:click={toggleOpen}>
+	{name}
+	{open ? '(open)' : '(closed)'}
+</h3> -->
+
+{#if open}
+	{#each Object.keys(data) as key}
+		<!-- {@html JSON.stringify(key)} -->
+		{@const child = Object.values(data[key])}
+		{@const ofType = typeof Object.values(data[key])?.[0] }
+		<div class="flex-v">
+			<div class=" border-r pad-1">
+				{key} 
+			</div>
+		</div>
+		{#if ofType == 'object' && Object.keys(data[key])?.[0] !='classNames' } 
+			<div class="marg-l-4"><svelte:self data={data[key]} indent={indent + 24} /></div>
+		{/if}
+        
+		{#if   Object.keys(data[key])?.[0] =='classNames' } 
+			<div class="marg-l-4"><pre>{JSON.stringify(Object.keys(data[key].classNames),undefined,'             ')}</pre></div>
+		{/if}
+	{/each}
+{/if}
+
+<style>
+	h3 {
+		cursor: pointer;
+		user-select: none;
+	}
+</style>

package/dist/NewMenu.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name?: string | undefined;
+        children?: any[] | undefined;
+        indent?: number | undefined;
+        data?: Record<string, any> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type NewMenuProps = typeof __propDef.props;
+export type NewMenuEvents = typeof __propDef.events;
+export type NewMenuSlots = typeof __propDef.slots;
+export default class NewMenu extends SvelteComponentTyped<NewMenuProps, NewMenuEvents, NewMenuSlots> {
+}
+export {};

package/dist/css/animation/animation.css

@@ -0,0 +1,2 @@
+
+/**---------------------animation.css---------------------*/

package/dist/css/base/base.css

@@ -0,0 +1,47 @@
+
+/**---------------------base.css---------------------*/
+p {
+  margin: auto;
+}
+
+.hover-parent .hover-show {
+  display: none;
+}
+.hover-parent .hover-hide {
+  display: initial;
+}
+.hover-parent:hover .hover-show {
+  display: initial;
+}
+.hover-parent:hover .hover-hide {
+  display: none;
+}
+
+.block:not(:last-child) {
+  margin-bottom: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-block-start: 0 !important;
+  margin-block-end: 0 !important;
+  margin-inline-start: 0 !important;
+  margin-inline-end: 0 !important;
+}
+
+.box-content {
+  padding: 0.25rem;
+  margin: 0.25rem 0;
+}
+
+.cell-padding > * {
+  padding: 0.25em;
+}
+
+.cell-spacing > * {
+  margin: 0.25em;
+}

package/dist/css/base/base.min.css

@@ -0,0 +1 @@
+p{margin:auto}.hover-parent .hover-show{display:none}.hover-parent .hover-hide{display:initial}.hover-parent:hover .hover-show{display:initial}.hover-parent:hover .hover-hide{display:none}.block:not(:last-child){margin-bottom:1.5rem}h1,h2,h3,h4,h5,h6{margin-block-start:0 !important;margin-block-end:0 !important;margin-inline-start:0 !important;margin-inline-end:0 !important}.box-content{padding:.25rem;margin:.25rem 0}.cell-padding>*{padding:.25em}.cell-spacing>*{margin:.25em}

package/{styles → dist/css}/box/box.css

@@ -1,9 +1,17 @@
+
+/**---------------------box.css---------------------*/
+.marg .marg-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg .marg-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg .marg-small {
   margin: var(--box-density-preset-small);
 }
+.marg .marg-default {
+  margin: var(--box-density-preset-default);
+}
 .marg .marg-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -47,12 +55,18 @@
   margin: var(--box-density-12);
 }
 
+.marg-t .marg-t-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-t .marg-t-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-t .marg-t-small {
   margin: var(--box-density-preset-small);
 }
+.marg-t .marg-t-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-t .marg-t-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -96,12 +110,18 @@
   margin-top: var(--box-density-12);
 }
 
+.marg-b .marg-b-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-b .marg-b-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-b .marg-b-small {
   margin: var(--box-density-preset-small);
 }
+.marg-b .marg-b-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-b .marg-b-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -145,12 +165,18 @@
   margin-bottom: var(--box-density-12);
 }
 
+.marg-l .marg-l-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-l .marg-l-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-l .marg-l-small {
   margin: var(--box-density-preset-small);
 }
+.marg-l .marg-l-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-l .marg-l-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -194,12 +220,18 @@
   margin-left: var(--box-density-12);
 }
 
+.marg-r .marg-r-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-r .marg-r-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-r .marg-r-small {
   margin: var(--box-density-preset-small);
 }
+.marg-r .marg-r-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-r .marg-r-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -243,12 +275,18 @@
   margin-right: var(--box-density-12);
 }
 
+.marg-all .marg-all-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-all .marg-all-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-all .marg-all-small {
   margin: var(--box-density-preset-small);
 }
+.marg-all .marg-all-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-all .marg-all-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -292,12 +330,18 @@
   margin: var(--box-density-12);
 }
 
+.marg-u .marg-u-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-u .marg-u-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-u .marg-u-small {
   margin: var(--box-density-preset-small);
 }
+.marg-u .marg-u-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-u .marg-u-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -365,12 +409,18 @@
   margin-right: var(--box-density-12);
 }
 
+.marg-ii .marg-ii-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-ii .marg-ii-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-ii .marg-ii-small {
   margin: var(--box-density-preset-small);
 }
+.marg-ii .marg-ii-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-ii .marg-ii-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -426,12 +476,18 @@
   margin-right: var(--box-density-12);
 }
 
+.marg-tb .marg-tb-tight {
+  margin: var(--box-density-preset-tight);
+}
 .marg-tb .marg-tb-tiny {
   margin: var(--box-density-preset-tiny);
 }
 .marg-tb .marg-tb-small {
   margin: var(--box-density-preset-small);
 }
+.marg-tb .marg-tb-default {
+  margin: var(--box-density-preset-default);
+}
 .marg-tb .marg-tb-medium {
   margin: var(--box-density-preset-medium);
 }
@@ -487,12 +543,18 @@
   margin-bottom: var(--box-density-12);
 }
 
+.pad .pad-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad .pad-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad .pad-small {
   padding: var(--box-density-preset-small);
 }
+.pad .pad-default {
+  padding: var(--box-density-preset-default);
+}
 .pad .pad-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -536,12 +598,18 @@
   padding: var(--box-density-12);
 }
 
+.pad-t .pad-t-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-t .pad-t-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-t .pad-t-small {
   padding: var(--box-density-preset-small);
 }
+.pad-t .pad-t-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-t .pad-t-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -585,12 +653,18 @@
   padding-top: var(--box-density-12);
 }
 
+.pad-b .pad-b-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-b .pad-b-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-b .pad-b-small {
   padding: var(--box-density-preset-small);
 }
+.pad-b .pad-b-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-b .pad-b-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -634,12 +708,18 @@
   padding-bottom: var(--box-density-12);
 }
 
+.pad-l .pad-l-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-l .pad-l-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-l .pad-l-small {
   padding: var(--box-density-preset-small);
 }
+.pad-l .pad-l-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-l .pad-l-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -683,12 +763,18 @@
   padding-left: var(--box-density-12);
 }
 
+.pad-r .pad-r-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-r .pad-r-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-r .pad-r-small {
   padding: var(--box-density-preset-small);
 }
+.pad-r .pad-r-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-r .pad-r-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -732,12 +818,18 @@
   padding-right: var(--box-density-12);
 }
 
+.pad-all .pad-all-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-all .pad-all-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-all .pad-all-small {
   padding: var(--box-density-preset-small);
 }
+.pad-all .pad-all-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-all .pad-all-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -781,12 +873,18 @@
   padding: var(--box-density-12);
 }
 
+.pad-u .pad-u-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-u .pad-u-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-u .pad-u-small {
   padding: var(--box-density-preset-small);
 }
+.pad-u .pad-u-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-u .pad-u-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -854,12 +952,18 @@
   padding-right: var(--box-density-12);
 }
 
+.pad-ii .pad-ii-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-ii .pad-ii-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-ii .pad-ii-small {
   padding: var(--box-density-preset-small);
 }
+.pad-ii .pad-ii-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-ii .pad-ii-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -915,12 +1019,18 @@
   padding-right: var(--box-density-12);
 }
 
+.pad-tb .pad-tb-tight {
+  padding: var(--box-density-preset-tight);
+}
 .pad-tb .pad-tb-tiny {
   padding: var(--box-density-preset-tiny);
 }
 .pad-tb .pad-tb-small {
   padding: var(--box-density-preset-small);
 }
+.pad-tb .pad-tb-default {
+  padding: var(--box-density-preset-default);
+}
 .pad-tb .pad-tb-medium {
   padding: var(--box-density-preset-medium);
 }
@@ -1362,6 +1472,10 @@
   box-shadow: var(--box-shad-5);
 }
 
+.gap-tight {
+  gap: var(--box-density-preset-tight);
+}
+
 .gap-tiny {
   gap: var(--box-density-preset-tiny);
 }
@@ -1370,6 +1484,10 @@
   gap: var(--box-density-preset-small);
 }
 
+.gap-default {
+  gap: var(--box-density-preset-default);
+}
+
 .gap-medium {
   gap: var(--box-density-preset-medium);
 }

package/dist/css/box/box.min.css

@@ -0,0 +1 @@
+.marg .marg-tight{margin:var(--box-density-preset-tight)}.marg .marg-tiny{margin:var(--box-density-preset-tiny)}.marg .marg-small{margin:var(--box-density-preset-small)}.marg .marg-default{margin:var(--box-density-preset-default)}.marg .marg-medium{margin:var(--box-density-preset-medium)}.marg .marg-large{margin:var(--box-density-preset-large)}.marg,.marg-1{margin:var(--box-density-1)}.marg-2{margin:var(--box-density-2)}.marg-3{margin:var(--box-density-3)}.marg-4{margin:var(--box-density-4)}.marg-5{margin:var(--box-density-5)}.marg-6{margin:var(--box-density-6)}.marg-7{margin:var(--box-density-7)}.marg-8{margin:var(--box-density-8)}.marg-9{margin:var(--box-density-9)}.marg-10{margin:var(--box-density-10)}.marg-11{margin:var(--box-density-11)}.marg-12{margin:var(--box-density-12)}.marg-t .marg-t-tight{margin:var(--box-density-preset-tight)}.marg-t .marg-t-tiny{margin:var(--box-density-preset-tiny)}.marg-t .marg-t-small{margin:var(--box-density-preset-small)}.marg-t .marg-t-default{margin:var(--box-density-preset-default)}.marg-t .marg-t-medium{margin:var(--box-density-preset-medium)}.marg-t .marg-t-large{margin:var(--box-density-preset-large)}.marg-t,.marg-t-1{margin-top:var(--box-density-1)}.marg-t-2{margin-top:var(--box-density-2)}.marg-t-3{margin-top:var(--box-density-3)}.marg-t-4{margin-top:var(--box-density-4)}.marg-t-5{margin-top:var(--box-density-5)}.marg-t-6{margin-top:var(--box-density-6)}.marg-t-7{margin-top:var(--box-density-7)}.marg-t-8{margin-top:var(--box-density-8)}.marg-t-9{margin-top:var(--box-density-9)}.marg-t-10{margin-top:var(--box-density-10)}.marg-t-11{margin-top:var(--box-density-11)}.marg-t-12{margin-top:var(--box-density-12)}.marg-b .marg-b-tight{margin:var(--box-density-preset-tight)}.marg-b .marg-b-tiny{margin:var(--box-density-preset-tiny)}.marg-b .marg-b-small{margin:var(--box-density-preset-small)}.marg-b .marg-b-default{margin:var(--box-density-preset-default)}.marg-b .marg-b-medium{margin:var(--box-density-preset-medium)}.marg-b .marg-b-large{margin:var(--box-density-preset-large)}.marg-b,.marg-b-1{margin-bottom:var(--box-density-1)}.marg-b-2{margin-bottom:var(--box-density-2)}.marg-b-3{margin-bottom:var(--box-density-3)}.marg-b-4{margin-bottom:var(--box-density-4)}.marg-b-5{margin-bottom:var(--box-density-5)}.marg-b-6{margin-bottom:var(--box-density-6)}.marg-b-7{margin-bottom:var(--box-density-7)}.marg-b-8{margin-bottom:var(--box-density-8)}.marg-b-9{margin-bottom:var(--box-density-9)}.marg-b-10{margin-bottom:var(--box-density-10)}.marg-b-11{margin-bottom:var(--box-density-11)}.marg-b-12{margin-bottom:var(--box-density-12)}.marg-l .marg-l-tight{margin:var(--box-density-preset-tight)}.marg-l .marg-l-tiny{margin:var(--box-density-preset-tiny)}.marg-l .marg-l-small{margin:var(--box-density-preset-small)}.marg-l .marg-l-default{margin:var(--box-density-preset-default)}.marg-l .marg-l-medium{margin:var(--box-density-preset-medium)}.marg-l .marg-l-large{margin:var(--box-density-preset-large)}.marg-l,.marg-l-1{margin-left:var(--box-density-1)}.marg-l-2{margin-left:var(--box-density-2)}.marg-l-3{margin-left:var(--box-density-3)}.marg-l-4{margin-left:var(--box-density-4)}.marg-l-5{margin-left:var(--box-density-5)}.marg-l-6{margin-left:var(--box-density-6)}.marg-l-7{margin-left:var(--box-density-7)}.marg-l-8{margin-left:var(--box-density-8)}.marg-l-9{margin-left:var(--box-density-9)}.marg-l-10{margin-left:var(--box-density-10)}.marg-l-11{margin-left:var(--box-density-11)}.marg-l-12{margin-left:var(--box-density-12)}.marg-r .marg-r-tight{margin:var(--box-density-preset-tight)}.marg-r .marg-r-tiny{margin:var(--box-density-preset-tiny)}.marg-r .marg-r-small{margin:var(--box-density-preset-small)}.marg-r .marg-r-default{margin:var(--box-density-preset-default)}.marg-r .marg-r-medium{margin:var(--box-density-preset-medium)}.marg-r .marg-r-large{margin:var(--box-density-preset-large)}.marg-r,.marg-r-1{margin-right:var(--box-density-1)}.marg-r-2{margin-right:var(--box-density-2)}.marg-r-3{margin-right:var(--box-density-3)}.marg-r-4{margin-right:var(--box-density-4)}.marg-r-5{margin-right:var(--box-density-5)}.marg-r-6{margin-right:var(--box-density-6)}.marg-r-7{margin-right:var(--box-density-7)}.marg-r-8{margin-right:var(--box-density-8)}.marg-r-9{margin-right:var(--box-density-9)}.marg-r-10{margin-right:var(--box-density-10)}.marg-r-11{margin-right:var(--box-density-11)}.marg-r-12{margin-right:var(--box-density-12)}.marg-all .marg-all-tight{margin:var(--box-density-preset-tight)}.marg-all .marg-all-tiny{margin:var(--box-density-preset-tiny)}.marg-all .marg-all-small{margin:var(--box-density-preset-small)}.marg-all .marg-all-default{margin:var(--box-density-preset-default)}.marg-all .marg-all-medium{margin:var(--box-density-preset-medium)}.marg-all .marg-all-large{margin:var(--box-density-preset-large)}.marg-all,.marg-all-1{margin:var(--box-density-1)}.marg-all-2{margin:var(--box-density-2)}.marg-all-3{margin:var(--box-density-3)}.marg-all-4{margin:var(--box-density-4)}.marg-all-5{margin:var(--box-density-5)}.marg-all-6{margin:var(--box-density-6)}.marg-all-7{margin:var(--box-density-7)}.marg-all-8{margin:var(--box-density-8)}.marg-all-9{margin:var(--box-density-9)}.marg-all-10{margin:var(--box-density-10)}.marg-all-11{margin:var(--box-density-11)}.marg-all-12{margin:var(--box-density-12)}.marg-u .marg-u-tight{margin:var(--box-density-preset-tight)}.marg-u .marg-u-tiny{margin:var(--box-density-preset-tiny)}.marg-u .marg-u-small{margin:var(--box-density-preset-small)}.marg-u .marg-u-default{margin:var(--box-density-preset-default)}.marg-u .marg-u-medium{margin:var(--box-density-preset-medium)}.marg-u .marg-u-large{margin:var(--box-density-preset-large)}.marg-u,.marg-u-1{margin-bottom:var(--box-density-1);margin-left:var(--box-density-1);margin-right:var(--box-density-1)}.marg-u-2{margin-bottom:var(--box-density-2);margin-left:var(--box-density-2);margin-right:var(--box-density-2)}.marg-u-3{margin-bottom:var(--box-density-3);margin-left:var(--box-density-3);margin-right:var(--box-density-3)}.marg-u-4{margin-bottom:var(--box-density-4);margin-left:var(--box-density-4);margin-right:var(--box-density-4)}.marg-u-5{margin-bottom:var(--box-density-5);margin-left:var(--box-density-5);margin-right:var(--box-density-5)}.marg-u-6{margin-bottom:var(--box-density-6);margin-left:var(--box-density-6);margin-right:var(--box-density-6)}.marg-u-7{margin-bottom:var(--box-density-7);margin-left:var(--box-density-7);margin-right:var(--box-density-7)}.marg-u-8{margin-bottom:var(--box-density-8);margin-left:var(--box-density-8);margin-right:var(--box-density-8)}.marg-u-9{margin-bottom:var(--box-density-9);margin-left:var(--box-density-9);margin-right:var(--box-density-9)}.marg-u-10{margin-bottom:var(--box-density-10);margin-left:var(--box-density-10);margin-right:var(--box-density-10)}.marg-u-11{margin-bottom:var(--box-density-11);margin-left:var(--box-density-11);margin-right:var(--box-density-11)}.marg-u-12{margin-bottom:var(--box-density-12);margin-left:var(--box-density-12);margin-right:var(--box-density-12)}.marg-ii .marg-ii-tight{margin:var(--box-density-preset-tight)}.marg-ii .marg-ii-tiny{margin:var(--box-density-preset-tiny)}.marg-ii .marg-ii-small{margin:var(--box-density-preset-small)}.marg-ii .marg-ii-default{margin:var(--box-density-preset-default)}.marg-ii .marg-ii-medium{margin:var(--box-density-preset-medium)}.marg-ii .marg-ii-large{margin:var(--box-density-preset-large)}.marg-ii,.marg-ii-1{margin-left:var(--box-density-1);margin-right:var(--box-density-1)}.marg-ii-2{margin-left:var(--box-density-2);margin-right:var(--box-density-2)}.marg-ii-3{margin-left:var(--box-density-3);margin-right:var(--box-density-3)}.marg-ii-4{margin-left:var(--box-density-4);margin-right:var(--box-density-4)}.marg-ii-5{margin-left:var(--box-density-5);margin-right:var(--box-density-5)}.marg-ii-6{margin-left:var(--box-density-6);margin-right:var(--box-density-6)}.marg-ii-7{margin-left:var(--box-density-7);margin-right:var(--box-density-7)}.marg-ii-8{margin-left:var(--box-density-8);margin-right:var(--box-density-8)}.marg-ii-9{margin-left:var(--box-density-9);margin-right:var(--box-density-9)}.marg-ii-10{margin-left:var(--box-density-10);margin-right:var(--box-density-10)}.marg-ii-11{margin-left:var(--box-density-11);margin-right:var(--box-density-11)}.marg-ii-12{margin-left:var(--box-density-12);margin-right:var(--box-density-12)}.marg-tb .marg-tb-tight{margin:var(--box-density-preset-tight)}.marg-tb .marg-tb-tiny{margin:var(--box-density-preset-tiny)}.marg-tb .marg-tb-small{margin:var(--box-density-preset-small)}.marg-tb .marg-tb-default{margin:var(--box-density-preset-default)}.marg-tb .marg-tb-medium{margin:var(--box-density-preset-medium)}.marg-tb .marg-tb-large{margin:var(--box-density-preset-large)}.marg-tb,.marg-tb-1{margin-top:var(--box-density-1);margin-bottom:var(--box-density-1)}.marg-tb-2{margin-top:var(--box-density-2);margin-bottom:var(--box-density-2)}.marg-tb-3{margin-top:var(--box-density-3);margin-bottom:var(--box-density-3)}.marg-tb-4{margin-top:var(--box-density-4);margin-bottom:var(--box-density-4)}.marg-tb-5{margin-top:var(--box-density-5);margin-bottom:var(--box-density-5)}.marg-tb-6{margin-top:var(--box-density-6);margin-bottom:var(--box-density-6)}.marg-tb-7{margin-top:var(--box-density-7);margin-bottom:var(--box-density-7)}.marg-tb-8{margin-top:var(--box-density-8);margin-bottom:var(--box-density-8)}.marg-tb-9{margin-top:var(--box-density-9);margin-bottom:var(--box-density-9)}.marg-tb-10{margin-top:var(--box-density-10);margin-bottom:var(--box-density-10)}.marg-tb-11{margin-top:var(--box-density-11);margin-bottom:var(--box-density-11)}.marg-tb-12{margin-top:var(--box-density-12);margin-bottom:var(--box-density-12)}.pad .pad-tight{padding:var(--box-density-preset-tight)}.pad .pad-tiny{padding:var(--box-density-preset-tiny)}.pad .pad-small{padding:var(--box-density-preset-small)}.pad .pad-default{padding:var(--box-density-preset-default)}.pad .pad-medium{padding:var(--box-density-preset-medium)}.pad .pad-large{padding:var(--box-density-preset-large)}.pad,.pad-1{padding:var(--box-density-1)}.pad-2{padding:var(--box-density-2)}.pad-3{padding:var(--box-density-3)}.pad-4{padding:var(--box-density-4)}.pad-5{padding:var(--box-density-5)}.pad-6{padding:var(--box-density-6)}.pad-7{padding:var(--box-density-7)}.pad-8{padding:var(--box-density-8)}.pad-9{padding:var(--box-density-9)}.pad-10{padding:var(--box-density-10)}.pad-11{padding:var(--box-density-11)}.pad-12{padding:var(--box-density-12)}.pad-t .pad-t-tight{padding:var(--box-density-preset-tight)}.pad-t .pad-t-tiny{padding:var(--box-density-preset-tiny)}.pad-t .pad-t-small{padding:var(--box-density-preset-small)}.pad-t .pad-t-default{padding:var(--box-density-preset-default)}.pad-t .pad-t-medium{padding:var(--box-density-preset-medium)}.pad-t .pad-t-large{padding:var(--box-density-preset-large)}.pad-t,.pad-t-1{padding-top:var(--box-density-1)}.pad-t-2{padding-top:var(--box-density-2)}.pad-t-3{padding-top:var(--box-density-3)}.pad-t-4{padding-top:var(--box-density-4)}.pad-t-5{padding-top:var(--box-density-5)}.pad-t-6{padding-top:var(--box-density-6)}.pad-t-7{padding-top:var(--box-density-7)}.pad-t-8{padding-top:var(--box-density-8)}.pad-t-9{padding-top:var(--box-density-9)}.pad-t-10{padding-top:var(--box-density-10)}.pad-t-11{padding-top:var(--box-density-11)}.pad-t-12{padding-top:var(--box-density-12)}.pad-b .pad-b-tight{padding:var(--box-density-preset-tight)}.pad-b .pad-b-tiny{padding:var(--box-density-preset-tiny)}.pad-b .pad-b-small{padding:var(--box-density-preset-small)}.pad-b .pad-b-default{padding:var(--box-density-preset-default)}.pad-b .pad-b-medium{padding:var(--box-density-preset-medium)}.pad-b .pad-b-large{padding:var(--box-density-preset-large)}.pad-b,.pad-b-1{padding-bottom:var(--box-density-1)}.pad-b-2{padding-bottom:var(--box-density-2)}.pad-b-3{padding-bottom:var(--box-density-3)}.pad-b-4{padding-bottom:var(--box-density-4)}.pad-b-5{padding-bottom:var(--box-density-5)}.pad-b-6{padding-bottom:var(--box-density-6)}.pad-b-7{padding-bottom:var(--box-density-7)}.pad-b-8{padding-bottom:var(--box-density-8)}.pad-b-9{padding-bottom:var(--box-density-9)}.pad-b-10{padding-bottom:var(--box-density-10)}.pad-b-11{padding-bottom:var(--box-density-11)}.pad-b-12{padding-bottom:var(--box-density-12)}.pad-l .pad-l-tight{padding:var(--box-density-preset-tight)}.pad-l .pad-l-tiny{padding:var(--box-density-preset-tiny)}.pad-l .pad-l-small{padding:var(--box-density-preset-small)}.pad-l .pad-l-default{padding:var(--box-density-preset-default)}.pad-l .pad-l-medium{padding:var(--box-density-preset-medium)}.pad-l .pad-l-large{padding:var(--box-density-preset-large)}.pad-l,.pad-l-1{padding-left:var(--box-density-1)}.pad-l-2{padding-left:var(--box-density-2)}.pad-l-3{padding-left:var(--box-density-3)}.pad-l-4{padding-left:var(--box-density-4)}.pad-l-5{padding-left:var(--box-density-5)}.pad-l-6{padding-left:var(--box-density-6)}.pad-l-7{padding-left:var(--box-density-7)}.pad-l-8{padding-left:var(--box-density-8)}.pad-l-9{padding-left:var(--box-density-9)}.pad-l-10{padding-left:var(--box-density-10)}.pad-l-11{padding-left:var(--box-density-11)}.pad-l-12{padding-left:var(--box-density-12)}.pad-r .pad-r-tight{padding:var(--box-density-preset-tight)}.pad-r .pad-r-tiny{padding:var(--box-density-preset-tiny)}.pad-r .pad-r-small{padding:var(--box-density-preset-small)}.pad-r .pad-r-default{padding:var(--box-density-preset-default)}.pad-r .pad-r-medium{padding:var(--box-density-preset-medium)}.pad-r .pad-r-large{padding:var(--box-density-preset-large)}.pad-r,.pad-r-1{padding-right:var(--box-density-1)}.pad-r-2{padding-right:var(--box-density-2)}.pad-r-3{padding-right:var(--box-density-3)}.pad-r-4{padding-right:var(--box-density-4)}.pad-r-5{padding-right:var(--box-density-5)}.pad-r-6{padding-right:var(--box-density-6)}.pad-r-7{padding-right:var(--box-density-7)}.pad-r-8{padding-right:var(--box-density-8)}.pad-r-9{padding-right:var(--box-density-9)}.pad-r-10{padding-right:var(--box-density-10)}.pad-r-11{padding-right:var(--box-density-11)}.pad-r-12{padding-right:var(--box-density-12)}.pad-all .pad-all-tight{padding:var(--box-density-preset-tight)}.pad-all .pad-all-tiny{padding:var(--box-density-preset-tiny)}.pad-all .pad-all-small{padding:var(--box-density-preset-small)}.pad-all .pad-all-default{padding:var(--box-density-preset-default)}.pad-all .pad-all-medium{padding:var(--box-density-preset-medium)}.pad-all .pad-all-large{padding:var(--box-density-preset-large)}.pad-all,.pad-all-1{padding:var(--box-density-1)}.pad-all-2{padding:var(--box-density-2)}.pad-all-3{padding:var(--box-density-3)}.pad-all-4{padding:var(--box-density-4)}.pad-all-5{padding:var(--box-density-5)}.pad-all-6{padding:var(--box-density-6)}.pad-all-7{padding:var(--box-density-7)}.pad-all-8{padding:var(--box-density-8)}.pad-all-9{padding:var(--box-density-9)}.pad-all-10{padding:var(--box-density-10)}.pad-all-11{padding:var(--box-density-11)}.pad-all-12{padding:var(--box-density-12)}.pad-u .pad-u-tight{padding:var(--box-density-preset-tight)}.pad-u .pad-u-tiny{padding:var(--box-density-preset-tiny)}.pad-u .pad-u-small{padding:var(--box-density-preset-small)}.pad-u .pad-u-default{padding:var(--box-density-preset-default)}.pad-u .pad-u-medium{padding:var(--box-density-preset-medium)}.pad-u .pad-u-large{padding:var(--box-density-preset-large)}.pad-u,.pad-u-1{padding-bottom:var(--box-density-1);padding-left:var(--box-density-1);padding-right:var(--box-density-1)}.pad-u-2{padding-bottom:var(--box-density-2);padding-left:var(--box-density-2);padding-right:var(--box-density-2)}.pad-u-3{padding-bottom:var(--box-density-3);padding-left:var(--box-density-3);padding-right:var(--box-density-3)}.pad-u-4{padding-bottom:var(--box-density-4);padding-left:var(--box-density-4);padding-right:var(--box-density-4)}.pad-u-5{padding-bottom:var(--box-density-5);padding-left:var(--box-density-5);padding-right:var(--box-density-5)}.pad-u-6{padding-bottom:var(--box-density-6);padding-left:var(--box-density-6);padding-right:var(--box-density-6)}.pad-u-7{padding-bottom:var(--box-density-7);padding-left:var(--box-density-7);padding-right:var(--box-density-7)}.pad-u-8{padding-bottom:var(--box-density-8);padding-left:var(--box-density-8);padding-right:var(--box-density-8)}.pad-u-9{padding-bottom:var(--box-density-9);padding-left:var(--box-density-9);padding-right:var(--box-density-9)}.pad-u-10{padding-bottom:var(--box-density-10);padding-left:var(--box-density-10);padding-right:var(--box-density-10)}.pad-u-11{padding-bottom:var(--box-density-11);padding-left:var(--box-density-11);padding-right:var(--box-density-11)}.pad-u-12{padding-bottom:var(--box-density-12);padding-left:var(--box-density-12);padding-right:var(--box-density-12)}.pad-ii .pad-ii-tight{padding:var(--box-density-preset-tight)}.pad-ii .pad-ii-tiny{padding:var(--box-density-preset-tiny)}.pad-ii .pad-ii-small{padding:var(--box-density-preset-small)}.pad-ii .pad-ii-default{padding:var(--box-density-preset-default)}.pad-ii .pad-ii-medium{padding:var(--box-density-preset-medium)}.pad-ii .pad-ii-large{padding:var(--box-density-preset-large)}.pad-ii,.pad-ii-1{padding-left:var(--box-density-1);padding-right:var(--box-density-1)}.pad-ii-2{padding-left:var(--box-density-2);padding-right:var(--box-density-2)}.pad-ii-3{padding-left:var(--box-density-3);padding-right:var(--box-density-3)}.pad-ii-4{padding-left:var(--box-density-4);padding-right:var(--box-density-4)}.pad-ii-5{padding-left:var(--box-density-5);padding-right:var(--box-density-5)}.pad-ii-6{padding-left:var(--box-density-6);padding-right:var(--box-density-6)}.pad-ii-7{padding-left:var(--box-density-7);padding-right:var(--box-density-7)}.pad-ii-8{padding-left:var(--box-density-8);padding-right:var(--box-density-8)}.pad-ii-9{padding-left:var(--box-density-9);padding-right:var(--box-density-9)}.pad-ii-10{padding-left:var(--box-density-10);padding-right:var(--box-density-10)}.pad-ii-11{padding-left:var(--box-density-11);padding-right:var(--box-density-11)}.pad-ii-12{padding-left:var(--box-density-12);padding-right:var(--box-density-12)}.pad-tb .pad-tb-tight{padding:var(--box-density-preset-tight)}.pad-tb .pad-tb-tiny{padding:var(--box-density-preset-tiny)}.pad-tb .pad-tb-small{padding:var(--box-density-preset-small)}.pad-tb .pad-tb-default{padding:var(--box-density-preset-default)}.pad-tb .pad-tb-medium{padding:var(--box-density-preset-medium)}.pad-tb .pad-tb-large{padding:var(--box-density-preset-large)}.pad-tb,.pad-tb-1{padding-top:var(--box-density-1);padding-bottom:var(--box-density-1)}.pad-tb-2{padding-top:var(--box-density-2);padding-bottom:var(--box-density-2)}.pad-tb-3{padding-top:var(--box-density-3);padding-bottom:var(--box-density-3)}.pad-tb-4{padding-top:var(--box-density-4);padding-bottom:var(--box-density-4)}.pad-tb-5{padding-top:var(--box-density-5);padding-bottom:var(--box-density-5)}.pad-tb-6{padding-top:var(--box-density-6);padding-bottom:var(--box-density-6)}.pad-tb-7{padding-top:var(--box-density-7);padding-bottom:var(--box-density-7)}.pad-tb-8{padding-top:var(--box-density-8);padding-bottom:var(--box-density-8)}.pad-tb-9{padding-top:var(--box-density-9);padding-bottom:var(--box-density-9)}.pad-tb-10{padding-top:var(--box-density-10);padding-bottom:var(--box-density-10)}.pad-tb-11{padding-top:var(--box-density-11);padding-bottom:var(--box-density-11)}.pad-tb-12{padding-top:var(--box-density-12);padding-bottom:var(--box-density-12)}.border,.border-1{border:1px solid var(--theme-color-border)}.border-2{border:2px solid var(--theme-color-border)}.border-3{border:3px solid var(--theme-color-border)}.border-t,.border-t-1{border-top:1px solid var(--theme-color-border)}.border-t-2{border-top:2px solid var(--theme-color-border)}.border-t-3{border-top:3px solid var(--theme-color-border)}.border-b,.border-b-1{border-bottom:1px solid var(--theme-color-border)}.border-b-2{border-bottom:2px solid var(--theme-color-border)}.border-b-3{border-bottom:3px solid var(--theme-color-border)}.border-l,.border-l-1{border-left:1px solid var(--theme-color-border)}.border-l-2{border-left:2px solid var(--theme-color-border)}.border-l-3{border-left:3px solid var(--theme-color-border)}.border-r,.border-r-1{border-right:1px solid var(--theme-color-border)}.border-r-2{border-right:2px solid var(--theme-color-border)}.border-r-3{border-right:3px solid var(--theme-color-border)}.border-all,.border-all-1{border:1px solid var(--theme-color-border)}.border-all-2{border:2px solid var(--theme-color-border)}.border-all-3{border:3px solid var(--theme-color-border)}.border-u,.border-u-1{border-bottom:1px solid var(--theme-color-border);border-left:1px solid var(--theme-color-border);border-right:1px solid var(--theme-color-border)}.border-u-2{border-bottom:2px solid var(--theme-color-border);border-left:2px solid var(--theme-color-border);border-right:2px solid var(--theme-color-border)}.border-u-3{border-bottom:3px solid var(--theme-color-border);border-left:3px solid var(--theme-color-border);border-right:3px solid var(--theme-color-border)}.border-ii,.border-ii-1{border-left:1px solid var(--theme-color-border);border-right:1px solid var(--theme-color-border)}.border-ii-2{border-left:2px solid var(--theme-color-border);border-right:2px solid var(--theme-color-border)}.border-ii-3{border-left:3px solid var(--theme-color-border);border-right:3px solid var(--theme-color-border)}.border-tb,.border-tb-1{border-top:1px solid var(--theme-color-border);border-bottom:1px solid var(--theme-color-border)}.border-tb-2{border-top:2px solid var(--theme-color-border);border-bottom:2px solid var(--theme-color-border)}.border-tb-3{border-top:3px solid var(--theme-color-border);border-bottom:3px solid var(--theme-color-border)}.dsp-block{display:block}.dsp-none{display:none}.dsp-inline{display:inline}.dsp-block-inline{display:inline-block}.dsp-flex-inline{display:inline-flex}.dsp-tbl{display:table}.dsp-tbl-row{display:table-row}.dsp-tbl-cell{display:table-cell}.dsp-tbl-column{display:table-column}.pos-abs{position:absolute}.pos-rel{position:relative}.pos-stat{position:static}.pos-fix{position:fixed}.pos-sticky{position:sticky;top:0;margin-top:0}.top-0{top:var(--box-density-0)}.top-1{top:var(--box-density-1)}.top-2{top:var(--box-density-2)}.top-3{top:var(--box-density-3)}.top-4{top:var(--box-density-4)}.top-5{top:var(--box-density-5)}.top-6{top:var(--box-density-6)}.top-7{top:var(--box-density-7)}.top-8{top:var(--box-density-8)}.right-0{right:var(--box-density-0)}.right-1{right:var(--box-density-1)}.right-2{right:var(--box-density-2)}.right-3{right:var(--box-density-3)}.right-4{right:var(--box-density-4)}.right-5{right:var(--box-density-5)}.right-6{right:var(--box-density-6)}.right-7{right:var(--box-density-7)}.right-8{right:var(--box-density-8)}.bottom-0{bottom:var(--box-density-0)}.bottom-1{bottom:var(--box-density-1)}.bottom-2{bottom:var(--box-density-2)}.bottom-3{bottom:var(--box-density-3)}.bottom-4{bottom:var(--box-density-4)}.bottom-5{bottom:var(--box-density-5)}.bottom-6{bottom:var(--box-density-6)}.bottom-7{bottom:var(--box-density-7)}.bottom-8{bottom:var(--box-density-8)}.left-0{left:var(--box-density-0)}.left-1{left:var(--box-density-1)}.left-2{left:var(--box-density-2)}.left-3{left:var(--box-density-3)}.left-4{left:var(--box-density-4)}.left-5{left:var(--box-density-5)}.left-6{left:var(--box-density-6)}.left-7{left:var(--box-density-7)}.left-8{left:var(--box-density-8)}.radius-tiny{border-radius:4px}.radius-tiny-t{border-top-left-radius:4px;border-top-right-radius:4px}.radius-tiny-b{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.radius-tiny-l{border-top-left-radius:4px;border-bottom-left-radius:4px}.radius-tiny-r{border-top-right-radius:4px;border-bottom-right-radius:4px}.radius-small{border-radius:8px}.radius-small-t{border-top-left-radius:8px;border-top-right-radius:8px}.radius-small-b{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.radius-small-l{border-top-left-radius:8px;border-bottom-left-radius:8px}.radius-small-r{border-top-right-radius:8px;border-bottom-right-radius:8px}.radius-medium{border-radius:16px}.radius-medium-t{border-top-left-radius:16px;border-top-right-radius:16px}.radius-medium-b{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.radius-medium-l{border-top-left-radius:16px;border-bottom-left-radius:16px}.radius-medium-r{border-top-right-radius:16px;border-bottom-right-radius:16px}.shad-1{box-shadow:var(--box-shad-1)}.shad-2{box-shadow:var(--box-shad-2)}.shad-3{box-shadow:var(--box-shad-3)}.shad-4{box-shadow:var(--box-shad-4)}.shad-5{box-shadow:var(--box-shad-5)}.gap-tight{gap:var(--box-density-preset-tight)}.gap-tiny{gap:var(--box-density-preset-tiny)}.gap-small{gap:var(--box-density-preset-small)}.gap-default{gap:var(--box-density-preset-default)}.gap-medium{gap:var(--box-density-preset-medium)}.gap-large{gap:var(--box-density-preset-large)}