From c360be8e339b736301359cbe4092fc7ec7681b3f Mon Sep 17 00:00:00 2001
From: Taufik Nurrohman <hi@taufik-nurrohman.com>
Date: Mon, 22 Nov 2021 00:12:06 +0700
Subject: [PATCH] Add `card` and `cards` Component

---
 README.md                                     |   3 +-
 .../source/lot/asset/css/index.css.scss       |   1 +
 panel.skin.default/about.page                 |   2 +-
 panel.skin.default/lot/asset/css/index.css    |   2 +
 .../lot/asset/css/index.min.css               |   2 +-
 .../.github/source/lot/asset/css/_/base.scss  |   4 +-
 panel/.github/source/lot/asset/css/_/lot.scss |   2 +
 .../source/lot/asset/css/_/lot/card.scss      |  30 ++
 .../source/lot/asset/css/_/lot/cards.scss     |   6 +
 .../source/lot/asset/css/_/lot/desk.scss      |   3 -
 .../lot/asset/css/_/lot/field/query.scss      |   1 +
 .../lot/asset/css/_/lot/files-folders.scss    |   6 +-
 .../source/lot/asset/css/_/lot/page.scss      |  14 +-
 .../source/lot/asset/css/_/lot/stack.scss     |  19 +-
 panel/about.page                              |   2 +-
 panel/engine/f/route.php                      |   1 +
 panel/engine/f/type.php                       |  22 +-
 panel/engine/fire.php                         |   2 +-
 panel/engine/r/lot/pages/layout.php           |   2 +-
 panel/engine/r/lot/pages/x.php                |   2 +-
 panel/lot/asset/css/index.css                 | 292 +++++++++++-------
 panel/lot/asset/css/index.min.css             |   2 +-
 test.panel/engine/f/route.php                 |   1 +
 test.panel/engine/f/route/cards.php           |  52 ++++
 24 files changed, 323 insertions(+), 150 deletions(-)
 create mode 100644 panel/.github/source/lot/asset/css/_/lot/card.scss
 create mode 100644 panel/.github/source/lot/asset/css/_/lot/cards.scss
 create mode 100644 test.panel/engine/f/route/cards.php

diff --git a/README.md b/README.md
index 114b3f3a..5638a6d2 100755
--- a/README.md
+++ b/README.md
@@ -12,9 +12,10 @@ GUI Extension for [Mecha](https://github.com/mecha-cms/mecha)
 Release Notes
 -------------
 
-### 2.8.0
+### 2.8.1
 
  - Added CSS variables to support theming by third-party extension and layout.
+ - Added `card` and `cards` type.
  - Added `column` and `columns` type so we can have sidebars.
  - Added `description` and `title` option for `menu`.
  - Added `gap` option for `tabs`.
diff --git a/panel.skin.default/.github/source/lot/asset/css/index.css.scss b/panel.skin.default/.github/source/lot/asset/css/index.css.scss
index 79c3dd94..b6b2cded 100755
--- a/panel.skin.default/.github/source/lot/asset/css/index.css.scss
+++ b/panel.skin.default/.github/source/lot/asset/css/index.css.scss
@@ -13,6 +13,7 @@ $mix: #fff;
   --shadow-option-picker__options: 0 1px 4px rgba(0, 0, 0, .25);
 }
 
+.lot\:cards,
 .lot\:files,
 .lot\:folders,
 .lot\:pages {
diff --git a/panel.skin.default/about.page b/panel.skin.default/about.page
index 81ff6489..e607c52a 100755
--- a/panel.skin.default/about.page
+++ b/panel.skin.default/about.page
@@ -4,7 +4,7 @@ description: The default control panel skin.
 image: https://user-images.githubusercontent.com/1669261/141484343-0568ef0d-f7c5-4991-a8ee-7773379415b2.png
 author: Taufik Nurrohman
 type: Markdown
-version: 1.1.0
+version: 1.1.1
 
 images:
 - https://user-images.githubusercontent.com/1669261/141484343-0568ef0d-f7c5-4991-a8ee-7773379415b2.png
diff --git a/panel.skin.default/lot/asset/css/index.css b/panel.skin.default/lot/asset/css/index.css
index d70fd4d9..35e034b2 100755
--- a/panel.skin.default/lot/asset/css/index.css
+++ b/panel.skin.default/lot/asset/css/index.css
@@ -6,11 +6,13 @@
   --shadow-option-picker__options: 0 1px 4px rgba(0, 0, 0, .25);
 }
 
+.lot\:cards .lot\:tasks,
 .lot\:files .lot\:tasks,
 .lot\:folders .lot\:tasks,
 .lot\:pages .lot\:tasks {
   gap: 0;
 }
+.lot\:cards .lot\:tasks > * .title span,
 .lot\:files .lot\:tasks > * .title span,
 .lot\:folders .lot\:tasks > * .title span,
 .lot\:pages .lot\:tasks > * .title span {
diff --git a/panel.skin.default/lot/asset/css/index.min.css b/panel.skin.default/lot/asset/css/index.min.css
index 0e13c024..2e2cd04c 100755
--- a/panel.skin.default/lot/asset/css/index.min.css
+++ b/panel.skin.default/lot/asset/css/index.min.css
@@ -1 +1 @@
-:root{--color-code-block:inherit;--color-fix:inherit;--color-mark:inherit;--color-output:inherit;--shadow-option-picker__options:0 1px 4px rgba(0, 0, 0, .25)}.lot\:files .lot\:tasks,.lot\:folders .lot\:tasks,.lot\:pages .lot\:tasks{gap:0}.has\:menu .lot\:menu>.description,.has\:menu .lot\:menu>.title,.lot\:files .lot\:tasks>* .title span,.lot\:folders .lot\:tasks>* .title span,.lot\:menu .lot\:menu>.description,.lot\:menu .lot\:menu>.title,.lot\:pages .lot\:tasks>* .title span{display:none}.is\:dark{--color--disabled:#4e4e4e;--color-bar-info:#b2b2b2;--color-bar-link--active:#919191;--color-bar-link--current:#a7a7a7;--color-bar-link--disabled:#4e4e4e;--color-bar-link--focus:#919191;--color-bar-link--hover:#7a7a7a;--color-bar-link:#7a7a7a;--color-button--active:#f4f4f4;--color-button--disabled:#4e4e4e;--color-button--focus:#f4f4f4;--color-button--hover:#f4f4f4;--color-button:#f4f4f4;--color-description:#919191;--color-info:#919191;--color-input--disabled:#4e4e4e;--color-input--hover:#bdbdbd;--color-input--invalid:#de5f5f;--color-input:#bdbdbd;--color-link--active:#919191;--color-link--disabled:#4e4e4e;--color-link--focus:#919191;--color-link--hover:#7a7a7a;--color-link:#7a7a7a;--color-menu-info:#b2b2b2;--color-menu-link--active:#919191;--color-menu-link--current:#a7a7a7;--color-menu-link--disabled:#4e4e4e;--color-menu-link--focus:#919191;--color-menu-link--hover:#7a7a7a;--color-menu-link:#7a7a7a;--color-stack--active:#bdbdbd;--color-stack--current:#a7a7a7;--color-stack--disabled:#4e4e4e;--color-stack--focus:#bdbdbd;--color-stack--hover:#a7a7a7;--color-stack-link--active:#919191;--color-stack-link--disabled:#4e4e4e;--color-stack-link--focus:#919191;--color-stack-link--hover:#7a7a7a;--color-stack-link:#7a7a7a;--color-stack:#a7a7a7;--color-tab--active:#bdbdbd;--color-tab--current:#a7a7a7;--color-tab--disabled:#4e4e4e;--color-tab--focus:#bdbdbd;--color-tab--hover:#a7a7a7;--color-tab-link--active:#919191;--color-tab-link--disabled:#4e4e4e;--color-tab-link--focus:#919191;--color-tab-link--hover:#7a7a7a;--color-tab-link:#7a7a7a;--color-tab:#a7a7a7;--color:#a7a7a7;--fill-alert:#242424;--fill-bar-info:#2d2d2d;--fill-bar-link--active:#242424;--fill-bar-link--focus:#242424;--fill-bar-link--hover:#242424;--fill-button--active:#575757;--fill-button--disabled:#2d2d2d;--fill-button--focus:#717171;--fill-button--hover:#646464;--fill-button:#646464;--fill-code-block:#2d2d2d;--fill-file-icon:#222222;--fill-fix:#2b2b2b;--fill-folder-icon:#7a7a7a;--fill-input--active:#2d2d2d;--fill-input--disabled:#242424;--fill-input--focus:#2d2d2d;--fill-input--hover:#2d2d2d;--fill-input:#2d2d2d;--fill-mark:#383838;--fill-menu-info:#2d2d2d;--fill-menu-link--active:#242424;--fill-menu-link--current:#262626;--fill-menu-link--focus:#242424;--fill-menu-link--hover:#242424;--fill-stack--current:none;--fill-stack--hover:#242424;--fill-stack:#242424;--fill-tab--current:none;--fill-tab--hover:#242424;--fill-tab:#242424;--fill:#222222;--shadow-menu:0 1px 5px rgba(0, 0, 0, .25);--stroke--focus-visible:rgba(255, 255, 255, .025);--stroke-code-block:#2d2d2d;--stroke-file-icon:#646464;--stroke-fix:#383838;--stroke-input--active:#434343;--stroke-input--disabled:#2f2f2f;--stroke-input--focus:#434343;--stroke-input--hover:#383838;--stroke-input--invalid:#a12222;--stroke-input:#383838;--stroke-output:transparent;--stroke-stack:#2d2d2d;--stroke-tab:#2d2d2d;--stroke:#2d2d2d;--fill-file--active:#242424;--fill-file--current:#262626;--fill-file--focus:#242424;--fill-file--hover:#242424;--stroke-file--active:#242424;--stroke-file--current:#262626;--stroke-file--focus:#242424;--stroke-file--hover:#242424;--stroke-file:#222222;--fill-folder--active:#242424;--fill-folder--current:#262626;--fill-folder--focus:#242424;--fill-folder--hover:#242424;--stroke-folder--active:#242424;--stroke-folder--current:#262626;--stroke-folder--focus:#242424;--stroke-folder--hover:#242424;--stroke-folder:#222222;--fill-page--active:#242424;--fill-page--current:#262626;--fill-page--focus:#242424;--fill-page--hover:#242424;--stroke-page--active:#242424;--stroke-page--current:#262626;--stroke-page--focus:#242424;--stroke-page--hover:#242424;--stroke-page:#222222;--color-option-picker__option--disabled:var(--color--disabled);--color-option-picker__option--selected:var(--color);--color-option-picker__option:var(--color);--fill-option-picker__option--selected:rgba(255, 255, 255, .025);--color-option-picker__option--hover:var(--color);--fill-option-picker__option--hover:rgba(255, 255, 255, .05);--color-option-picker__option--focus:var(--color);--fill-option-picker__option--focus:rgba(255, 255, 255, .05);--color-option-picker__option--active:var(--color);--fill-option-picker__option--active:rgba(255, 255, 255, .05)}.is\:dark .description,.is\:dark blockquote,.is\:dark caption,.is\:dark figcaption{color:var(--color-description)}.is\:dark .lot\:menu a:active,.is\:dark .lot\:menu a:focus,.is\:dark .lot\:menu a:hover{--fill-menu-link--current:#292929}.is\:dark .is\:folder::after{--fill-folder-icon:#545454}.is\:dark .lot\:file:active,.is\:dark .lot\:file:hover{--fill-file--current:#292929;--stroke-file--current:#292929}.is\:dark .lot\:folder:active,.is\:dark .lot\:folder:hover{--fill-folder--current:#292929;--stroke-folder--current:#292929}.is\:dark .lot\:page:active,.is\:dark .lot\:page:hover{--fill-page--current:#292929;--stroke-page--current:#292929}.is\:light{--fill-file--active:#fbfbfb;--fill-file--current:#f8f8f8;--fill-file--focus:#fbfbfb;--fill-file--hover:#fbfbfb;--stroke-file--active:#fbfbfb;--stroke-file--current:#f8f8f8;--stroke-file--focus:#fbfbfb;--stroke-file--hover:#fbfbfb;--stroke-file:white;--fill-folder--active:#fbfbfb;--fill-folder--current:#f8f8f8;--fill-folder--focus:#fbfbfb;--fill-folder--hover:#fbfbfb;--stroke-folder--active:#fbfbfb;--stroke-folder--current:#f8f8f8;--stroke-folder--focus:#fbfbfb;--stroke-folder--hover:#fbfbfb;--stroke-folder:white;--fill-page--active:#fbfbfb;--fill-page--current:#f8f8f8;--fill-page--focus:#fbfbfb;--fill-page--hover:#fbfbfb;--stroke-page--active:#fbfbfb;--stroke-page--current:#f8f8f8;--stroke-page--focus:#fbfbfb;--stroke-page--hover:#fbfbfb;--stroke-page:white;--color--disabled:#b2b2b2;--color-bar-info:#646464;--color-bar-link--active:#646464;--color-bar-link--current:#646464;--color-bar-link--disabled:#c8c8c8;--color-bar-link--focus:#646464;--color-bar-link--hover:#7a7a7a;--color-bar-link:#7a7a7a;--color-button--active:white;--color-button--disabled:#e9e9e9;--color-button--focus:white;--color-button--hover:white;--color-button:white;--color-description:#6f6f6f;--color-info:#919191;--color-input--disabled:#919191;--color-input--hover:#4e4e4e;--color-input--invalid:#a72727;--color-input:#4e4e4e;--color-link--active:#646464;--color-link--disabled:#c8c8c8;--color-link--focus:#646464;--color-link--hover:#7a7a7a;--color-link:#7a7a7a;--color-menu-info:#646464;--color-menu-link--active:#646464;--color-menu-link--current:#646464;--color-menu-link--disabled:#c8c8c8;--color-menu-link--focus:#646464;--color-menu-link--hover:#7a7a7a;--color-menu-link:#7a7a7a;--color-stack--active:#646464;--color-stack--current:#646464;--color-stack--disabled:#b2b2b2;--color-stack--focus:#646464;--color-stack--hover:#646464;--color-stack-link--active:#646464;--color-stack-link--disabled:#c8c8c8;--color-stack-link--focus:#646464;--color-stack-link--hover:#7a7a7a;--color-stack-link:#7a7a7a;--color-stack:#646464;--color-tab--active:#646464;--color-tab--current:#646464;--color-tab--disabled:#b2b2b2;--color-tab--focus:#646464;--color-tab--hover:#646464;--color-tab-link--active:#646464;--color-tab-link--disabled:#c8c8c8;--color-tab-link--focus:#646464;--color-tab-link--hover:#7a7a7a;--color-tab-link:#7a7a7a;--color-tab:#646464;--color:#646464;--fill-alert:#fbfbfb;--fill-bar-info:#f4f4f4;--fill-bar-link--active:#fbfbfb;--fill-bar-link--focus:#fbfbfb;--fill-bar-link--hover:#fbfbfb;--fill-button--active:#6d6d6d;--fill-button--disabled:#a7a7a7;--fill-button--focus:#878787;--fill-button--hover:#7a7a7a;--fill-button:#7a7a7a;--fill-code-block:#f4f4f4;--fill-file-icon:white;--fill-fix:#f4f4f4;--fill-folder-icon:#a7a7a7;--fill-input--active:#e9e9e9;--fill-input--disabled:#f4f4f4;--fill-input--focus:#e9e9e9;--fill-input--hover:#e9e9e9;--fill-input:#e9e9e9;--fill-mark:#e9e9e9;--fill-menu-info:#f4f4f4;--fill-menu-link--active:#fbfbfb;--fill-menu-link--current:#f8f8f8;--fill-menu-link--focus:#fbfbfb;--fill-menu-link--hover:#fbfbfb;--fill-stack--current:none;--fill-stack--hover:#fbfbfb;--fill-stack:#fbfbfb;--fill-tab--current:none;--fill-tab--hover:#fbfbfb;--fill-tab:#fbfbfb;--fill:white;--shadow-button--focus:0 0 0 3px rgba(0, 0, 0, .05);--shadow-input--focus:0 0 0 3px rgba(0, 0, 0, .05);--shadow-input--invalid:0 0 0 3px rgba(255, 0, 0, .15);--shadow-menu:0 1px 5px rgba(0, 0, 0, .25);--stroke--focus-visible:rgba(0, 0, 0, .125);--stroke-code-block:#b2b2b2;--stroke-file-icon:#a7a7a7;--stroke-fix:#a7a7a7;--stroke-input--active:#a7a7a7;--stroke-input--disabled:#c8c8c8;--stroke-input--focus:#919191;--stroke-input--hover:#a7a7a7;--stroke-input--invalid:#d35454;--stroke-input:#a7a7a7;--stroke-output:transparent;--stroke-stack:#b2b2b2;--stroke-tab:#b2b2b2;--stroke:#b2b2b2;--color-option-picker__option--disabled:var(--color--disabled);--color-option-picker__option--selected:var(--color);--color-option-picker__option:var(--color);--fill-option-picker__option--selected:rgba(0, 0, 0, .025);--color-option-picker__option--hover:var(--color);--fill-option-picker__option--hover:rgba(0, 0, 0, .05);--color-option-picker__option--focus:var(--color);--fill-option-picker__option--focus:rgba(0, 0, 0, .05);--color-option-picker__option--active:var(--color);--fill-option-picker__option--active:rgba(0, 0, 0, .05)}.is\:light .description,.is\:light blockquote,.is\:light caption,.is\:light figcaption{color:var(--color-description)}.is\:light .lot\:menu a:active,.is\:light .lot\:menu a:focus,.is\:light .lot\:menu a:hover{--fill-menu-link--current:#f6f6f6}.is\:light .is\:folder::after{--fill-folder-icon:#818181}.is\:light .lot\:file:active,.is\:light .lot\:file:hover{--fill-file--current:#f6f6f6;--stroke-file--current:#f6f6f6}.is\:light .lot\:folder:active,.is\:light .lot\:folder:hover{--fill-folder--current:#f6f6f6;--stroke-folder--current:#f6f6f6}.is\:light .lot\:page:active,.is\:light .lot\:page:hover{--fill-page--current:#f6f6f6;--stroke-page--current:#f6f6f6}
\ No newline at end of file
+:root{--color-code-block:inherit;--color-fix:inherit;--color-mark:inherit;--color-output:inherit;--shadow-option-picker__options:0 1px 4px rgba(0, 0, 0, .25)}.lot\:cards .lot\:tasks,.lot\:files .lot\:tasks,.lot\:folders .lot\:tasks,.lot\:pages .lot\:tasks{gap:0}.has\:menu .lot\:menu>.description,.has\:menu .lot\:menu>.title,.lot\:cards .lot\:tasks>* .title span,.lot\:files .lot\:tasks>* .title span,.lot\:folders .lot\:tasks>* .title span,.lot\:menu .lot\:menu>.description,.lot\:menu .lot\:menu>.title,.lot\:pages .lot\:tasks>* .title span{display:none}.is\:dark{--color--disabled:#4e4e4e;--color-bar-info:#b2b2b2;--color-bar-link--active:#919191;--color-bar-link--current:#a7a7a7;--color-bar-link--disabled:#4e4e4e;--color-bar-link--focus:#919191;--color-bar-link--hover:#7a7a7a;--color-bar-link:#7a7a7a;--color-button--active:#f4f4f4;--color-button--disabled:#4e4e4e;--color-button--focus:#f4f4f4;--color-button--hover:#f4f4f4;--color-button:#f4f4f4;--color-description:#919191;--color-info:#919191;--color-input--disabled:#4e4e4e;--color-input--hover:#bdbdbd;--color-input--invalid:#de5f5f;--color-input:#bdbdbd;--color-link--active:#919191;--color-link--disabled:#4e4e4e;--color-link--focus:#919191;--color-link--hover:#7a7a7a;--color-link:#7a7a7a;--color-menu-info:#b2b2b2;--color-menu-link--active:#919191;--color-menu-link--current:#a7a7a7;--color-menu-link--disabled:#4e4e4e;--color-menu-link--focus:#919191;--color-menu-link--hover:#7a7a7a;--color-menu-link:#7a7a7a;--color-stack--active:#bdbdbd;--color-stack--current:#a7a7a7;--color-stack--disabled:#4e4e4e;--color-stack--focus:#bdbdbd;--color-stack--hover:#a7a7a7;--color-stack-link--active:#919191;--color-stack-link--disabled:#4e4e4e;--color-stack-link--focus:#919191;--color-stack-link--hover:#7a7a7a;--color-stack-link:#7a7a7a;--color-stack:#a7a7a7;--color-tab--active:#bdbdbd;--color-tab--current:#a7a7a7;--color-tab--disabled:#4e4e4e;--color-tab--focus:#bdbdbd;--color-tab--hover:#a7a7a7;--color-tab-link--active:#919191;--color-tab-link--disabled:#4e4e4e;--color-tab-link--focus:#919191;--color-tab-link--hover:#7a7a7a;--color-tab-link:#7a7a7a;--color-tab:#a7a7a7;--color:#a7a7a7;--fill-alert:#242424;--fill-bar-info:#2d2d2d;--fill-bar-link--active:#242424;--fill-bar-link--focus:#242424;--fill-bar-link--hover:#242424;--fill-button--active:#575757;--fill-button--disabled:#2d2d2d;--fill-button--focus:#717171;--fill-button--hover:#646464;--fill-button:#646464;--fill-code-block:#2d2d2d;--fill-file-icon:#222222;--fill-fix:#2b2b2b;--fill-folder-icon:#7a7a7a;--fill-input--active:#2d2d2d;--fill-input--disabled:#242424;--fill-input--focus:#2d2d2d;--fill-input--hover:#2d2d2d;--fill-input:#2d2d2d;--fill-mark:#383838;--fill-menu-info:#2d2d2d;--fill-menu-link--active:#242424;--fill-menu-link--current:#262626;--fill-menu-link--focus:#242424;--fill-menu-link--hover:#242424;--fill-stack--current:none;--fill-stack--hover:#242424;--fill-stack:#242424;--fill-tab--current:none;--fill-tab--hover:#242424;--fill-tab:#242424;--fill:#222222;--shadow-menu:0 1px 5px rgba(0, 0, 0, .25);--stroke--focus-visible:rgba(255, 255, 255, .025);--stroke-code-block:#2d2d2d;--stroke-file-icon:#646464;--stroke-fix:#383838;--stroke-input--active:#434343;--stroke-input--disabled:#2f2f2f;--stroke-input--focus:#434343;--stroke-input--hover:#383838;--stroke-input--invalid:#a12222;--stroke-input:#383838;--stroke-output:transparent;--stroke-stack:#2d2d2d;--stroke-tab:#2d2d2d;--stroke:#2d2d2d;--fill-file--active:#242424;--fill-file--current:#262626;--fill-file--focus:#242424;--fill-file--hover:#242424;--stroke-file--active:#242424;--stroke-file--current:#262626;--stroke-file--focus:#242424;--stroke-file--hover:#242424;--stroke-file:#222222;--fill-folder--active:#242424;--fill-folder--current:#262626;--fill-folder--focus:#242424;--fill-folder--hover:#242424;--stroke-folder--active:#242424;--stroke-folder--current:#262626;--stroke-folder--focus:#242424;--stroke-folder--hover:#242424;--stroke-folder:#222222;--fill-page--active:#242424;--fill-page--current:#262626;--fill-page--focus:#242424;--fill-page--hover:#242424;--stroke-page--active:#242424;--stroke-page--current:#262626;--stroke-page--focus:#242424;--stroke-page--hover:#242424;--stroke-page:#222222;--color-option-picker__option--disabled:var(--color--disabled);--color-option-picker__option--selected:var(--color);--color-option-picker__option:var(--color);--fill-option-picker__option--selected:rgba(255, 255, 255, .025);--color-option-picker__option--hover:var(--color);--fill-option-picker__option--hover:rgba(255, 255, 255, .05);--color-option-picker__option--focus:var(--color);--fill-option-picker__option--focus:rgba(255, 255, 255, .05);--color-option-picker__option--active:var(--color);--fill-option-picker__option--active:rgba(255, 255, 255, .05)}.is\:dark .description,.is\:dark blockquote,.is\:dark caption,.is\:dark figcaption{color:var(--color-description)}.is\:dark .lot\:menu a:active,.is\:dark .lot\:menu a:focus,.is\:dark .lot\:menu a:hover{--fill-menu-link--current:#292929}.is\:dark .is\:folder::after{--fill-folder-icon:#545454}.is\:dark .lot\:file:active,.is\:dark .lot\:file:hover{--fill-file--current:#292929;--stroke-file--current:#292929}.is\:dark .lot\:folder:active,.is\:dark .lot\:folder:hover{--fill-folder--current:#292929;--stroke-folder--current:#292929}.is\:dark .lot\:page:active,.is\:dark .lot\:page:hover{--fill-page--current:#292929;--stroke-page--current:#292929}.is\:light{--fill-file--active:#fbfbfb;--fill-file--current:#f8f8f8;--fill-file--focus:#fbfbfb;--fill-file--hover:#fbfbfb;--stroke-file--active:#fbfbfb;--stroke-file--current:#f8f8f8;--stroke-file--focus:#fbfbfb;--stroke-file--hover:#fbfbfb;--stroke-file:white;--fill-folder--active:#fbfbfb;--fill-folder--current:#f8f8f8;--fill-folder--focus:#fbfbfb;--fill-folder--hover:#fbfbfb;--stroke-folder--active:#fbfbfb;--stroke-folder--current:#f8f8f8;--stroke-folder--focus:#fbfbfb;--stroke-folder--hover:#fbfbfb;--stroke-folder:white;--fill-page--active:#fbfbfb;--fill-page--current:#f8f8f8;--fill-page--focus:#fbfbfb;--fill-page--hover:#fbfbfb;--stroke-page--active:#fbfbfb;--stroke-page--current:#f8f8f8;--stroke-page--focus:#fbfbfb;--stroke-page--hover:#fbfbfb;--stroke-page:white;--color--disabled:#b2b2b2;--color-bar-info:#646464;--color-bar-link--active:#646464;--color-bar-link--current:#646464;--color-bar-link--disabled:#c8c8c8;--color-bar-link--focus:#646464;--color-bar-link--hover:#7a7a7a;--color-bar-link:#7a7a7a;--color-button--active:white;--color-button--disabled:#e9e9e9;--color-button--focus:white;--color-button--hover:white;--color-button:white;--color-description:#6f6f6f;--color-info:#919191;--color-input--disabled:#919191;--color-input--hover:#4e4e4e;--color-input--invalid:#a72727;--color-input:#4e4e4e;--color-link--active:#646464;--color-link--disabled:#c8c8c8;--color-link--focus:#646464;--color-link--hover:#7a7a7a;--color-link:#7a7a7a;--color-menu-info:#646464;--color-menu-link--active:#646464;--color-menu-link--current:#646464;--color-menu-link--disabled:#c8c8c8;--color-menu-link--focus:#646464;--color-menu-link--hover:#7a7a7a;--color-menu-link:#7a7a7a;--color-stack--active:#646464;--color-stack--current:#646464;--color-stack--disabled:#b2b2b2;--color-stack--focus:#646464;--color-stack--hover:#646464;--color-stack-link--active:#646464;--color-stack-link--disabled:#c8c8c8;--color-stack-link--focus:#646464;--color-stack-link--hover:#7a7a7a;--color-stack-link:#7a7a7a;--color-stack:#646464;--color-tab--active:#646464;--color-tab--current:#646464;--color-tab--disabled:#b2b2b2;--color-tab--focus:#646464;--color-tab--hover:#646464;--color-tab-link--active:#646464;--color-tab-link--disabled:#c8c8c8;--color-tab-link--focus:#646464;--color-tab-link--hover:#7a7a7a;--color-tab-link:#7a7a7a;--color-tab:#646464;--color:#646464;--fill-alert:#fbfbfb;--fill-bar-info:#f4f4f4;--fill-bar-link--active:#fbfbfb;--fill-bar-link--focus:#fbfbfb;--fill-bar-link--hover:#fbfbfb;--fill-button--active:#6d6d6d;--fill-button--disabled:#a7a7a7;--fill-button--focus:#878787;--fill-button--hover:#7a7a7a;--fill-button:#7a7a7a;--fill-code-block:#f4f4f4;--fill-file-icon:white;--fill-fix:#f4f4f4;--fill-folder-icon:#a7a7a7;--fill-input--active:#e9e9e9;--fill-input--disabled:#f4f4f4;--fill-input--focus:#e9e9e9;--fill-input--hover:#e9e9e9;--fill-input:#e9e9e9;--fill-mark:#e9e9e9;--fill-menu-info:#f4f4f4;--fill-menu-link--active:#fbfbfb;--fill-menu-link--current:#f8f8f8;--fill-menu-link--focus:#fbfbfb;--fill-menu-link--hover:#fbfbfb;--fill-stack--current:none;--fill-stack--hover:#fbfbfb;--fill-stack:#fbfbfb;--fill-tab--current:none;--fill-tab--hover:#fbfbfb;--fill-tab:#fbfbfb;--fill:white;--shadow-button--focus:0 0 0 3px rgba(0, 0, 0, .05);--shadow-input--focus:0 0 0 3px rgba(0, 0, 0, .05);--shadow-input--invalid:0 0 0 3px rgba(255, 0, 0, .15);--shadow-menu:0 1px 5px rgba(0, 0, 0, .25);--stroke--focus-visible:rgba(0, 0, 0, .125);--stroke-code-block:#b2b2b2;--stroke-file-icon:#a7a7a7;--stroke-fix:#a7a7a7;--stroke-input--active:#a7a7a7;--stroke-input--disabled:#c8c8c8;--stroke-input--focus:#919191;--stroke-input--hover:#a7a7a7;--stroke-input--invalid:#d35454;--stroke-input:#a7a7a7;--stroke-output:transparent;--stroke-stack:#b2b2b2;--stroke-tab:#b2b2b2;--stroke:#b2b2b2;--color-option-picker__option--disabled:var(--color--disabled);--color-option-picker__option--selected:var(--color);--color-option-picker__option:var(--color);--fill-option-picker__option--selected:rgba(0, 0, 0, .025);--color-option-picker__option--hover:var(--color);--fill-option-picker__option--hover:rgba(0, 0, 0, .05);--color-option-picker__option--focus:var(--color);--fill-option-picker__option--focus:rgba(0, 0, 0, .05);--color-option-picker__option--active:var(--color);--fill-option-picker__option--active:rgba(0, 0, 0, .05)}.is\:light .description,.is\:light blockquote,.is\:light caption,.is\:light figcaption{color:var(--color-description)}.is\:light .lot\:menu a:active,.is\:light .lot\:menu a:focus,.is\:light .lot\:menu a:hover{--fill-menu-link--current:#f6f6f6}.is\:light .is\:folder::after{--fill-folder-icon:#818181}.is\:light .lot\:file:active,.is\:light .lot\:file:hover{--fill-file--current:#f6f6f6;--stroke-file--current:#f6f6f6}.is\:light .lot\:folder:active,.is\:light .lot\:folder:hover{--fill-folder--current:#f6f6f6;--stroke-folder--current:#f6f6f6}.is\:light .lot\:page:active,.is\:light .lot\:page:hover{--fill-page--current:#f6f6f6;--stroke-page--current:#f6f6f6}
\ No newline at end of file
diff --git a/panel/.github/source/lot/asset/css/_/base.scss b/panel/.github/source/lot/asset/css/_/base.scss
index 08b12494..72eeeed2 100755
--- a/panel/.github/source/lot/asset/css/_/base.scss
+++ b/panel/.github/source/lot/asset/css/_/base.scss
@@ -133,12 +133,12 @@ sup {
 }
 
 sub {
-  top: .25em;
+  top: .125em;
   vertical-align: sub;
 }
 
 sup {
-  top: -.25em;
+  top: -.125em;
   vertical-align: super;
 }
 
diff --git a/panel/.github/source/lot/asset/css/_/lot.scss b/panel/.github/source/lot/asset/css/_/lot.scss
index 101eecd7..297daf3c 100755
--- a/panel/.github/source/lot/asset/css/_/lot.scss
+++ b/panel/.github/source/lot/asset/css/_/lot.scss
@@ -10,6 +10,8 @@
 @import 'lot/page';
 @import 'lot/pager';
 @import 'lot/pages';
+@import 'lot/card'; // Must come after `page`
+@import 'lot/cards'; // Must come after `pages`
 @import 'lot/row';
 @import 'lot/rows';
 @import 'lot/section';
diff --git a/panel/.github/source/lot/asset/css/_/lot/card.scss b/panel/.github/source/lot/asset/css/_/lot/card.scss
new file mode 100644
index 00000000..0e402618
--- /dev/null
+++ b/panel/.github/source/lot/asset/css/_/lot/card.scss
@@ -0,0 +1,30 @@
+.lot\:card {
+  @extend .lot\:page;
+  flex-direction: column;
+  width: calc(var(--x) * 11);
+  > div {
+    > .image {
+      height: calc(var(--x) * 11 - var(--x));
+      margin: 0 0 calc(var(--y) * .5);
+      min-height: calc(var(--x) * 11 - var(--x));
+      min-width: calc(var(--x) * 11 - var(--x));
+      width: calc(var(--x) * 11 - var(--x));
+    }
+    > .description,
+    > .title {
+      white-space: normal;
+      word-wrap: break-word;
+    }
+    > .title {
+      .title {
+        > span {
+          white-space: normal;
+          word-wrap: break-word;
+        }
+      }
+    }
+    > .lot\:tasks {
+      margin: var(--y) 0 0;
+    }
+  }
+}
\ No newline at end of file
diff --git a/panel/.github/source/lot/asset/css/_/lot/cards.scss b/panel/.github/source/lot/asset/css/_/lot/cards.scss
new file mode 100644
index 00000000..aead9c1e
--- /dev/null
+++ b/panel/.github/source/lot/asset/css/_/lot/cards.scss
@@ -0,0 +1,6 @@
+.lot\:cards {
+  @extend .lot\:files;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
\ No newline at end of file
diff --git a/panel/.github/source/lot/asset/css/_/lot/desk.scss b/panel/.github/source/lot/asset/css/_/lot/desk.scss
index 99aafc5d..15deed2a 100755
--- a/panel/.github/source/lot/asset/css/_/lot/desk.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/desk.scss
@@ -6,9 +6,6 @@
     margin-right: auto;
     max-width: calc(var(--x) * 36);
   }
-  &.flex {
-    gap: 0;
-  }
   &.width {
     display: block;
     > * {
diff --git a/panel/.github/source/lot/asset/css/_/lot/field/query.scss b/panel/.github/source/lot/asset/css/_/lot/field/query.scss
index 794f1f7c..67230a5b 100755
--- a/panel/.github/source/lot/asset/css/_/lot/field/query.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/field/query.scss
@@ -44,6 +44,7 @@
       margin-left: 0;
       .tag-picker__tag {
         border: 1px solid transparent;
+        line-height: calc(var(--y) - 2px);
       }
     }
   }
diff --git a/panel/.github/source/lot/asset/css/_/lot/files-folders.scss b/panel/.github/source/lot/asset/css/_/lot/files-folders.scss
index a09c38c4..fd1fe555 100755
--- a/panel/.github/source/lot/asset/css/_/lot/files-folders.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/files-folders.scss
@@ -3,13 +3,13 @@
   list-style: none;
   margin-left: 0;
   margin-right: 0;
-  h3,
-  p {
+  .description,
+  .title {
     font: inherit;
     margin: 0;
     padding: 0;
   }
-  h3 {
+  .title {
     flex: 1;
     a {
       &.not\:active {
diff --git a/panel/.github/source/lot/asset/css/_/lot/page.scss b/panel/.github/source/lot/asset/css/_/lot/page.scss
index 92232680..0a481f1d 100755
--- a/panel/.github/source/lot/asset/css/_/lot/page.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/page.scss
@@ -27,12 +27,15 @@
         flex: 1;
       }
     }
+    > .title {
+      display: block;
+      font-size: calc(var(--z) * 1.25);
+    }
   }
-  h3 {
-    font-size: calc(var(--z) * 1.25);
+  .description {
+    margin: calc(var(--y) / 4) 0 0;
   }
-  img,
-  .img {
+  .image {
     display: block;
     height: calc(var(--y) * 2.25);
     max-height: calc(var(--y) * 2.25);
@@ -41,9 +44,6 @@
     min-width: 0;
     width: calc(var(--y) * 2.25);
   }
-  .description {
-    margin: calc(var(--y) / 4) 0 0;
-  }
   &.is\:file,
   &.is\:folder {
     padding-left: calc(var(--x) / 4);
diff --git a/panel/.github/source/lot/asset/css/_/lot/stack.scss b/panel/.github/source/lot/asset/css/_/lot/stack.scss
index 0e0ccb38..02071d0f 100755
--- a/panel/.github/source/lot/asset/css/_/lot/stack.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/stack.scss
@@ -4,12 +4,13 @@
   border-radius: var(--arc-stack);
   margin: 0;
   position: relative;
-  > h3 {
+  > .title {
     @include user-select(none);
     background: var(--fill-stack, none);
     border-radius: inherit;
     box-shadow: var(--shadow-stack);
     color: var(--color-stack);
+    display: block;
     font: inherit;
     > a {
       color: inherit;
@@ -43,7 +44,7 @@
   @each $v in (hover, focus, active) {
     &:#{$v} {
       border-color: var(--stroke-stack--#{$v}, var(--stroke-stack));
-      > h3 {
+      > .title {
         background: var(--fill-stack--#{$v}, var(--fill-stack));
         box-shadow: var(--shadow-stack--#{$v}, var(--shadow-stack));
       }
@@ -56,7 +57,7 @@
   }
   &.has\:link {
     border-color: var(--stroke-stack-link, var(--stroke-stack));
-    > h3 {
+    > .title {
       background: var(--fill-stack-link, var(--fill-stack));
       box-shadow: var(--shadow-stack-link, var(--shadow-stack));
       color: var(--color-stack-link, var(--color-stack));
@@ -71,18 +72,18 @@
   }
   &.is\:current {
     border-color: var(--stroke-stack--current, var(--stroke-stack));
-    > h3 {
-      background: var(--fill-stack--current, var(--fill-stack));
-      box-shadow: var(--shadow-stack--current, var(--shadow-stack));
-    }
     > .content,
     > .lot {
       border-top: 1px solid;
       border-top-color: inherit;
       display: block;
     }
+    > .title {
+      background: var(--fill-stack--current, var(--fill-stack));
+      box-shadow: var(--shadow-stack--current, var(--shadow-stack));
+    }
     &:not(.can\:toggle) {
-      > h3 {
+      > .title {
         > a {
           cursor: inherit;
         }
@@ -90,7 +91,7 @@
     }
   }
   &.not\:active {
-    > h3 {
+    > .title {
       > a {
         color: var(--color-stack--disabled, var(--color-stack));
         cursor: not-allowed;
diff --git a/panel/about.page b/panel/about.page
index dfe2b468..bf9d06ef 100755
--- a/panel/about.page
+++ b/panel/about.page
@@ -4,7 +4,7 @@ description: GUI extension for Mecha.
 image: https://user-images.githubusercontent.com/1669261/141484323-d97a403f-5706-4e84-b5ab-78ebd9eb6bd9.png
 author: Taufik Nurrohman
 type: Markdown
-version: 2.8.0
+version: 2.8.1
 price: [20, USD]
 
 use:
diff --git a/panel/engine/f/route.php b/panel/engine/f/route.php
index 23e2d9fe..28fda603 100755
--- a/panel/engine/f/route.php
+++ b/panel/engine/f/route.php
@@ -33,6 +33,7 @@ function __license($_) {
         $_['title'] = 'End-User License Agreement';
         $_['lot']['desk']['lot']['form']['lot'][1]['title'] = $_['title'];
         $_['lot']['desk']['lot']['form']['lot'][1]['description'] = 'This End-User License Agreement (EULA) is a legal agreement between you (either as an individual or on behalf of an entity) and Mecha, regarding your use of Mecha&#x2019;s control panel extension. This license agreement does not apply when you use Mecha without the control panel extension.';
+        $_['lot']['desk']['lot']['form']['lot'][1]['lot']['tabs']['gap'] = false;
         $_['lot']['desk']['lot']['form']['lot'][1]['lot']['tabs']['lot']['page'] = [
             'content' => $content,
             'stack' => 10
diff --git a/panel/engine/f/type.php b/panel/engine/f/type.php
index 4974d346..95671e89 100755
--- a/panel/engine/f/type.php
+++ b/panel/engine/f/type.php
@@ -38,6 +38,18 @@ function button($value, $key) {
     return $out;
 }
 
+function card($value, $key) {
+    $value['tags']['lot:card'] = true;
+    $value['tags']['lot:page'] = false;
+    return \x\panel\type\page($value, $key);
+}
+
+function cards($value, $key) {
+    $value['tags']['lot:cards'] = true;
+    $value['tags']['lot:pages'] = false;
+    return \x\panel\type\pages($value, $key);
+}
+
 function column($value, $key) {
     $tags = $value['tags'] ?? [];
     $out = [
@@ -362,7 +374,7 @@ function file($value, $key) {
             'lot:file' => true,
             'not:active' => !$is_active
         ], $value['tags'] ?? []);
-        $out[1] .= '<h3>' . \x\panel\type\link([
+        $out[1] .= '<h3 class="title">' . \x\panel\type\link([
             'description' => $value['description'] ?? null,
             'icon' => $value['icon'] ?? [],
             'info' => $value['info'] ?? null,
@@ -475,7 +487,7 @@ function folder($value, $key) {
             'lot:folder' => true,
             'not:active' => !$is_active
         ], $value['tags'] ?? []);
-        $out[1] .= '<h3>' . \x\panel\type\link([
+        $out[1] .= '<h3 class="title">' . \x\panel\type\link([
             'description' => $value['description'] ?? \i('Open folder'),
             'icon' => $value['icon'] ?? [],
             'info' => $value['info'] ?? null,
@@ -816,11 +828,11 @@ function page($value, $key) {
         ], $value['tags'] ?? []);
         $path = $value['path'] ?? $key;
         $date = isset($value['time']) ? \strtr($value['time'], '-', '/') : null;
-        $out[1] .= '<div' . (isset($value['image']) && false === $value['image'] ? ' hidden' : "") . '>' . (!empty($value['image']) ? '<img alt="" height="72" src="' . \htmlspecialchars($value['image']) . '" width="72">' : '<span class="img" style="background: #' . \substr(\md5(\strtr($path, [
+        $out[1] .= '<div' . (isset($value['image']) && false === $value['image'] ? ' hidden' : "") . '>' . (!empty($value['image']) ? '<img alt="" class="image" height="72" src="' . \htmlspecialchars($value['image']) . '" width="72">' : '<span class="image" style="background: #' . \substr(\md5(\strtr($path, [
             \ROOT => "",
             \DS => '/'
         ])), 0, 6) . ';"></span>') . '</div>';
-        $out[1] .= '<div><h3>' . \x\panel\type\link([
+        $out[1] .= '<div><h3 class="title">' . \x\panel\type\link([
             'link' => $value['link'] ?? null,
             'title' => $value['title'] ?? $date,
             'url' => $value['url'] ?? null
@@ -1095,7 +1107,7 @@ function stack($value, $key) {
             'lot:stack' => true,
             'not:active' => !$is_active
         ], $value['tags'] ?? []);
-        $out[1] .= '<h3>' . \x\panel\type\link([
+        $out[1] .= '<h3 class="title">' . \x\panel\type\link([
             '2' => ['tabindex' => -1],
             'description' => $value['description'] ?? null,
             'icon' => $value['icon'] ?? [],
diff --git a/panel/engine/fire.php b/panel/engine/fire.php
index 9fee8d7c..0c379a97 100755
--- a/panel/engine/fire.php
+++ b/panel/engine/fire.php
@@ -1,6 +1,6 @@
 <?php
 
-if (is_array($_['state']['sync']) && !empty($_['state']['sync']['version']) || !empty($_['state']['sync'])) {
+if ('get' === $_['form']['type'] && (is_array($_['state']['sync']) && !empty($_['state']['sync']['version']) || !empty($_['state']['sync']))) {
     $d = $_['f'];
     $git = 'mecha-cms/' . ($n = 'mecha');
     $version_current = explode('.', VERSION);
diff --git a/panel/engine/r/lot/pages/layout.php b/panel/engine/r/lot/pages/layout.php
index a070d0a1..b78aee01 100755
--- a/panel/engine/r/lot/pages/layout.php
+++ b/panel/engine/r/lot/pages/layout.php
@@ -88,7 +88,7 @@
                 'stack' => 30
             ];
         }
-        if (is_array($_['state']['sync']) && !empty($_['state']['sync']['version']) || !empty($_['state']['sync'])) {
+        if ('get' === $_['form']['type'] && (is_array($_['state']['sync']) && !empty($_['state']['sync']['version']) || !empty($_['state']['sync']))) {
             $git = $page->git ?? 'mecha-cms/' . ($n = 'layout.' . To::kebab($page->title));
             $version_current = explode('.', $page->version);
             $version_next = explode('.', Cache::live($n, function() use($git) {
diff --git a/panel/engine/r/lot/pages/x.php b/panel/engine/r/lot/pages/x.php
index e3979f5c..51062cba 100755
--- a/panel/engine/r/lot/pages/x.php
+++ b/panel/engine/r/lot/pages/x.php
@@ -112,7 +112,7 @@
                     'stack' => 30
                 ];
             }
-            if (is_array($_['state']['sync']) && !empty($_['state']['sync']['version']) || !empty($_['state']['sync'])) {
+            if ('get' === $_['form']['type'] && (is_array($_['state']['sync']) && !empty($_['state']['sync']['version']) || !empty($_['state']['sync']))) {
                 $git = $page->git ?? 'mecha-cms/' . ($n = 'x.' . $_['chop'][1]);
                 $version_current = explode('.', $page->version);
                 $version_next = explode('.', Cache::live('version:' . $n, function() use($git) {
diff --git a/panel/lot/asset/css/index.css b/panel/lot/asset/css/index.css
index 25a4ab92..e28c13d2 100755
--- a/panel/lot/asset/css/index.css
+++ b/panel/lot/asset/css/index.css
@@ -891,12 +891,12 @@ sup {
 }
 
 sub {
-  top: 0.25em;
+  top: 0.125em;
   vertical-align: sub;
 }
 
 sup {
-  top: -0.25em;
+  top: -0.125em;
   vertical-align: super;
 }
 
@@ -1868,9 +1868,6 @@ label > input[type=radio] + span {
   margin-right: auto;
   max-width: calc(var(--x) * 36);
 }
-.lot\:desk.flex {
-  gap: 0;
-}
 .lot\:desk.width {
   display: block;
 }
@@ -2093,6 +2090,7 @@ label > input[type=radio] + span {
 }
 .tag-picker__source + .tag-picker.input .tag-picker__tag {
   border: 1px solid transparent;
+  line-height: calc(var(--y) - 2px);
 }
 
 .lot\:field.type\:toggle .input[type=checkbox] {
@@ -2125,6 +2123,7 @@ label > input[type=radio] + span {
 
 .lot\:file,
 .lot\:page,
+.lot\:card,
 .lot\:folder {
   background: var(--fill-file, none);
   border: 0 solid;
@@ -2141,11 +2140,13 @@ label > input[type=radio] + span {
 }
 .lot\:file:focus,
 .lot\:page:focus,
+.lot\:card:focus,
 .lot\:folder:focus {
   z-index: 1;
 }
 .lot\:file:focus,
 .lot\:page:focus,
+.lot\:card:focus,
 .lot\:folder:focus {
   background: var(--fill-file--focus, var(--fill-file, none));
   border-color: var(--stroke-file--focus, var(--stroke-file, var(--fill-file, none)));
@@ -2153,6 +2154,7 @@ label > input[type=radio] + span {
 }
 .lot\:file:hover,
 .lot\:page:hover,
+.lot\:card:hover,
 .lot\:folder:hover {
   background: var(--fill-file--hover, var(--fill-file, none));
   border-color: var(--stroke-file--hover, var(--stroke-file, var(--fill-file, none)));
@@ -2160,6 +2162,7 @@ label > input[type=radio] + span {
 }
 .lot\:file:active,
 .lot\:page:active,
+.lot\:card:active,
 .lot\:folder:active {
   background: var(--fill-file--active, var(--fill-file, none));
   border-color: var(--stroke-file--active, var(--stroke-file, var(--fill-file, none)));
@@ -2167,6 +2170,7 @@ label > input[type=radio] + span {
 }
 .lot\:file.is\:current,
 .is\:current.lot\:page,
+.is\:current.lot\:card,
 .is\:current.lot\:folder {
   background: var(--fill-file--current, var(--fill-file, none));
   border-color: var(--stroke-file--current, var(--stroke-file, var(--fill-file, none)));
@@ -2174,9 +2178,11 @@ label > input[type=radio] + span {
 }
 .lot\:file::before,
 .lot\:page::before,
+.lot\:card::before,
 .lot\:folder::before,
 .lot\:file::after,
 .lot\:page::after,
+.lot\:card::after,
 .lot\:folder::after {
   content: "";
   display: block;
@@ -2188,16 +2194,19 @@ label > input[type=radio] + span {
 }
 .lot\:file > *,
 .lot\:page > *,
+.lot\:card > *,
 .lot\:folder > * {
   margin: 0 calc(var(--x) / 8);
 }
 .lot\:file > .lot\:tasks,
 .lot\:page > .lot\:tasks,
+.lot\:card > .lot\:tasks,
 .lot\:folder > .lot\:tasks {
   margin-right: calc(var(--x) / -4);
 }
 .lot\:file.not\:active,
 .not\:active.lot\:page,
+.not\:active.lot\:card,
 .not\:active.lot\:folder {
   opacity: 0.5;
 }
@@ -2265,6 +2274,7 @@ label > input[type=radio] + span {
 }
 
 .lot\:files,
+.lot\:cards,
 .lot\:pages,
 .lot\:folders {
   display: block;
@@ -2272,43 +2282,51 @@ label > input[type=radio] + span {
   margin-left: 0;
   margin-right: 0;
 }
-.lot\:files h3,
-.lot\:pages h3,
-.lot\:folders h3,
-.lot\:files p,
-.lot\:pages p,
-.lot\:folders p {
+.lot\:files .description,
+.lot\:cards .description,
+.lot\:pages .description,
+.lot\:folders .description,
+.lot\:files .title,
+.lot\:cards .title,
+.lot\:pages .title,
+.lot\:folders .title {
   font: inherit;
   margin: 0;
   padding: 0;
 }
-.lot\:files h3,
-.lot\:pages h3,
-.lot\:folders h3 {
+.lot\:files .title,
+.lot\:cards .title,
+.lot\:pages .title,
+.lot\:folders .title {
   flex: 1;
 }
-.lot\:files h3 a.not\:active,
-.lot\:files h3 .not\:active.a,
-.lot\:pages h3 a.not\:active,
-.lot\:pages h3 .not\:active.a,
-.lot\:folders h3 a.not\:active,
-.lot\:folders h3 .not\:active.a {
+.lot\:files .title a.not\:active,
+.lot\:files .title .not\:active.a,
+.lot\:cards .title a.not\:active,
+.lot\:cards .title .not\:active.a,
+.lot\:pages .title a.not\:active,
+.lot\:pages .title .not\:active.a,
+.lot\:folders .title a.not\:active,
+.lot\:folders .title .not\:active.a {
   opacity: 1;
 }
-.lot\:files h3 .title,
-.lot\:pages h3 .title,
-.lot\:folders h3 .title {
+.lot\:files .title .title,
+.lot\:cards .title .title,
+.lot\:pages .title .title,
+.lot\:folders .title .title {
   display: inline-flex;
   vertical-align: middle;
 }
-.lot\:files h3 .title > span,
-.lot\:pages h3 .title > span,
-.lot\:folders h3 .title > span {
+.lot\:files .title .title > span,
+.lot\:cards .title .title > span,
+.lot\:pages .title .title > span,
+.lot\:folders .title .title > span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .lot\:files.count\:0,
+.count\:0.lot\:cards,
 .count\:0.lot\:pages,
 .count\:0.lot\:folders {
   display: none;
@@ -2459,47 +2477,61 @@ label > input[type=radio] + span {
   top: 0;
 }
 
-.lot\:page {
+.lot\:page,
+.lot\:card {
   background: var(--fill-page, var(--fill-file, none));
   border-color: var(--stroke-page, var(--stroke-file, transparent));
   border-radius: var(--arc-page, var(--arc-file));
   box-shadow: var(--shadow-page, var(--shadow-file));
   padding: calc(var(--y) / 2) calc(var(--x) / 4);
 }
-.lot\:page:focus {
+.lot\:page:focus,
+.lot\:card:focus {
   background: var(--fill-page--focus, var(--fill-page));
   border-color: var(--stroke-page--focus, var(--stroke-page));
   box-shadow: var(--shadow-page--focus, var(--shadow-page));
 }
-.lot\:page:hover {
+.lot\:page:hover,
+.lot\:card:hover {
   background: var(--fill-page--hover, var(--fill-page));
   border-color: var(--stroke-page--hover, var(--stroke-page));
   box-shadow: var(--shadow-page--hover, var(--shadow-page));
 }
-.lot\:page:active {
+.lot\:page:active,
+.lot\:card:active {
   background: var(--fill-page--active, var(--fill-page));
   border-color: var(--stroke-page--active, var(--stroke-page));
   box-shadow: var(--shadow-page--active, var(--shadow-page));
 }
-.lot\:page.is\:current {
+.lot\:page.is\:current,
+.is\:current.lot\:card {
   background: var(--fill-page--current, var(--fill-page));
   border-color: var(--stroke-page--current, var(--stroke-page));
   box-shadow: var(--shadow-page--current, var(--shadow-page));
 }
-.lot\:page > * {
+.lot\:page > *,
+.lot\:card > * {
   margin: 0 calc(var(--x) / 4);
 }
-.lot\:page > div {
+.lot\:page > div,
+.lot\:card > div {
   min-height: calc(var(--y) * 2.25);
 }
-.lot\:page > div:first-child + div {
+.lot\:page > div:first-child + div,
+.lot\:card > div:first-child + div {
   flex: 1;
 }
-.lot\:page h3 {
+.lot\:page > div > .title,
+.lot\:card > div > .title {
+  display: block;
   font-size: calc(var(--z) * 1.25);
 }
-.lot\:page img,
-.lot\:page .img {
+.lot\:page .description,
+.lot\:card .description {
+  margin: calc(var(--y) / 4) 0 0;
+}
+.lot\:page .image,
+.lot\:card .image {
   display: block;
   height: calc(var(--y) * 2.25);
   max-height: calc(var(--y) * 2.25);
@@ -2508,17 +2540,20 @@ label > input[type=radio] + span {
   min-width: 0;
   width: calc(var(--y) * 2.25);
 }
-.lot\:page .description {
-  margin: calc(var(--y) / 4) 0 0;
-}
 .lot\:page.is\:file,
-.lot\:page.is\:folder {
+.is\:file.lot\:card,
+.lot\:page.is\:folder,
+.is\:folder.lot\:card {
   padding-left: calc(var(--x) / 4);
 }
 .lot\:page.is\:file::before,
+.is\:file.lot\:card::before,
 .lot\:page.is\:file::after,
+.is\:file.lot\:card::after,
 .lot\:page.is\:folder::before,
-.lot\:page.is\:folder::after {
+.is\:folder.lot\:card::before,
+.lot\:page.is\:folder::after,
+.is\:folder.lot\:card::after {
   display: none;
 }
 
@@ -2576,6 +2611,36 @@ label > input[type=radio] + span {
   color: inherit;
 }
 
+.lot\:card {
+  flex-direction: column;
+  width: calc(var(--x) * 11);
+}
+.lot\:card > div > .image {
+  height: calc(var(--x) * 11 - var(--x));
+  margin: 0 0 calc(var(--y) * 0.5);
+  min-height: calc(var(--x) * 11 - var(--x));
+  min-width: calc(var(--x) * 11 - var(--x));
+  width: calc(var(--x) * 11 - var(--x));
+}
+.lot\:card > div > .description,
+.lot\:card > div > .title {
+  white-space: normal;
+  word-wrap: break-word;
+}
+.lot\:card > div > .title .title > span {
+  white-space: normal;
+  word-wrap: break-word;
+}
+.lot\:card > div > .lot\:tasks {
+  margin: var(--y) 0 0;
+}
+
+.lot\:cards {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
 .lot\:row,
 .content\:row {
   flex: 1;
@@ -2637,8 +2702,8 @@ label > input[type=radio] + span {
   margin: 0;
   position: relative;
 }
-.lot\:stack > h3,
-.content\:stack > h3 {
+.lot\:stack > .title,
+.content\:stack > .title {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
@@ -2646,64 +2711,65 @@ label > input[type=radio] + span {
   border-radius: inherit;
   box-shadow: var(--shadow-stack);
   color: var(--color-stack);
+  display: block;
   font: inherit;
 }
-.lot\:stack > h3 > a,
-.lot\:stack > h3 > .a,
-.content\:stack > h3 > a,
-.content\:stack > h3 > .a {
+.lot\:stack > .title > a,
+.lot\:stack > .title > .a,
+.content\:stack > .title > a,
+.content\:stack > .title > .a {
   color: inherit;
   cursor: pointer;
   display: block;
   position: relative;
 }
-.lot\:stack > h3 > a:hover,
-.lot\:stack > h3 > .a:hover,
-.content\:stack > h3 > a:hover,
-.content\:stack > h3 > .a:hover {
+.lot\:stack > .title > a:hover,
+.lot\:stack > .title > .a:hover,
+.content\:stack > .title > a:hover,
+.content\:stack > .title > .a:hover {
   color: var(--color-stack--hover, var(--color-stack));
 }
-.lot\:stack > h3 > a:focus,
-.lot\:stack > h3 > .a:focus,
-.content\:stack > h3 > a:focus,
-.content\:stack > h3 > .a:focus {
+.lot\:stack > .title > a:focus,
+.lot\:stack > .title > .a:focus,
+.content\:stack > .title > a:focus,
+.content\:stack > .title > .a:focus {
   color: var(--color-stack--focus, var(--color-stack));
 }
-.lot\:stack > h3 > a:active,
-.lot\:stack > h3 > .a:active,
-.content\:stack > h3 > a:active,
-.content\:stack > h3 > .a:active {
+.lot\:stack > .title > a:active,
+.lot\:stack > .title > .a:active,
+.content\:stack > .title > a:active,
+.content\:stack > .title > .a:active {
   color: var(--color-stack--active, var(--color-stack));
 }
-.lot\:stack > h3 > a .title,
-.lot\:stack > h3 > .a .title,
-.content\:stack > h3 > a .title,
-.content\:stack > h3 > .a .title {
+.lot\:stack > .title > a .title,
+.lot\:stack > .title > .a .title,
+.content\:stack > .title > a .title,
+.content\:stack > .title > .a .title {
   display: flex;
   padding: calc(var(--y) / 2 - (var(--h) - var(--z)) / 2) calc(var(--y) / 2);
 }
-.lot\:stack > h3 > a .title .icon,
-.lot\:stack > h3 > .a .title .icon,
-.content\:stack > h3 > a .title .icon,
-.content\:stack > h3 > .a .title .icon {
+.lot\:stack > .title > a .title .icon,
+.lot\:stack > .title > .a .title .icon,
+.content\:stack > .title > a .title .icon,
+.content\:stack > .title > .a .title .icon {
   margin: 0 calc(var(--z) / -4);
 }
-.lot\:stack > h3 > a .title .icon:first-child,
-.lot\:stack > h3 > .a .title .icon:first-child,
-.content\:stack > h3 > a .title .icon:first-child,
-.content\:stack > h3 > .a .title .icon:first-child {
+.lot\:stack > .title > a .title .icon:first-child,
+.lot\:stack > .title > .a .title .icon:first-child,
+.content\:stack > .title > a .title .icon:first-child,
+.content\:stack > .title > .a .title .icon:first-child {
   margin-right: calc(var(--z) / 4);
 }
-.lot\:stack > h3 > a .title .icon:last-child,
-.lot\:stack > h3 > .a .title .icon:last-child,
-.content\:stack > h3 > a .title .icon:last-child,
-.content\:stack > h3 > .a .title .icon:last-child {
+.lot\:stack > .title > a .title .icon:last-child,
+.lot\:stack > .title > .a .title .icon:last-child,
+.content\:stack > .title > a .title .icon:last-child,
+.content\:stack > .title > .a .title .icon:last-child {
   margin-left: calc(var(--z) / 4);
 }
-.lot\:stack > h3 > a .title .icon:only-child,
-.lot\:stack > h3 > .a .title .icon:only-child,
-.content\:stack > h3 > a .title .icon:only-child,
-.content\:stack > h3 > .a .title .icon:only-child {
+.lot\:stack > .title > a .title .icon:only-child,
+.lot\:stack > .title > .a .title .icon:only-child,
+.content\:stack > .title > a .title .icon:only-child,
+.content\:stack > .title > .a .title .icon:only-child {
   margin-left: calc(var(--z) / -4);
   margin-right: calc(var(--z) / -4);
 }
@@ -2711,8 +2777,8 @@ label > input[type=radio] + span {
 .content\:stack:hover {
   border-color: var(--stroke-stack--hover, var(--stroke-stack));
 }
-.lot\:stack:hover > h3,
-.content\:stack:hover > h3 {
+.lot\:stack:hover > .title,
+.content\:stack:hover > .title {
   background: var(--fill-stack--hover, var(--fill-stack));
   box-shadow: var(--shadow-stack--hover, var(--shadow-stack));
 }
@@ -2720,8 +2786,8 @@ label > input[type=radio] + span {
 .content\:stack:focus {
   border-color: var(--stroke-stack--focus, var(--stroke-stack));
 }
-.lot\:stack:focus > h3,
-.content\:stack:focus > h3 {
+.lot\:stack:focus > .title,
+.content\:stack:focus > .title {
   background: var(--fill-stack--focus, var(--fill-stack));
   box-shadow: var(--shadow-stack--focus, var(--shadow-stack));
 }
@@ -2729,8 +2795,8 @@ label > input[type=radio] + span {
 .content\:stack:active {
   border-color: var(--stroke-stack--active, var(--stroke-stack));
 }
-.lot\:stack:active > h3,
-.content\:stack:active > h3 {
+.lot\:stack:active > .title,
+.content\:stack:active > .title {
   background: var(--fill-stack--active, var(--fill-stack));
   box-shadow: var(--shadow-stack--active, var(--shadow-stack));
 }
@@ -2745,39 +2811,34 @@ label > input[type=radio] + span {
 .has\:link.content\:stack {
   border-color: var(--stroke-stack-link, var(--stroke-stack));
 }
-.lot\:stack.has\:link > h3,
-.has\:link.content\:stack > h3 {
+.lot\:stack.has\:link > .title,
+.has\:link.content\:stack > .title {
   background: var(--fill-stack-link, var(--fill-stack));
   box-shadow: var(--shadow-stack-link, var(--shadow-stack));
   color: var(--color-stack-link, var(--color-stack));
 }
-.lot\:stack.has\:link > h3 > a:hover,
-.lot\:stack.has\:link > h3 > .a:hover,
-.has\:link.content\:stack > h3 > a:hover,
-.has\:link.content\:stack > h3 > .a:hover {
+.lot\:stack.has\:link > .title > a:hover,
+.lot\:stack.has\:link > .title > .a:hover,
+.has\:link.content\:stack > .title > a:hover,
+.has\:link.content\:stack > .title > .a:hover {
   color: var(--color-stack-link--hover, var(--color-stack-link));
 }
-.lot\:stack.has\:link > h3 > a:focus,
-.lot\:stack.has\:link > h3 > .a:focus,
-.has\:link.content\:stack > h3 > a:focus,
-.has\:link.content\:stack > h3 > .a:focus {
+.lot\:stack.has\:link > .title > a:focus,
+.lot\:stack.has\:link > .title > .a:focus,
+.has\:link.content\:stack > .title > a:focus,
+.has\:link.content\:stack > .title > .a:focus {
   color: var(--color-stack-link--focus, var(--color-stack-link));
 }
-.lot\:stack.has\:link > h3 > a:active,
-.lot\:stack.has\:link > h3 > .a:active,
-.has\:link.content\:stack > h3 > a:active,
-.has\:link.content\:stack > h3 > .a:active {
+.lot\:stack.has\:link > .title > a:active,
+.lot\:stack.has\:link > .title > .a:active,
+.has\:link.content\:stack > .title > a:active,
+.has\:link.content\:stack > .title > .a:active {
   color: var(--color-stack-link--active, var(--color-stack-link));
 }
 .lot\:stack.is\:current,
 .is\:current.content\:stack {
   border-color: var(--stroke-stack--current, var(--stroke-stack));
 }
-.lot\:stack.is\:current > h3,
-.is\:current.content\:stack > h3 {
-  background: var(--fill-stack--current, var(--fill-stack));
-  box-shadow: var(--shadow-stack--current, var(--shadow-stack));
-}
 .lot\:stack.is\:current > .content,
 .is\:current.content\:stack > .content,
 .lot\:stack.is\:current > .lot,
@@ -2786,16 +2847,21 @@ label > input[type=radio] + span {
   border-top-color: inherit;
   display: block;
 }
-.lot\:stack.is\:current:not(.can\:toggle) > h3 > a,
-.lot\:stack.is\:current:not(.can\:toggle) > h3 > .a,
-.is\:current.content\:stack:not(.can\:toggle) > h3 > a,
-.is\:current.content\:stack:not(.can\:toggle) > h3 > .a {
+.lot\:stack.is\:current > .title,
+.is\:current.content\:stack > .title {
+  background: var(--fill-stack--current, var(--fill-stack));
+  box-shadow: var(--shadow-stack--current, var(--shadow-stack));
+}
+.lot\:stack.is\:current:not(.can\:toggle) > .title > a,
+.lot\:stack.is\:current:not(.can\:toggle) > .title > .a,
+.is\:current.content\:stack:not(.can\:toggle) > .title > a,
+.is\:current.content\:stack:not(.can\:toggle) > .title > .a {
   cursor: inherit;
 }
-.lot\:stack.not\:active > h3 > a,
-.lot\:stack.not\:active > h3 > .a,
-.not\:active.content\:stack > h3 > a,
-.not\:active.content\:stack > h3 > .a {
+.lot\:stack.not\:active > .title > a,
+.lot\:stack.not\:active > .title > .a,
+.not\:active.content\:stack > .title > a,
+.not\:active.content\:stack > .title > .a {
   color: var(--color-stack--disabled, var(--color-stack));
   cursor: not-allowed;
 }
diff --git a/panel/lot/asset/css/index.min.css b/panel/lot/asset/css/index.min.css
index 99714899..75b59231 100755
--- a/panel/lot/asset/css/index.min.css
+++ b/panel/lot/asset/css/index.min.css
@@ -1 +1 @@
-@charset "UTF-8";:root{--color-option-picker--disabled:#666;--color-option-picker:#000;--color-option-picker__option--active:#fff;--color-option-picker__option--disabled:#666;--color-option-picker__option--hover:#fff;--color-option-picker__option--selected:#00f;--color-option-picker__option-group--disabled:#666;--color-option-picker__option-group:#000;--color-option-picker__options--disabled:#666;--fill-option-picker--disabled:#eee;--fill-option-picker:#fff;--fill-option-picker__option--active:#009;--fill-option-picker__option--disabled:none;--fill-option-picker__option--hover:#00f;--fill-option-picker__option--selected:none;--fill-option-picker__option:none;--fill-option-picker__options--disabled:#eee;--fill-option-picker__options:#fff;--font-face-option-picker:inherit;--font-height-option-picker:1.5em;--font-size-option-picker:inherit;--shadow-option-picker:none;--shadow-option-picker__options:0 1px 2px rgba(0, 0, 0, .4);--stroke-option-picker--disabled:#666;--stroke-option-picker--focus:#00f;--stroke-option-picker--open:#00f;--stroke-option-picker:#000;--stroke-option-picker__options--disabled:#999;--stroke-option-picker__options--open:#00f;--stroke-option-picker__options:#000;--width-option-picker:12em}.option-picker,.option-picker *{box-sizing:border-box;font:inherit}.option-picker{-moz-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;background:var(--fill-option-picker);border:1px solid;border-color:var(--stroke-option-picker);border-radius:var(--arc-option-picker);box-shadow:var(--shadow-option-picker);color:var(--color-option-picker);cursor:pointer;display:inline-block;font-family:var(--font-face-option-picker);font-size:var(--font-size-option-picker);height:var(--height-option-picker,auto);line-height:var(--font-height-option-picker);max-height:var(--height-max-option-picker,100%);max-width:var(--width-max-option-picker,100%);min-height:var(--height-min-option-picker,0);min-width:var(--width-min-option-picker,0);padding:.25em;position:relative;user-select:none;vertical-align:middle;width:var(--width-option-picker,auto)}.option-picker:hover{background:var(--fill-option-picker--hover,var(--fill-option-picker));border-color:var(--stroke-option-picker--hover,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--hover,var(--shadow-option-picker));color:var(--color-option-picker--hover,var(--color-option-picker))}.option-picker:focus{background:var(--fill-option-picker--focus,var(--fill-option-picker));border-color:var(--stroke-option-picker--focus,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--focus,var(--shadow-option-picker));color:var(--color-option-picker--focus,var(--color-option-picker))}.option-picker:active{background:var(--fill-option-picker--active,var(--fill-option-picker));border-color:var(--stroke-option-picker--active,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--active,var(--shadow-option-picker));color:var(--color-option-picker--active,var(--color-option-picker))}.option-picker::after{border:0 solid transparent;border-bottom-color:inherit;border-left-width:.35em;border-right-width:.35em;border-top-color:inherit;border-top-width:.45em;content:"";height:0;pointer-events:none;position:absolute;right:.5em;top:calc(50% - .225em);width:0;right:calc(var(--x)/ 2)}.option-picker--open.option-picker--down{border-bottom-left-radius:0;border-bottom-right-radius:0}.option-picker--open.option-picker--up{border-top-left-radius:0;border-top-right-radius:0}.option-picker--open::after{border-bottom-width:.45em;border-top-width:0}.option-picker--open .option-picker__options{background:var(--fill-option-picker__options--open,var(--fill-option-picker__options,var(--fill-option-picker)));border-color:var(--stroke-option-picker__options--open,var(--stroke-option-picker__options,var(--stroke-option-picker)));color:var(--color-option-picker__options--open,var(--stroke-option-picker__options,var(--stroke-option-picker)));display:block}.option-picker--open.option-picker--down .option-picker__options{border-top-left-radius:0;border-top-right-radius:0}.option-picker--open.option-picker--up .option-picker__options{border-bottom-left-radius:0;border-bottom-right-radius:0}.option-picker *{outline:0}.option-picker.option-picker--focus{background:var(--fill-option-picker--focus,var(--fill-option-picker));border-color:var(--stroke-option-picker--focus,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--focus,var(--shadow-option-picker));color:var(--color-option-picker--focus,var(--color-option-picker))}.option-picker.option-picker--disabled{background:var(--fill-option-picker--disabled,var(--fill-option-picker));border-color:var(--stroke-option-picker--disabled,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--disabled,var(--shadow-option-picker));color:var(--color-option-picker--disabled,var(--color-option-picker))}.option-picker__options{background:var(--fill-option-picker__options,var(--fill-option-picker));border:inherit;border-color:var(--stroke-option-picker__options,var(--stroke-option-picker));border-radius:var(--arc-option-picker__options,var(--arc-option-picker));box-shadow:var(--shadow-option-picker__options);color:var(--color-option-picker__options,var(--color-option-picker));display:none;overflow:auto;position:fixed;z-index:9999}.option-picker__options .option-picker__option{background:var(--fill-option-picker__option);color:var(--color-option-picker__option);cursor:pointer;display:block;font:inherit;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;white-space:nowrap}.option-picker__options .option-picker__option[hidden]{display:none}.option-picker__options .option-picker__option:not(.option-picker__option--disabled):hover{background:var(--fill-option-picker__option--hover,var(--fill-option-picker__option));color:var(--color-option-picker__option--hover,var(--color-option-picker__option))}.option-picker__options .option-picker__option:not(.option-picker__option--disabled):focus{background:var(--fill-option-picker__option--focus,var(--fill-option-picker__option));color:var(--color-option-picker__option--focus,var(--color-option-picker__option))}.option-picker__options .option-picker__option:not(.option-picker__option--disabled):active{background:var(--fill-option-picker__option--active,var(--fill-option-picker__option));color:var(--color-option-picker__option--active,var(--color-option-picker__option))}.option-picker__options .option-picker__option--selected{background:var(--fill-option-picker__option--selected,var(--fill-option-picker__option));color:var(--color-option-picker__option--selected,var(--color-option-picker__option))}.option-picker__options .option-picker__option--disabled{background:var(--fill-option-picker__option--disabled,var(--fill-option-picker__option));color:var(--color-option-picker__option--disabled,var(--color-option-picker__option));cursor:not-allowed}.option-picker__option-group{display:block;padding:0 .5em}.option-picker__option-group[title]::before{content:attr(title);display:block;font-weight:700;margin:0 -.5em;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;white-space:nowrap}.option-picker__option-group--disabled{color:var(--color-disabled__option-group--disabled,var(--color-disabled__option-group))}.option-picker__option-group .option-picker__option{margin:0 -.5em;padding-left:1.5em}.option-picker__source{left:-9999px;position:fixed;top:-9999px}.option-picker__source:disabled+.option-picker{background:var(--fill-option-picker--disabled,var(--fill-option-picker));border-color:var(--stroke-option-picker--disabled,var(--stroke-option-picker));color:var(--color-option-picker--disabled,var(--color-option-picker));cursor:not-allowed}.option-picker__source:disabled+.option-picker::after{border-top-color:var(--stroke-option-picker--disabled,var(--stroke-option-picker))}.option-picker__source:disabled+.option-picker .option-picker__option{color:var(--color-option-picker--disabled,var(--color-option-picker))}.option-picker__source:disabled+.option-picker .option-picker__options{background:var(--fill-option-picker__options--disabled,var(--fill-option-picker--disabled),var(--fill-option-picker));border-color:var(--stroke-option-picker__options--disabled,var(--stroke-option-picker--disabled,var(--stroke-option-picker)));color:var(--color-option-picker__options--disabled,var(--color-option-picker--disabled,var(--color-option-picker)))}.option-picker__source:disabled+.option-picker .option-picker__options,.option-picker__source:disabled+.option-picker .option-picker__values{pointer-events:none}.option-picker__source[size]+.option-picker{height:auto}.option-picker__source[size]+.option-picker::after{display:none}.option-picker__source[size]+.option-picker .option-picker__options{border-color:inherit;border-width:0;border-top-width:inherit;box-shadow:none;display:block;margin:.25em -.25em -.25em;position:relative;z-index:1}.option-picker__source[size]+.option-picker .option-picker__values{margin:0}.option-picker__source[multiple]+.option-picker .option-picker__values{white-space:normal}.option-picker__input span{display:block;height:100%;outline:0;position:relative;z-index:1}.option-picker__input span *{display:inline;font:inherit}.option-picker__input span+span{opacity:.5;padding:inherit;right:0;white-space:nowrap;position:absolute;top:0;bottom:0;left:0;z-index:0}.option-picker__input{cursor:text}.option-picker__input,.option-picker__values{display:block;margin-right:1.25em;overflow:hidden;padding:0 .25em;position:relative;text-overflow:ellipsis;white-space:nowrap}:root{--color-tag-picker:#000;--color-tag-picker__tag-x:#fff;--color-tag-picker__tag:#000;--fill-tag-picker--disabled:#eee;--fill-tag-picker--read-only:#eee;--fill-tag-picker:#fff;--fill-tag-picker__tag--disabled:#aaa;--fill-tag-picker__tag--focus:#c00;--fill-tag-picker__tag--read-only:#f00;--fill-tag-picker__tag--selected:#c00;--fill-tag-picker__tag:#f00;--font-face-tag-picker:inherit;--font-height-tag-picker:1.5em;--font-height-tag-picker:1.5em;--font-size-tag-picker:inherit;--shadow-tag-picker:none;--shadow-tag-picker__tag:none;--stroke-tag-picker--disabled:#666;--stroke-tag-picker--focus:#00f;--stroke-tag-picker--read-only:#666;--stroke-tag-picker:#000;--stroke-tag-picker__tag:transparent;--width-tag-picker:100%}.tag-picker,.tag-picker *{box-sizing:border-box;color:inherit;font:inherit}.tag-picker{background:var(--fill-tag-picker);border:1px solid;border-color:var(--stroke-tag-picker);border-radius:var(--arc-tag-picker);color:var(--color-tag-picker);cursor:text;display:inline-flex;flex-wrap:wrap;font-family:var(--font-face-tag-picker);font-size:var(--font-size-tag-picker);height:var(--height-tag-picker,auto);line-height:var(--font-height-tag-picker);max-height:var(--height-max-tag-picker,100%);max-width:var(--width-max-tag-picker,100%);min-height:var(--height-min-tag-picker,0);min-width:var(--width-min-tag-picker,0);outline:0;padding:.125em;position:relative;width:var(--width-tag-picker,auto)}.tag-picker:hover{background:var(--fill-tag-picker--hover,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--hover,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--hover,var(--shadow-tag-picker));color:var(--color-tag-picker--hover,var(--color-tag-picker))}.tag-picker:focus{background:var(--fill-tag-picker--focus,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--focus,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--focus,var(--shadow-tag-picker));color:var(--color-tag-picker--focus,var(--color-tag-picker))}.tag-picker:active{background:var(--fill-tag-picker--active,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--active,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--active,var(--shadow-tag-picker));color:var(--color-tag-picker--active,var(--color-tag-picker))}.tag-picker.tag-picker--focus{background:var(--fill-tag-picker--focus,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--focus,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--focus,var(--shadow-tag-picker));color:var(--color-tag-picker--focus,var(--color-tag-picker))}.tag-picker.tag-picker--disabled{background:var(--fill-tag-picker--disabled,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--disabled,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--disabled,var(--shadow-tag-picker));color:var(--color-tag-picker--disabled,var(--color-tag-picker))}.tag-picker__copy{height:1px;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:1px}.tag-picker__tag{height:var(--height-tag-picker);margin:.125em;outline:0;padding:0 .5em;position:relative;text-decoration:none}.tag-picker__tag:not(.tag-picker__input){background:var(--fill-tag-picker__tag);border:0 solid;border-color:var(--stroke-tag-picker__tag);border-radius:var(--arc-tag-picker__tag);box-shadow:var(--shadow-tag-picker__tag);color:var(--color-tag-picker__tag);cursor:pointer}.tag-picker__tag:not(.tag-picker__input):hover{background:var(--fill-tag-picker__tag--hover,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--hover,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--hover,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--hover,var(--color-tag-picker__tag))}.tag-picker__tag:not(.tag-picker__input):focus{background:var(--fill-tag-picker__tag--focus,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--focus,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--focus,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--focus,var(--color-tag-picker__tag))}.tag-picker__tag:not(.tag-picker__input):active{background:var(--fill-tag-picker__tag--active,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--active,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--active,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--active,var(--color-tag-picker__tag))}.tag-picker__tag--selected:not(.tag-picker__input){background:var(--fill-tag-picker__tag--selected,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--selected,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--selected,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--selected,var(--color-tag-picker__tag))}.tag-picker__tag--disabled:not(.tag-picker__input){background:var(--fill-tag-picker__tag--disabled,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--disabled,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--disabled,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--disabled,var(--color-tag-picker__tag))}.tag-picker__tag::before{content:attr(title)}.tag-picker__tag+.tag-picker__input span+span{display:none}.tag-picker__tag-x{color:var(--color-tag-picker__tag-x);margin-left:.5em;outline:0;text-decoration:none}.tag-picker__tag-x:hover{color:var(--color-tag-picker__tag-x--hover,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:focus{color:var(--color-tag-picker__tag-x--focus,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:active{color:var(--color-tag-picker__tag-x--active,var(--color-tag-picker__tag-x))}.tag-picker__tag-x::before{content:"×";font-family:sans-serif}.tag-picker__input{flex:1}.tag-picker__input span{display:block;height:100%;outline:0;position:relative;z-index:1;min-height:var(--y)}.tag-picker__input span *{display:inline}.tag-picker__input span+span{bottom:0;left:0;opacity:.5;padding:inherit;position:absolute;right:0;top:0;white-space:nowrap;z-index:0}.tag-picker__tags{display:flex;flex-wrap:wrap;flex:1;line-height:var(--height-tag-picker);min-height:var(--height-tag-picker)}.tag-picker__source:read-only+.tag-picker{background:var(--fill-tag-picker--read-only,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--read-only,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--read-only,var(--shadow-tag-picker));color:var(--color-tag-picker--read-only,var(--color-tag-picker))}.tag-picker__source:read-only+.tag-picker .tag-picker__tag-x{cursor:not-allowed}.tag-picker__source:read-only+.tag-picker .tag-picker__tag:not(.tag-picker__input){background:var(--fill-tag-picker__tag--read-only,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--read-only,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--read-only,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--read-only,var(--color-tag-picker__tag))}.tag-picker__source:disabled+.tag-picker{background:var(--fill-tag-picker--disabled,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--disabled,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--disabled,var(--shadow-tag-picker));color:var(--color-tag-picker--disabled,var(--color-tag-picker))}.tag-picker__source:disabled+.tag-picker,.tag-picker__source:disabled+.tag-picker *{cursor:not-allowed}.tag-picker__source:disabled+.tag-picker .tag-picker__tag:not(.tag-picker__input){background:var(--fill-tag-picker__tag--disabled,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--disabled,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--disabled,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--disabled,var(--color-tag-picker__tag))}:root{--x:24px;--y:24px;--h:var(--y);--z:16px;--font-face-mono:monospace;--font-face-sans:sans-serif;--font-face-serif:serif;--font-face:var(--font-face-sans);--font-height:var(--h);--font-size:var(--z);--width-input:calc(var(--x) * 8);--width-menu:calc(var(--x) * 8);--width-option-picker:var(--width-input);--width-tag-picker:var(--width-input);--color--disabled:#666;--color-bar-info:#f00;--color-bar-link--active:#009;--color-bar-link--disabled:#66f;--color-bar-link--focus:#00c;--color-bar-link--hover:#00f;--color-bar-link:#00f;--color-button--active:#fff;--color-button--disabled:#fff;--color-button--focus:#fff;--color-button--hover:#fff;--color-button:#fff;--color-code-block:#fff;--color-info:#f00;--color-input--disabled:#666;--color-input--hover:#000;--color-input--invalid:#f00;--color-input:#000;--color-link--active:#009;--color-link--disabled:#66f;--color-link--focus:#00c;--color-link--hover:#00f;--color-link:#00f;--color-mark:#000;--color-menu-info:#fff;--color-menu-link--active:#009;--color-menu-link--disabled:#66f;--color-menu-link--focus:#00c;--color-menu-link--hover:#00f;--color-menu-link:#00f;--color-output:#000;--color-stack--disabled:#666;--color-stack-link--active:#009;--color-stack-link--disabled:#66f;--color-stack-link--focus:#00c;--color-stack-link--hover:#00f;--color-stack-link:#00f;--color-stack:#000;--color-tab--disabled:#666;--color-tab-link--active:#009;--color-tab-link--disabled:#66f;--color-tab-link--focus:#00c;--color-tab-link--hover:#00f;--color-tab-link:#00f;--color-tab:#000;--color:#000;--fill-alert:#ff0;--fill-button--active:#009;--fill-button--disabled:#66f;--fill-button--focus:#00c;--fill-button--hover:#00f;--fill-button:#00f;--fill-code-block:#000;--fill-input--disabled:#eee;--fill-input--hover:#fff;--fill-input:#fff;--fill-mark:#ff0;--fill-menu-info:#f00;--fill-output:none;--fill:#fff;--shadow-button--disabled:none;--shadow-input--disabled:none;--shadow-menu:0 1px 5px rgba(0, 0, 0, .25);--shadow-output:none;--stroke--focus-visible:rgba(0, 0, 255, .25);--stroke-button--active:#009;--stroke-button--disabled:#66f;--stroke-button--focus:#00c;--stroke-button--hover:#00f;--stroke-button:#00f;--stroke-code-block:#000;--stroke-file:#fff;--stroke-folder:#fff;--stroke-input--active:#000;--stroke-input--disabled:#666;--stroke-input--focus:#000;--stroke-input--hover:#000;--stroke-input--invalid:#f00;--stroke-input:#000;--stroke-output:transparent;--stroke-page:#fff;--stroke-stack:#000;--stroke-tab:#000;--stroke:#000;--arc-option-picker:var(--arc-input);--color-option-picker:var(--color-input);--fill-option-picker:var(--fill-input);--shadow-option-picker:var(--shadow-input);--stroke-option-picker:var(--stroke-input);--color-option-picker__option--disabled:var(--color--disabled);--color-option-picker__option--selected:var(--color-link);--color-option-picker__option:var(--color-input);--color-option-picker__options--open:var(--color-input);--color-option-picker__options:var(--color-input);--fill-option-picker__option--disabled:none;--fill-option-picker__option--selected:none;--fill-option-picker__option:none;--fill-option-picker__options:var(--fill-input);--stroke-option-picker__options--open:var(--stroke-input--focus, var(--stroke-input));--stroke-option-picker__options:var(--stroke-input);--color-option-picker__option--hover:var(--color-button--hover, var(--color-button));--fill-option-picker__option--hover:var(--fill-button--hover, var(--fill-button));--color-option-picker__option--focus:var(--color-button--focus, var(--color-button));--fill-option-picker__option--focus:var(--fill-button--focus, var(--fill-button));--color-option-picker__option--active:var(--color-button--active, var(--color-button));--fill-option-picker__option--active:var(--fill-button--active, var(--fill-button));--color-option-picker--hover:var(--color-input--hover, var(--color-input));--fill-option-picker--hover:var(--fill-input--hover, var(--fill-input));--shadow-option-picker--hover:var(--shadow-input--hover, var(--shadow-input));--stroke-option-picker--hover:var(--stroke-input--hover, var(--stroke-input));--color-option-picker--focus:var(--color-input--focus, var(--color-input));--fill-option-picker--focus:var(--fill-input--focus, var(--fill-input));--shadow-option-picker--focus:var(--shadow-input--focus, var(--shadow-input));--stroke-option-picker--focus:var(--stroke-input--focus, var(--stroke-input));--color-option-picker--active:var(--color-input--active, var(--color-input));--fill-option-picker--active:var(--fill-input--active, var(--fill-input));--shadow-option-picker--active:var(--shadow-input--active, var(--shadow-input));--stroke-option-picker--active:var(--stroke-input--active, var(--stroke-input));--arc-tag-picker:var(--arc-input);--color-tag-picker:var(--color-input);--fill-tag-picker:var(--fill-input);--shadow-tag-picker:var(--shadow-input);--stroke-tag-picker:var(--stroke-input);--color-tag-picker:var(--color-input);--color-tag-picker__tag-x:var(--color-button);--color-tag-picker__tag:var(--color-input);--fill-tag-picker--disabled:var(--fill-input--disabled);--fill-tag-picker--read-only:var(--fill-input--read-only);--fill-tag-picker:var(--fill-input);--fill-tag-picker__tag--disabled:var(--fill-button--disabled);--fill-tag-picker__tag--focus:var(--fill-button--focus);--fill-tag-picker__tag--read-only:var(--fill-button);--fill-tag-picker__tag--selected:var(--fill-button--focus);--fill-tag-picker__tag:var(--fill-button);--color-tag-picker--hover:var(--color-input--hover, var(--color-input));--fill-tag-picker--hover:var(--fill-input--hover, var(--fill-input));--shadow-tag-picker--hover:var(--shadow-input--hover, var(--shadow-input));--stroke-tag-picker--hover:var(--stroke-input--hover, var(--stroke-input));--color-tag-picker--focus:var(--color-input--focus, var(--color-input));--fill-tag-picker--focus:var(--fill-input--focus, var(--fill-input));--shadow-tag-picker--focus:var(--shadow-input--focus, var(--shadow-input));--stroke-tag-picker--focus:var(--stroke-input--focus, var(--stroke-input));--color-tag-picker--active:var(--color-input--active, var(--color-input));--fill-tag-picker--active:var(--fill-input--active, var(--fill-input));--shadow-tag-picker--active:var(--shadow-input--active, var(--shadow-input));--stroke-tag-picker--active:var(--stroke-input--active, var(--stroke-input))}:root .option-picker::after{--stroke-option-picker--open:var(--color-option-picker);--stroke-option-picker:var(--color-option-picker)}:root .option-picker__source:read-only+.option-picker,:root .option-picker__source:read-only+.option-picker--focus{--color-option-picker--read-only:var(--color-input--read-only, var(--color-input));--fill-option-picker--read-only:var(--fill-input--read-only, var(--fill-input));--shadow-option-picker--read-only:var(--shadow-input--read-only, var(--shadow-input));--stroke-option-picker--read-only:var(--stroke-input--read-only, var(--stroke-input))}:root .option-picker__source:disabled+.option-picker,:root .option-picker__source:disabled+.option-picker--focus{--color-option-picker--disabled:var(--color-input--disabled, var(--color-input));--fill-option-picker--disabled:var(--fill-input--disabled, var(--fill-input));--shadow-option-picker--disabled:var(--shadow-input--disabled, var(--shadow-input));--stroke-option-picker--disabled:var(--stroke-input--disabled, var(--stroke-input))}:root .tag-picker--focus{--color-input:var(--color-input--focus);--fill-input:var(--fill-input--focus);--shadow-input:var(--shadow-input--focus);--stroke-input:var(--stroke-input--focus);--color-tag-picker:var(--color-input);--fill-tag-picker:var(--fill-input);--shadow-tag-picker:var(--shadow-input);--stroke-tag-picker:var(--stroke-input);--color-tag-picker--hover:var(--color-input);--fill-tag-picker--hover:var(--fill-input);--shadow-tag-picker--hover:var(--shadow-input);--stroke-tag-picker--hover:var(--stroke-input);--color-tag-picker--focus:var(--color-input);--fill-tag-picker--focus:var(--fill-input);--shadow-tag-picker--focus:var(--shadow-input);--stroke-tag-picker--focus:var(--stroke-input);--color-tag-picker--active:var(--color-input);--fill-tag-picker--active:var(--fill-input);--shadow-tag-picker--active:var(--shadow-input);--stroke-tag-picker--active:var(--stroke-input)}:root .tag-picker__source:read-only+.tag-picker,:root .tag-picker__source:read-only+.tag-picker--focus{--color-tag-picker--read-only:var(--color-input--read-only, var(--color-input));--fill-tag-picker--read-only:var(--fill-input--read-only, var(--fill-input));--shadow-tag-picker--read-only:var(--shadow-input--read-only, var(--shadow-input));--stroke-tag-picker--read-only:var(--stroke-input--read-only, var(--stroke-input))}:root .tag-picker__source:disabled+.tag-picker,:root .tag-picker__source:disabled+.tag-picker--focus{--color-tag-picker--disabled:var(--color-input--disabled, var(--color-input));--fill-tag-picker--disabled:var(--fill-input--disabled, var(--fill-input));--shadow-tag-picker--disabled:var(--shadow-input--disabled, var(--shadow-input));--stroke-tag-picker--disabled:var(--stroke-input--disabled, var(--stroke-input))}*,::after,::before{box-sizing:border-box;font:inherit;margin:0;padding:0;text-decoration:inherit;text-transform:inherit}::-webkit-input-placeholder{color:inherit;opacity:.5}::-moz-placeholder{color:inherit;opacity:.5}::placeholder{color:inherit;opacity:.5}:focus{-webkit-tap-highlight-color:transparent;outline:0}.button:focus,.input:focus,.option-picker--focus,.output:focus,.select:focus,.tag-picker--focus,.textarea:focus,:focus-visible{box-shadow:var(--shadow--focus-visible,none);outline:3px solid var(--stroke--focus-visible,transparent);z-index:1}.a,a{color:inherit}.a:any-link,a:any-link{background:var(--fill-link,none);color:var(--color-link)}.a:any-link:hover,a:any-link:hover{background:var(--fill-link--hover,var(--fill-link,none));color:var(--color-link--hover,var(--color-link))}.a:any-link:focus,a:any-link:focus{background:var(--fill-link--focus,var(--fill-link,none));color:var(--color-link--focus,var(--color-link))}.a:any-link:active,a:any-link:active{background:var(--fill-link--active,var(--fill-link,none));color:var(--color-link--active,var(--color-link))}.not\:active.a,a.not\:active{background:var(--fill-link--disabled,var(--fill-link,none));color:var(--color-link--disabled,var(--color-link))}:root,body{min-height:100%}:root{background:var(--fill);border:0 solid var(--stroke);color:var(--color);font:normal normal var(--font-size)/var(--font-height) var(--font-face);scroll-behavior:smooth;text-align:left}abbr{border:0;border-bottom:1px solid transparent;cursor:inherit;text-decoration:none}abbr[title]:hover{border-bottom-color:var(--stroke);cursor:help}article,aside,footer,header,main,nav,section{display:block}sub,sup{line-height:0;position:relative}sub{top:.25em;vertical-align:sub}sup{top:-.25em;vertical-align:super}mark{background:var(--fill-mark);color:var(--color-mark)}pre{font-style:normal;font-weight:400;overflow:auto;white-space:pre-wrap;word-wrap:break-word}pre code{background:var(--fill-code-block);border:0 solid;border-color:var(--stroke-code-block);border-radius:var(--arc-code-block);box-shadow:var(--shadow-code-block);color:var(--color-code-block);display:block;padding:calc(var(--y) - var(--z)) calc(var(--x)/ 2)}img{height:auto;max-width:100%}button::-moz-focus-inner,input::-moz-focus-inner{border:0;margin:0;outline:0;padding:0}button,input[type=checkbox],input[type=color],input[type=file],input[type=image],input[type=radio],input[type=range],label,select,summary{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}button:disabled,input:disabled,input[type=checkbox]:disabled,input[type=color]:disabled,input[type=file]:disabled,input[type=image]:disabled,input[type=radio]:disabled,input[type=range]:disabled,select:disabled,textarea:disabled{cursor:not-allowed}h1{font-size:calc(var(--z) * 2);line-height:1}h2{font-size:calc(var(--z) * (2 - (1 / 4)));line-height:1}h3{font-size:calc(var(--z) * (2 - (2 / 4)));line-height:1}h4{font-size:calc(var(--z) * (2 - (3 / 4)));line-height:1}h5{font-size:calc(var(--z) * (2 - (4 / 4)));line-height:1}h6{font-size:calc(var(--z) * (2 - (5 / 4)));line-height:1}kbd{cursor:pointer;display:inline-block;padding:0 calc(var(--z)/ 2);vertical-align:middle}blockquote{font-size:calc(var(--z) * 1.1);margin-right:var(--x);margin-left:var(--x)}dl{margin-left:var(--x)}figure figcaption{margin-top:calc(var(--y)/ 4)}figure img{display:block;margin:0 auto}ol,ul{margin-left:calc(var(--x) + var(--z))}ol ol,ol ul,ul ol,ul ul{margin-left:var(--z)}ul{list-style:square}fieldset,hr{border:1px solid var(--stroke);color:inherit}fieldset{padding:var(--y) var(--x)}fieldset legend{padding:0 calc(var(--x)/ 3)}fieldset legend+*{margin-top:calc(var(--h)/ -2)}hr{border-style:dashed;border-width:1px 0 0}.button,.input,.output,.select,.textarea{border:1px solid transparent;display:inline-block;height:calc(var(--h) + var(--y)/ 2);padding:calc(var(--y)/ 4) calc(var(--x)/ 2);position:relative;text-align:left;vertical-align:middle;width:auto;z-index:0}.button,.button:any-link{background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);border-width:0;box-shadow:var(--shadow-button);color:var(--color-button);text-align:center}.button:any-link:hover,.button:hover{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));border-radius:var(--arc-button--hover,var(--arc-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.button:any-link:focus,.button:focus{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));border-radius:var(--arc-button--focus,var(--arc-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.button:active,.button:any-link:active{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));border-radius:var(--arc-button--active,var(--arc-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.button:any-link:disabled,.button:disabled{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));border-radius:var(--arc-button--disabled,var(--arc-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.button.as\:link,.button:any-link.as\:link{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link)}.button.as\:link:hover,.button:any-link.as\:link:hover{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link--hover,var(--color-link))}.button.as\:link:focus,.button:any-link.as\:link:focus{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link--focus,var(--color-link))}.button.as\:link:active,.button:any-link.as\:link:active{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link--active,var(--color-link))}.button .title>.icon:first-child,.button:any-link .title>.icon:first-child{margin-left:calc(var(--x)/ -4)}.button .title>.icon:last-child,.button:any-link .title>.icon:last-child{margin-right:calc(var(--x)/ -4)}.button .title>.icon.caret,.button:any-link .title>.icon.caret{margin-left:calc(var(--x)/ -4);margin-right:calc(var(--x)/ -4)}.input,.textarea{background:var(--fill-input);border-color:var(--stroke-input);border-radius:var(--arc-input);box-shadow:var(--shadow-input);color:var(--color-input);width:var(--width-input)}.input:read-write,.textarea:read-write{background:var(--fill-input--read-write,var(--fill-input));border-color:var(--stroke-input--read-write,var(--stroke-input));box-shadow:var(--shadow-input--read-write,var(--shadow-input));color:var(--color-input--read-write,var(--color-input))}.input:hover,.textarea:hover{background:var(--fill-input--hover,var(--fill-input));border-color:var(--stroke-input--hover,var(--stroke-input));box-shadow:var(--shadow-input--hover,var(--shadow-input));color:var(--color-input--hover,var(--color-input))}.input:focus,.textarea:focus{background:var(--fill-input--focus,var(--fill-input));border-color:var(--stroke-input--focus,var(--stroke-input));box-shadow:var(--shadow-input--focus,var(--shadow-input));color:var(--color-input--focus,var(--color-input))}.input:active,.textarea:active{background:var(--fill-input--active,var(--fill-input));border-color:var(--stroke-input--active,var(--stroke-input));box-shadow:var(--shadow-input--active,var(--shadow-input));color:var(--color-input--active,var(--color-input))}.input:read-only,.textarea:read-only{background:var(--fill-input--read-only,var(--fill-input));border-color:var(--stroke-input--read-only,var(--stroke-input));box-shadow:var(--shadow-input--read-only,var(--shadow-input));color:var(--color-input--read-only,var(--color-input))}.input:disabled,.textarea:disabled{background:var(--fill-input--disabled,var(--fill-input));border-color:var(--stroke-input--disabled,var(--stroke-input));box-shadow:var(--shadow-input--disabled,var(--shadow-input));color:var(--color-input--disabled,var(--color-input))}.input[pattern]:focus:valid,.input[required]:focus:valid,.textarea[pattern]:focus:valid,.textarea[required]:focus:valid{background:var(--fill-input--valid,var(--fill-input));border-color:var(--stroke-input--valid,var(--stroke-input));box-shadow:var(--shadow-input--valid,var(--shadow-input));color:var(--color-input--valid,var(--color-input))}.input[pattern]:focus:invalid,.input[required]:focus:invalid,.textarea[pattern]:focus:invalid,.textarea[required]:focus:invalid{background:var(--fill-input--invalid,var(--fill-input));border-color:var(--stroke-input--invalid,var(--stroke-input));box-shadow:var(--shadow-input--invalid,var(--shadow-input));color:var(--color-input--invalid,var(--color-input))}.input[type=file],.input[type=range]{background:0 0;border:0;box-shadow:none;line-height:var(--y);padding:0}.input[type=file]{line-height:normal}.input[type=checkbox],.input[type=image],.input[type=radio]{background:0 0;border:0;height:var(--z);line-height:var(--z);margin:0;padding:0;width:var(--z)}.input[type=color]{height:calc(var(--y) * 1.5);padding:0;width:calc(var(--x) * 1.5)}.input[type=color]::-moz-color-swatch{border:0}.input[type=color]::-webkit-color-swatch{border:0}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=image]{box-shadow:none;height:auto;width:auto}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.input[type=number],.input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.output{background:var(--fill-output);border-color:var(--stroke-output);border-radius:var(--arc-output);box-shadow:var(--shadow-output);color:var(--color-output)}.output:hover{background:var(--fill-output--hover,var(--fill-output));border-color:var(--stroke-output--hover,var(--stroke-output));border-radius:var(--arc-output--hover,var(--arc-output));box-shadow:var(--shadow-output--hover,var(--shadow-output));color:var(--color-output--hover,var(--color-output))}.output:focus{background:var(--fill-output--focus,var(--fill-output));border-color:var(--stroke-output--focus,var(--stroke-output));border-radius:var(--arc-output--focus,var(--arc-output));box-shadow:var(--shadow-output--focus,var(--shadow-output));color:var(--color-output--focus,var(--color-output))}.output:active{background:var(--fill-output--active,var(--fill-output));border-color:var(--stroke-output--active,var(--stroke-output));border-radius:var(--arc-output--active,var(--arc-output));box-shadow:var(--shadow-output--active,var(--shadow-output));color:var(--color-output--active,var(--color-output))}.select{-moz-padding-start:calc(var(--x)/ 2 - 3px);appearance:none;background:var(--fill-input);border-color:var(--stroke-input);border-radius:var(--arc-input);box-shadow:var(--shadow-input);color:var(--color-input);width:var(--width-input)}.select:hover{background:var(--fill-input--hover,var(--fill-input));border-color:var(--stroke-input--hover,var(--stroke-input));box-shadow:var(--shadow-input--hover,var(--shadow-input));color:var(--color-input--hover,var(--color-input))}.select:focus{background:var(--fill-input--focus,var(--fill-input));border-color:var(--stroke-input--focus,var(--stroke-input));box-shadow:var(--shadow-input--focus,var(--shadow-input));color:var(--color-input--focus,var(--color-input))}.select:active{background:var(--fill-input--active,var(--fill-input));border-color:var(--stroke-input--active,var(--stroke-input));box-shadow:var(--shadow-input--active,var(--shadow-input));color:var(--color-input--active,var(--color-input))}.select:disabled{background:var(--fill-input--disabled,var(--fill-input));border-color:var(--stroke-input--disabled,var(--stroke-input));box-shadow:var(--shadow-input--disabled,var(--shadow-input));color:var(--color-input--disabled,var(--color-input))}.select[multiple]{height:auto}.select[multiple] optgroup,.select[multiple] option{background:0 0}.select optgroup,.select option{background:var(--fill-input);color:var(--color-input);margin:0;padding:0}.select optgroup:disabled,.select option:disabled{background:var(--fill-input--disabled,var(--fill-input));color:var(--color-input--disabled,var(--color-input))}.select optgroup{font-weight:700}.select optgroup option{font-weight:400;padding-left:calc(var(--x)/ 3)}.select:not([multiple]){padding-bottom:0;padding-top:0}.width{display:flex;width:100%}.textarea{min-height:calc(var(--y) * 3.75);overflow:auto;resize:vertical}.textarea.height{height:calc(var(--y) * 10.75)}label>input[type=checkbox]+span,label>input[type=radio]+span{display:inline-flex;vertical-align:middle}.input[type=checkbox],.input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);box-shadow:var(--shadow-button);color:var(--color-button)}.input[type=checkbox]::before,.input[type=radio]::before{background:var(--fill);bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.input[type=checkbox]:hover,.input[type=radio]:hover{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.input[type=checkbox]:focus,.input[type=radio]:focus{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.input[type=checkbox]:active,.input[type=radio]:active{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.input[type=checkbox]:disabled,.input[type=radio]:disabled{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.input[type=checkbox]:checked::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);background:0 0;border-bottom:2px solid var(--color-button);border-right:2px solid var(--color-button);bottom:4px;left:5px;right:5px;top:1px;visibility:visible}.input[type=checkbox]:hover::before{border-bottom-color:var(--color-button--hover);border-right-color:var(--color-button--hover)}.input[type=checkbox]:focus::before{border-bottom-color:var(--color-button--focus);border-right-color:var(--color-button--focus)}.input[type=checkbox]:active::before{border-bottom-color:var(--color-button--active);border-right-color:var(--color-button--active)}.input[type=checkbox]:disabled::before{border-bottom-color:var(--color-button--disabled);border-right-color:var(--color-button--disabled)}.input[type=radio],.input[type=radio]::before{border-radius:100%}.input[type=radio]:checked::before{background:0 0;border:2px solid;border-color:var(--fill);visibility:visible}.input[type=radio]:hover::before{border-color:var(--fill--hover,var(--fill))}.input[type=radio]:focus::before{border-color:var(--fill--focus,var(--fill))}.input[type=radio]:active::before{border-color:var(--fill--active,var(--fill))}.input[type=radio]:disabled::before{border-color:var(--fill--disabled,var(--fill))}.input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:var(--stroke-input);border:0;height:2px;overflow:visible}.input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);border-width:0;box-shadow:var(--shadow-button);color:var(--color-button);height:var(--y);margin-top:calc(var(--y)/ -2 + 1px);width:calc(var(--x)/ 2)}.input[type=range]::-moz-range-track{background:var(--stroke-input);border:0;height:2px}.input[type=range]::-moz-range-thumb{background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);border-width:0;box-shadow:var(--shadow-button);color:var(--color-button);height:var(--y);margin-top:calc(var(--y)/ -2 + 1px);width:calc(var(--x)/ 2)}.input:hover::-webkit-slider-runnable-track{background:var(--stroke-input--hover,var(--stroke-input))}.input:hover::-moz-range-track{background:var(--stroke-input--hover,var(--stroke-input))}.input:hover::-webkit-slider-thumb{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.input:hover::-moz-range-thumb{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.input:focus::-webkit-slider-runnable-track{background:var(--stroke-input--focus,var(--stroke-input))}.input:focus::-moz-range-track{background:var(--stroke-input--focus,var(--stroke-input))}.input:focus::-webkit-slider-thumb{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.input:focus::-moz-range-thumb{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.input:active::-webkit-slider-runnable-track{background:var(--stroke-input--active,var(--stroke-input))}.input:active::-moz-range-track{background:var(--stroke-input--active,var(--stroke-input))}.input:active::-webkit-slider-thumb{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.input:active::-moz-range-thumb{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.input:disabled::-webkit-slider-runnable-track{background:var(--stroke-input--disabled,var(--stroke-input))}.input:disabled::-moz-range-track{background:var(--stroke-input--disabled,var(--stroke-input))}.input:disabled::-webkit-slider-thumb{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.input:disabled::-moz-range-thumb{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.icon{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-color:inherit;display:inline-block;fill:currentColor;font-style:normal;font-weight:400;height:var(--y);max-height:100%;max-width:100%;min-height:var(--y);min-width:var(--x);overflow:hidden;position:relative;text-indent:-9999px;vertical-align:top;width:var(--x)}.icon[display=none]{display:none}.title{display:flex;flex-wrap:wrap;align-items:center;gap:0 calc(var(--x)/ 4)}.title .info{color:var(--color-info)}.title>span{flex:1}.alert p{background:var(--fill-alert);border:0 solid;border-color:var(--stroke-alert);border-radius:var(--arc-alert);box-shadow:var(--shadow-alert);color:var(--color-alert);padding:calc(var(--z) * .75) calc(var(--z) * 1.25)}.alert p .f\:r .icon{margin-right:calc(var(--x)/ -4)}.alert p+p{margin-top:calc(var(--y)/ 2)}.alert p.error{background:var(--fill-alert--error,var(--fill-alert));border-color:var(--stroke-alert--error,var(--stroke-alert));color:var(--color-alert--error,var(--color-alert))}.alert p.info{background:var(--fill-alert--info,var(--fill-alert));border-color:var(--stroke-alert--info,var(--stroke-alert));color:var(--color-alert--info,var(--color-alert))}.alert p.success{background:var(--fill-alert--success,var(--fill-alert));border-color:var(--stroke-alert--success,var(--stroke-alert));color:var(--color-alert--success,var(--color-alert))}.lot\:bar{background:var(--fill-bar);border:0 solid;border-color:var(--stroke-bar);border-radius:var(--arc-bar);box-shadow:var(--shadow-bar);color:var(--color-bar);display:flex;flex-wrap:wrap;line-height:calc(var(--y) * 2)}.lot\:bar .lot\:links>ul,.lot\:bar .lot\:links>ul>li{height:inherit;list-style:none;margin:0;padding:0;width:auto}.lot\:bar .lot\:links>ul{display:flex;height:calc(var(--y) * 2)}.lot\:bar .lot\:links>ul>li>.a,.lot\:bar .lot\:links>ul>li>a{background:var(--fill-bar-link,var(--fill-link,none));color:var(--color-bar-link,var(--color-link));display:flex;height:inherit;overflow:hidden;padding:0 calc(var(--x) * .75);position:relative}.lot\:bar .lot\:links>ul>li>.a .title .icon:first-child,.lot\:bar .lot\:links>ul>li>a .title .icon:first-child{margin-left:calc(var(--x)/ -4)}.lot\:bar .lot\:links>ul>li>.a .title .icon:last-child,.lot\:bar .lot\:links>ul>li>a .title .icon:last-child{margin-right:calc(var(--x)/ -4)}.lot\:bar .lot\:links>ul>li>.a .title .icon.caret,.lot\:bar .lot\:links>ul>li>a .title .icon.caret{color:var(--color-bar-caret,inherit);margin-left:calc(var(--x)/ -4);margin-right:calc(var(--x)/ -4)}.lot\:bar .lot\:links>ul>li>.a .title .info,.lot\:bar .lot\:links>ul>li>a .title .info{background:var(--fill-bar-info);border-radius:var(--arc-bar-info);box-shadow:var(--shadow-bar-info);color:var(--color-bar-info);float:right;line-height:var(--h);margin:calc(var(--y)/ 2) 0 0 calc(var(--x)/ 4);padding:0 calc(var(--x)/ 4)}.lot\:bar .lot\:links>ul>li>.a:hover,.lot\:bar .lot\:links>ul>li>a:hover{background:var(--fill-bar-link--hover,var(--fill-bar-link));color:var(--color-bar-link--hover,var(--color-bar-link))}.lot\:bar .lot\:links>ul>li>.a:focus,.lot\:bar .lot\:links>ul>li>a:focus{background:var(--fill-bar-link--focus,var(--fill-bar-link));color:var(--color-bar-link--focus,var(--color-bar-link))}.lot\:bar .lot\:links>ul>li>.a:active,.lot\:bar .lot\:links>ul>li>a:active{background:var(--fill-bar-link--active,var(--fill-bar-link));color:var(--color-bar-link--active,var(--color-bar-link))}.lot\:bar .lot\:links>ul>li.as\:separator{background:var(--stroke);height:var(--y);margin:calc(var(--y)/ 2) 0;overflow:hidden;width:1px}.lot\:bar .lot\:links>ul>li.as\:separator:first-child,.lot\:bar .lot\:links>ul>li.as\:separator:last-child{display:none}.lot\:bar .lot\:links>ul>li.is\:current>.a,.lot\:bar .lot\:links>ul>li.is\:current>a{background:var(--fill-bar-link--current,none);color:var(--color-bar-link--current,inherit)}.lot\:bar .lot\:links>ul>li.not\:active>.a,.lot\:bar .lot\:links>ul>li.not\:active>a{background:var(--fill-bar-link--disabled,none);color:var(--color-bar-link--disabled,inherit)}.lot\:bar .lot\:links.of\:links{flex:1}.lot\:bar .lot\:field{height:inherit;margin:0;padding:0;width:auto}.lot\:bar .lot\:field>label+br+div,.lot\:bar .lot\:field>label+div{margin-top:0}.lot\:bar .lot\:field .input{border:0;box-shadow:none;display:block;height:calc(var(--y) * 2);line-height:calc(var(--y) * 2);margin:0;padding:0 calc(var(--x)/ 1.5);width:calc(var(--x) * 8)}.lot\:bar .lot\:field label{display:none}.lot\:bar .lot\:field>*{margin-left:0;margin-right:0}.lot\:bar>.description,.lot\:bar>.title{line-height:inherit;margin:0;padding:0 calc(var(--x) * .75)}.lot\:bar>.title{font-size:100%;font-weight:700}.content\:column,.lot\:column{flex:1;margin:0;min-width:0}.lot\:column.size\:1\/6,.size\:1\/6.content\:column{max-width:16.6666666667%}.lot\:column.size\:2\/6,.size\:2\/6.content\:column{max-width:33.3333333333%}.lot\:column.size\:3\/6,.size\:3\/6.content\:column{max-width:50%}.lot\:column.size\:4\/6,.size\:4\/6.content\:column{max-width:66.6666666667%}.lot\:column.size\:5\/6,.size\:5\/6.content\:column{max-width:83.3333333333%}.lot\:column.size\:6\/6,.size\:6\/6.content\:column{max-width:100%}.content\:columns,.lot\:columns{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.has\:gap.content\:columns,.lot\:columns.has\:gap{gap:var(--y) var(--x)}.lot\:desk{padding:var(--y) var(--x);position:relative}.lot\:desk>*{margin-left:auto;margin-right:auto;max-width:calc(var(--x) * 36)}.lot\:desk.flex{gap:0}.lot\:desk.width{display:block}.lot\:desk.width>*{max-width:100%}.lot\:field,.lot\:field.type\:colors,.lot\:field.type\:items,.lot\:field.type\:toggle{display:flex;gap:0 var(--x)}.lot\:field .description{display:block;font-size:calc(var(--z) * .75);line-height:calc(var(--y) / 1.5);margin:calc(var(--y)/ 3) 0 0}.lot\:field .description code{font-size:calc(var(--z) * .65)}.lot\:field.type\:colors>label,.lot\:field.type\:items>label,.lot\:field.type\:toggle>label,.lot\:field>label{display:block;overflow:hidden;padding:calc(var(--y)/ 4) 0;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:calc(var(--x) * 5)}.lot\:field.type\:colors>label+br,.lot\:field.type\:items>label+br,.lot\:field.type\:toggle>label+br,.lot\:field>label+br{display:none}.lot\:field.type\:colors>label+br+div,.lot\:field.type\:colors>label+div,.lot\:field.type\:items>label+br+div,.lot\:field.type\:items>label+div,.lot\:field.type\:toggle>label+br+div,.lot\:field.type\:toggle>label+div,.lot\:field>label+br+div,.lot\:field>label+div{display:block;flex:1;min-width:0;position:relative}.lot\:field>label+br+div .lot\:f,.lot\:field>label+div .lot\:f{display:inline-flex;position:relative}.lot\:field>label+br+div .lot\:f.width,.lot\:field>label+div .lot\:f.width{display:flex}.lot\:field>label+br+div .lot\:f>*+*,.lot\:field>label+div .lot\:f>*+*{margin-left:-1px}.lot\:field>label+br+div .lot\:f>.width,.lot\:field>label+div .lot\:f>.width{flex:1;min-width:0;width:auto}.lot\:field>label+br+div .lot\:f .fix,.lot\:field>label+div .lot\:f .fix{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--fill-fix,var(--fill-input));border:1px solid;border-color:var(--stroke-fix,var(--stroke-input));color:var(--color-fix,var(--color-output));cursor:default;display:inline-block;height:calc(var(--y) * 1.5);line-height:calc(var(--y) * 1.5 - var(--y) / 2 - 2px);max-width:50%;min-width:0;overflow:hidden;padding:calc(var(--y)/ 4) calc(var(--x)/ 2);position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:auto}.lot\:field>label+br+div .lot\:f .fix.icon,.lot\:field>label+div .lot\:f .fix.icon{min-width:calc(var(--x) * 1.5);padding:calc(var(--y)/ 6 + 1px) 0;width:calc(var(--x) * 1.5)}.lot\:field>label+br+div .with\:options,.lot\:field>label+div .with\:options{display:flex;padding:calc(var(--y)/ 4) 0}.lot\:field.type\:buttons>label+br+div .with\:options,.lot\:field.type\:buttons>label+div .with\:options,.lot\:field.type\:colors>label+br+div .with\:options,.lot\:field.type\:colors>label+div .with\:options{padding-bottom:0;padding-top:0}.lot\:field.type\:colors .with\:options,.lot\:field.type\:item .with\:options,.lot\:field.type\:items .with\:options,.lot\:field.type\:toggle .with\:options{display:flex;flex-wrap:wrap;gap:0 var(--x);height:auto;max-height:100%}.lot\:field.type\:colors .with\:options.is\:block,.lot\:field.type\:item .with\:options.is\:block,.lot\:field.type\:items .with\:options.is\:block,.lot\:field.type\:toggle .with\:options.is\:block{display:block}.lot\:field.type\:colors .with\:options>label,.lot\:field.type\:item .with\:options>label,.lot\:field.type\:items .with\:options>label,.lot\:field.type\:toggle .with\:options>label{align-items:center;display:inline-flex;gap:0 calc(var(--x)/ 3);white-space:nowrap}.option-picker{height:calc(var(--y) * 1.5);line-height:calc(var(--y) * 1.5 - var(--y) / 2 - 2px);outline:0;padding:calc(var(--y)/ 4) calc(var(--x)/ 2);width:var(--width-input)}.option-picker.width{display:flex;width:100%}.option-picker__options{line-height:var(--h)}.option-picker__source+.option-picker.select{margin-left:0}.option-picker__source:not([multiple])+.option-picker{padding-bottom:calc(var(--y)/ 4);padding-top:calc(var(--y)/ 4)}.option-picker__source:not([multiple])+.option-picker--open{z-index:9999}.option-picker__values{padding-left:0;padding-right:0}.tag-picker{height:auto;min-height:calc(var(--y) * 1.5);padding:calc(var(--y)/ 12) calc(var(--x)/ 12);width:var(--width-input)}.tag-picker.width{display:flex;width:100%}.tag-picker__tag{margin:calc(var(--y)/ 12) calc(var(--x)/ 12);padding:0 calc(var(--z)/ 2)}.tag-picker__tag-x:any-link{color:var(--color-tag-picker__tag-x)}.tag-picker__tag-x:any-link:hover{color:var(--color-tag-picker__tag-x--hover,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:any-link:focus{color:var(--color-tag-picker__tag-x--focus,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:any-link:active{color:var(--color-tag-picker__tag-x--active,var(--color-tag-picker__tag-x))}.tag-picker__source{left:-9999px;top:-9999px;position:fixed}.tag-picker__source:not(:read-only)+.tag-picker.input{--color-input--read-only:var(--color-input);--fill-input--read-only:var(--fill-input);--shadow-input--read-only:var(--shadow-input);--stroke-input--read-only:var(--stroke-input)}.tag-picker__source+.tag-picker.input{margin-left:0}.tag-picker__source+.tag-picker.input .tag-picker__tag{border:1px solid transparent}.lot\:field.type\:toggle .input[type=checkbox]{border-radius:calc(var(--z) * 1.25 / 2);border-width:0;height:calc(var(--z) * 1.25);width:calc(var(--z) * 2)}.lot\:field.type\:toggle .input[type=checkbox]::before{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);background:var(--color-button);border-radius:calc((var(--z) * 1.25 - 4px)/ 2);border:0;height:calc(var(--z) * 1.25 - 4px);left:2px;top:2px;visibility:visible;width:calc(var(--z) * 1.25 - 4px)}.lot\:field.type\:toggle .input[type=checkbox]:checked::before{left:calc(var(--z) - 2px)}.lot\:fields>.description{border-bottom:1px dashed var(--stroke);padding-bottom:calc(var(--y) - (var(--h) - var(--z)))}.lot\:file,.lot\:folder,.lot\:page{background:var(--fill-file,none);border:0 solid;border-color:var(--stroke-file,var(--fill-file,none));border-radius:var(--arc-file);box-shadow:var(--shadow-file);display:flex;list-style:none;margin:0;overflow:hidden;padding:calc(var(--y)/ 4) calc(var(--x)/ 2);position:relative;z-index:0}.lot\:file:focus,.lot\:folder:focus,.lot\:page:focus{z-index:1;background:var(--fill-file--focus,var(--fill-file,none));border-color:var(--stroke-file--focus,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--focus,var(--shadow-file))}.lot\:file:hover,.lot\:folder:hover,.lot\:page:hover{background:var(--fill-file--hover,var(--fill-file,none));border-color:var(--stroke-file--hover,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--hover,var(--shadow-file))}.lot\:file:active,.lot\:folder:active,.lot\:page:active{background:var(--fill-file--active,var(--fill-file,none));border-color:var(--stroke-file--active,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--active,var(--shadow-file))}.is\:current.lot\:folder,.is\:current.lot\:page,.lot\:file.is\:current{background:var(--fill-file--current,var(--fill-file,none));border-color:var(--stroke-file--current,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--current,var(--shadow-file))}.lot\:file::after,.lot\:file::before,.lot\:folder::after,.lot\:folder::before,.lot\:page::after,.lot\:page::before{content:"";display:block;height:var(--y);left:calc(var(--x)/ 4);position:absolute;top:calc(var(--y)/ 4);width:var(--x)}.lot\:file>*,.lot\:folder>*,.lot\:page>*{margin:0 calc(var(--x)/ 8)}.lot\:file>.lot\:tasks,.lot\:folder>.lot\:tasks,.lot\:page>.lot\:tasks{margin-right:calc(var(--x)/ -4)}.lot\:file.not\:active,.not\:active.lot\:folder,.not\:active.lot\:page{opacity:.5}.lot\:folder{background:var(--fill-folder,none);border-color:var(--stroke-folder,var(--fill-folder,none));border-radius:var(--arc-folder);box-shadow:var(--shadow-folder)}.lot\:folder:focus{background:var(--fill-folder--focus,var(--fill-folder,none));border-color:var(--stroke-folder--focus,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--focus,var(--shadow-folder))}.lot\:folder:hover{background:var(--fill-folder--hover,var(--fill-folder,none));border-color:var(--stroke-folder--hover,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--hover,var(--shadow-folder))}.lot\:folder:active{background:var(--fill-folder--active,var(--fill-folder,none));border-color:var(--stroke-folder--active,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--active,var(--shadow-folder))}.lot\:folder.is\:current{background:var(--fill-folder--current,var(--fill-folder,none));border-color:var(--stroke-folder--current,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--current,var(--shadow-folder))}.is\:file,.is\:folder{padding-left:calc(var(--x) * 1.75)}.is\:file::before{background:var(--fill-file-icon,var(--fill));border:1px solid;border-color:var(--stroke-file-icon,var(--stroke));width:20px}.is\:file::after{border:3px solid;border-color:var(--stroke-file-icon,var(--stroke));border-right-color:inherit;border-top-color:inherit;height:0;left:20px;width:0}.is\:folder::before{background:var(--fill-folder-icon,var(--color));border:0 solid;border-color:var(--stroke-folder-icon,var(--stroke));height:18px;top:11px}.is\:folder::after{background:var(--fill-folder-icon,var(--color));height:3px;top:7px;width:12px}.lot\:files,.lot\:folders,.lot\:pages{display:block;list-style:none;margin-left:0;margin-right:0}.lot\:files h3,.lot\:files p,.lot\:folders h3,.lot\:folders p,.lot\:pages h3,.lot\:pages p{font:inherit;margin:0;padding:0}.lot\:files h3,.lot\:folders h3,.lot\:pages h3{flex:1}.lot\:files h3 .not\:active.a,.lot\:files h3 a.not\:active,.lot\:folders h3 .not\:active.a,.lot\:folders h3 a.not\:active,.lot\:pages h3 .not\:active.a,.lot\:pages h3 a.not\:active{opacity:1}.lot\:files h3 .title,.lot\:folders h3 .title,.lot\:pages h3 .title{display:inline-flex;vertical-align:middle}.lot\:files h3 .title>span,.lot\:folders h3 .title>span,.lot\:pages h3 .title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count\:0.lot\:folders,.count\:0.lot\:pages,.lot\:files.count\:0{display:none}.lot\:menu{background:var(--fill-menu,var(--fill));border-radius:var(--arc-menu);color:var(--color-menu);height:auto;line-height:var(--y);width:var(--width-menu)}.lot\:menu .lot\:menu{box-shadow:var(--shadow-menu);display:none;left:100%;margin:0;position:absolute;top:0;z-index:9998}.lot\:menu>li,.lot\:menu>ul{list-style:none;margin:0;padding:0}.lot\:menu>ul>li{display:flex;position:relative}.lot\:menu>ul>li:hover>.a,.lot\:menu>ul>li:hover>a{background:var(--fill-menu-link--hover,var(--fill-menu-link));color:var(--color-menu-link--hover,var(--color-menu-link))}.lot\:menu>ul>li:hover>.lot\:menu{display:block}.lot\:menu>ul>li>.a,.lot\:menu>ul>li>a{background:var(--fill-menu-link,var(--fill-link,none));color:var(--color-menu-link,var(--color-link));display:flex;flex:1;padding:calc(var(--y)/ 4) calc(var(--x)/ 2)}.lot\:menu>ul>li>.a .title,.lot\:menu>ul>li>a .title{flex:1}.lot\:menu>ul>li>.a .title .icon:first-child,.lot\:menu>ul>li>a .title .icon:first-child{margin-left:calc(var(--x)/ -4)}.lot\:menu>ul>li>.a .title .icon:last-child,.lot\:menu>ul>li>a .title .icon:last-child{margin-right:calc(var(--x)/ 4)}.lot\:menu>ul>li>.a .title .icon.caret,.lot\:menu>ul>li>a .title .icon.caret{color:var(--color-bar-caret,inherit);margin-left:calc(var(--x)/ -4);margin-right:calc(var(--x)/ -4)}.lot\:menu>ul>li>.a .title .info,.lot\:menu>ul>li>a .title .info{background:var(--fill-menu-info);border-radius:var(--arc-menu-info);box-shadow:var(--shadow-menu-info);color:var(--color-menu-info);float:right;margin:0 calc(var(--x)/ -4) 0 0;padding:0 calc(var(--x)/ 4)}.lot\:menu>ul>li>.a:hover,.lot\:menu>ul>li>a:hover{background:var(--fill-menu-link--hover,var(--fill-menu-link));color:var(--color-menu-link--hover,var(--color-menu-link))}.lot\:menu>ul>li>.a:focus,.lot\:menu>ul>li>a:focus{background:var(--fill-menu-link--focus,var(--fill-menu-link));color:var(--color-menu-link--focus,var(--color-menu-link))}.lot\:menu>ul>li>.a:active,.lot\:menu>ul>li>a:active{background:var(--fill-menu-link--active,var(--fill-menu-link));color:var(--color-menu-link--active,var(--color-menu-link))}.lot\:menu>ul>li>.a:focus+ul,.lot\:menu>ul>li>a:focus+ul{display:block}.lot\:menu>ul>li.as\:separator{background:var(--stroke);height:1px;overflow:hidden;width:auto}.lot\:menu>ul>li.as\:separator:first-child,.lot\:menu>ul>li.as\:separator:last-child{display:none}.lot\:menu>ul>li.is\:current>.a,.lot\:menu>ul>li.is\:current>a{background:var(--fill-menu-link--current,none);color:var(--color-menu-link--current,inherit)}.lot\:menu>ul>li.not\:active>.a,.lot\:menu>ul>li.not\:active>a{background:var(--fill-menu-link--disabled,none);color:var(--color-menu-link--disabled,inherit)}.lot\:menu>.description{line-height:calc(var(--y) / 1.5);margin:calc(var(--y)/ -2) 0 0;padding:calc(var(--y)/ 2) calc(var(--x)/ 2)}.lot\:menu>.title{font-size:100%;line-height:inherit;padding:calc(var(--y)/ 4) calc(var(--x)/ 2)}.lot\:menu.is\:enter{display:block}.has\:menu{display:inline-flex;position:relative}.has\:menu .lot\:menu{box-shadow:var(--shadow-menu);display:none;left:0;margin:0;position:absolute;top:100%;z-index:9998}.has\:menu .lot\:menu.is\:enter{display:block}.has\:menu .lot\:menu .lot\:menu{left:100%;top:0}.lot\:page{background:var(--fill-page,var(--fill-file,none));border-color:var(--stroke-page,var(--stroke-file,transparent));border-radius:var(--arc-page,var(--arc-file));box-shadow:var(--shadow-page,var(--shadow-file));padding:calc(var(--y)/ 2) calc(var(--x)/ 4)}.lot\:page:focus{background:var(--fill-page--focus,var(--fill-page));border-color:var(--stroke-page--focus,var(--stroke-page));box-shadow:var(--shadow-page--focus,var(--shadow-page))}.lot\:page:hover{background:var(--fill-page--hover,var(--fill-page));border-color:var(--stroke-page--hover,var(--stroke-page));box-shadow:var(--shadow-page--hover,var(--shadow-page))}.lot\:page:active{background:var(--fill-page--active,var(--fill-page));border-color:var(--stroke-page--active,var(--stroke-page));box-shadow:var(--shadow-page--active,var(--shadow-page))}.lot\:page.is\:current{background:var(--fill-page--current,var(--fill-page));border-color:var(--stroke-page--current,var(--stroke-page));box-shadow:var(--shadow-page--current,var(--shadow-page))}.lot\:page>*{margin:0 calc(var(--x)/ 4)}.lot\:page>div{min-height:calc(var(--y) * 2.25)}.lot\:page>div:first-child+div{flex:1}.lot\:page h3{font-size:calc(var(--z) * 1.25)}.lot\:page .img,.lot\:page img{display:block;height:calc(var(--y) * 2.25);max-height:calc(var(--y) * 2.25);max-width:calc(var(--y) * 2.25);min-height:0;min-width:0;width:calc(var(--y) * 2.25)}.lot\:page .description{margin:calc(var(--y)/ 4) 0 0}.lot\:page.is\:file,.lot\:page.is\:folder{padding-left:calc(var(--x)/ 4)}.lot\:page.is\:file::after,.lot\:page.is\:file::before,.lot\:page.is\:folder::after,.lot\:page.is\:folder::before{display:none}.lot\:pager{margin-right:calc(var(--x)/ -8);margin-left:calc(var(--x)/ -8)}.lot\:pager,.lot\:pager>span{align-items:center;display:flex;flex-wrap:wrap}.lot\:pager>span>.a,.lot\:pager>span>a,.lot\:pager>span>b,.lot\:pager>span>span{background:var(--fill-button);border:0 solid;border-color:var(--stroke-button);border-radius:var(--arc-button);box-shadow:var(--shadow-button);color:var(--color-button);font:inherit;margin:0 calc(var(--x)/ 8);padding:0 calc(var(--x)/ 4)}.lot\:pager>span>.a:hover,.lot\:pager>span>a:hover{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.lot\:pager>span>.a:focus,.lot\:pager>span>a:focus{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.lot\:pager>span>.a:active,.lot\:pager>span>a:active{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.lot\:pager>span>b,.lot\:pager>span>span{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:inherit}.content\:row,.lot\:row{flex:1;margin:0;min-height:0}.lot\:row.size\:1\/6,.size\:1\/6.content\:row{max-height:16.6666666667%}.lot\:row.size\:2\/6,.size\:2\/6.content\:row{max-height:33.3333333333%}.lot\:row.size\:3\/6,.size\:3\/6.content\:row{max-height:50%}.lot\:row.size\:4\/6,.size\:4\/6.content\:row{max-height:66.6666666667%}.lot\:row.size\:5\/6,.size\:5\/6.content\:row{max-height:83.3333333333%}.lot\:row.size\:6\/6,.size\:6\/6.content\:row{max-height:100%}.content\:rows,.lot\:rows{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.has\:gap.content\:rows,.lot\:rows.has\:gap{gap:var(--y) var(--x)}.content\:section,.lot\:section{margin:0 auto;padding:var(--y) var(--x)}.count\:0.content\:section,.lot\:section.count\:0{display:none}.content\:stack,.lot\:stack{border:1px solid;border-color:var(--stroke-stack,var(--stroke));border-radius:var(--arc-stack);margin:0;position:relative}.content\:stack>h3,.lot\:stack>h3{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--fill-stack,none);border-radius:inherit;box-shadow:var(--shadow-stack);color:var(--color-stack);font:inherit}.content\:stack>h3>.a,.content\:stack>h3>a,.lot\:stack>h3>.a,.lot\:stack>h3>a{color:inherit;cursor:pointer;display:block;position:relative}.content\:stack>h3>.a:hover,.content\:stack>h3>a:hover,.lot\:stack>h3>.a:hover,.lot\:stack>h3>a:hover{color:var(--color-stack--hover,var(--color-stack))}.content\:stack>h3>.a:focus,.content\:stack>h3>a:focus,.lot\:stack>h3>.a:focus,.lot\:stack>h3>a:focus{color:var(--color-stack--focus,var(--color-stack))}.content\:stack>h3>.a:active,.content\:stack>h3>a:active,.lot\:stack>h3>.a:active,.lot\:stack>h3>a:active{color:var(--color-stack--active,var(--color-stack))}.content\:stack>h3>.a .title,.content\:stack>h3>a .title,.lot\:stack>h3>.a .title,.lot\:stack>h3>a .title{display:flex;padding:calc(var(--y)/ 2 - (var(--h) - var(--z))/ 2) calc(var(--y)/ 2)}.content\:stack>h3>.a .title .icon,.content\:stack>h3>a .title .icon,.lot\:stack>h3>.a .title .icon,.lot\:stack>h3>a .title .icon{margin:0 calc(var(--z)/ -4)}.content\:stack>h3>.a .title .icon:first-child,.content\:stack>h3>a .title .icon:first-child,.lot\:stack>h3>.a .title .icon:first-child,.lot\:stack>h3>a .title .icon:first-child{margin-right:calc(var(--z)/ 4)}.content\:stack>h3>.a .title .icon:last-child,.content\:stack>h3>a .title .icon:last-child,.lot\:stack>h3>.a .title .icon:last-child,.lot\:stack>h3>a .title .icon:last-child{margin-left:calc(var(--z)/ 4)}.content\:stack>h3>.a .title .icon:only-child,.content\:stack>h3>a .title .icon:only-child,.lot\:stack>h3>.a .title .icon:only-child,.lot\:stack>h3>a .title .icon:only-child{margin-left:calc(var(--z)/ -4);margin-right:calc(var(--z)/ -4)}.content\:stack:hover,.lot\:stack:hover{border-color:var(--stroke-stack--hover,var(--stroke-stack))}.content\:stack:hover>h3,.lot\:stack:hover>h3{background:var(--fill-stack--hover,var(--fill-stack));box-shadow:var(--shadow-stack--hover,var(--shadow-stack))}.content\:stack:focus,.lot\:stack:focus{border-color:var(--stroke-stack--focus,var(--stroke-stack))}.content\:stack:focus>h3,.lot\:stack:focus>h3{background:var(--fill-stack--focus,var(--fill-stack));box-shadow:var(--shadow-stack--focus,var(--shadow-stack))}.content\:stack:active,.lot\:stack:active{border-color:var(--stroke-stack--active,var(--stroke-stack))}.content\:stack:active>h3,.lot\:stack:active>h3{background:var(--fill-stack--active,var(--fill-stack));box-shadow:var(--shadow-stack--active,var(--shadow-stack))}.content\:stack>.content,.content\:stack>.lot,.lot\:stack>.content,.lot\:stack>.lot{display:none;padding:calc(var(--y)/ 2 - (var(--h) - var(--z))/ 2) calc(var(--y)/ 2)}.has\:link.content\:stack,.lot\:stack.has\:link{border-color:var(--stroke-stack-link,var(--stroke-stack))}.has\:link.content\:stack>h3,.lot\:stack.has\:link>h3{background:var(--fill-stack-link,var(--fill-stack));box-shadow:var(--shadow-stack-link,var(--shadow-stack));color:var(--color-stack-link,var(--color-stack))}.has\:link.content\:stack>h3>.a:hover,.has\:link.content\:stack>h3>a:hover,.lot\:stack.has\:link>h3>.a:hover,.lot\:stack.has\:link>h3>a:hover{color:var(--color-stack-link--hover,var(--color-stack-link))}.has\:link.content\:stack>h3>.a:focus,.has\:link.content\:stack>h3>a:focus,.lot\:stack.has\:link>h3>.a:focus,.lot\:stack.has\:link>h3>a:focus{color:var(--color-stack-link--focus,var(--color-stack-link))}.has\:link.content\:stack>h3>.a:active,.has\:link.content\:stack>h3>a:active,.lot\:stack.has\:link>h3>.a:active,.lot\:stack.has\:link>h3>a:active{color:var(--color-stack-link--active,var(--color-stack-link))}.is\:current.content\:stack,.lot\:stack.is\:current{border-color:var(--stroke-stack--current,var(--stroke-stack))}.is\:current.content\:stack>h3,.lot\:stack.is\:current>h3{background:var(--fill-stack--current,var(--fill-stack));box-shadow:var(--shadow-stack--current,var(--shadow-stack))}.is\:current.content\:stack>.content,.is\:current.content\:stack>.lot,.lot\:stack.is\:current>.content,.lot\:stack.is\:current>.lot{border-top:1px solid;border-top-color:inherit;display:block}.is\:current.content\:stack:not(.can\:toggle)>h3>.a,.is\:current.content\:stack:not(.can\:toggle)>h3>a,.lot\:stack.is\:current:not(.can\:toggle)>h3>.a,.lot\:stack.is\:current:not(.can\:toggle)>h3>a{cursor:inherit}.lot\:stack.not\:active>h3>.a,.lot\:stack.not\:active>h3>a,.not\:active.content\:stack>h3>.a,.not\:active.content\:stack>h3>a{color:var(--color-stack--disabled,var(--color-stack));cursor:not-allowed}.content\:stack:first-of-type,.lot\:stack:first-of-type{border-bottom-left-radius:0;border-bottom-right-radius:0}.content\:stack:last-of-type,.lot\:stack:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.content\:stack+.content\:stack,.content\:stack+.lot\:stack,.lot\:stack+.content\:stack,.lot\:stack+.lot\:stack{margin-top:-1px}.content\:stack+.content\:stack:not(:last-of-type),.content\:stack+.lot\:stack:not(:last-of-type),.lot\:stack+.content\:stack:not(:last-of-type),.lot\:stack+.lot\:stack:not(:last-of-type){border-radius:0}.lot\:stacks{display:block}.content\:tab,.lot\:stacks.count\:0,.lot\:tab{display:none}.is\:current.content\:tab,.lot\:tab.is\:current{display:block}.lot\:tabs .lot\:links li,.lot\:tabs .lot\:links ul{display:flex;list-style:none;margin:0;padding:0}.lot\:tabs .lot\:links ul{flex-wrap:wrap}.lot\:tabs .lot\:links li{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-tab);position:relative}.lot\:tabs .lot\:links li .a,.lot\:tabs .lot\:links li a{color:inherit;display:flex}.lot\:tabs .lot\:links li .a:hover,.lot\:tabs .lot\:links li a:hover{color:var(--color-tab--hover,var(--color-tab))}.lot\:tabs .lot\:links li .a:focus,.lot\:tabs .lot\:links li a:focus{color:var(--color-tab--focus,var(--color-tab))}.lot\:tabs .lot\:links li .a:active,.lot\:tabs .lot\:links li a:active{color:var(--color-tab--active,var(--color-tab))}.lot\:tabs .lot\:links li.has\:link{color:var(--color-tab-link,var(--color-tab))}.lot\:tabs .lot\:links li.has\:link>.a:hover,.lot\:tabs .lot\:links li.has\:link>a:hover{color:var(--color-tab-link--hover,var(--color-tab-link))}.lot\:tabs .lot\:links li.has\:link>.a:focus,.lot\:tabs .lot\:links li.has\:link>a:focus{color:var(--color-tab-link--focus,var(--color-tab-link))}.lot\:tabs .lot\:links li.has\:link>.a:active,.lot\:tabs .lot\:links li.has\:link>a:active{color:var(--color-tab-link--active,var(--color-tab-link))}.lot\:tabs .lot\:links li.is\:current{color:var(--color-tab--current,var(--color-tab))}.lot\:tabs .lot\:links li.not\:active{color:var(--color-tab--disabled,var(--color-tab))}.lot\:tabs .lot\:links li.not\:active>.a:active,.lot\:tabs .lot\:links li.not\:active>.a:focus,.lot\:tabs .lot\:links li.not\:active>.a:hover,.lot\:tabs .lot\:links li.not\:active>a:active,.lot\:tabs .lot\:links li.not\:active>a:focus,.lot\:tabs .lot\:links li.not\:active>a:hover{color:inherit}.lot\:tabs .lot\:links .title .icon{margin:0 calc(var(--z)/ -2)}.lot\:tabs .lot\:links .title .icon:first-child{margin-right:calc(var(--z)/ 4)}.lot\:tabs .lot\:links .title .icon:last-child{margin-left:calc(var(--z)/ 4)}.lot\:tabs .lot\:links .title .icon:only-child{margin-left:calc(var(--z)/ -2);margin-right:calc(var(--z)/ -2)}.lot\:tabs.count\:0,.lot\:tabs.count\:1 .lot\:links{display:none}.lot\:tasks{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--y)/ 4) calc(var(--x)/ 4)}.lot\:tasks.are\:links .title{gap:calc(var(--y)/ 8) calc(var(--x)/ 8)}.lot\:tasks.are\:links .title>.icon{margin-left:0;margin-right:0}pre.is\:text code{background:0 0;border-style:dotted;border-width:1px;color:inherit;display:inline-block}.is\:error{align-content:center;align-items:center;border-top-width:4px;display:flex;text-align:center}.is\:error>*{flex:1}.is\:error>* .title{display:inline-flex}.is\:error>* .title>.icon+span{margin-left:calc(var(--x)/ 4)}.b,b,dt,legend,strong,th{font-weight:700}.code,code{color:var(--color-code);font-family:var(--font-face-mono);font-size:90%}.i,dfn,em,i,var{font-style:italic}*+.p,*+blockquote,*+details,*+dl,*+dt,*+fieldset,*+figcaption,*+figure,*+form,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+hr,*+ol,*+p,*+pre,*+table,*+ul{margin-top:var(--y)}.lot\:field .description,.lot\:menu>.description,.small,kbd,small,sub,sup{font-size:calc(var(--z) * .75)}.s,del,s{text-decoration:line-through}.u,ins,u{text-decoration:underline}.is\:hidden,[hidden]{display:none!important}.not\:active{color:var(--color--disabled,inherit);cursor:not-allowed}.ta\:c,.text-center,caption,figure{text-align:center}.ta\:e,.text-end{text-align:end}.ta\:j,.text-justify{text-align:justify}.ta\:l,.text-left{text-align:left}.ta\:r,.text-right{text-align:right}.ta\:s,.text-start{text-align:start}.a\:c,.a\:e,.a\:l,.a\:r,.a\:s,.align-center,.align-end,.align-left,.align-right,.align-start{display:block;float:none}.a\:c,.align-center{margin-left:auto;margin-right:auto;text-align:center}.a\:c img,.align-center img{display:block;margin-left:auto;margin-right:auto}.a\:e,.align-end{float:inline-end;margin-bottom:calc(var(--y)/ 1.5);margin-inline-end:var(--x);margin-top:calc(var(--y)/ 3);text-align:end}.a\:e img,.align-end img{display:block}*+.a\:c,*+.align-center{margin-top:var(--y)}.a\:l,.align-left{float:left;margin-bottom:calc(var(--y)/ 1.5);margin-right:var(--x);margin-top:calc(var(--y)/ 3);text-align:left}.a\:l img,.align-left img{display:block}.a\:r,.align-right{float:right;margin-bottom:calc(var(--y)/ 1.5);margin-left:var(--x);margin-top:calc(var(--y)/ 3);text-align:right}.a\:s,.align-start{float:inline-start;margin-bottom:calc(var(--y)/ 1.5);margin-inline-start:var(--x);margin-top:calc(var(--y)/ 3);text-align:start}.a\:s img,.align-start img{display:block}.f\:e{float:inline-end}.f\:l{float:left}.f\:r{float:right}.f\:s{float:inline-start}.m\:0,.mb\:0,.my\:0{margin-bottom:0}.p\:0,.pb\:0,.py\:0{padding-bottom:0}.m\:0,.ml\:0,.mx\:0{margin-left:0}.p\:0,.pl\:0,.px\:0{padding-left:0}.m\:0,.mr\:0,.mx\:0{margin-right:0}.p\:0,.pr\:0,.px\:0{padding-right:0}.m\:0,.mt\:0,.my\:0{margin-top:0}.p\:0,.pt\:0,.py\:0{padding-top:0}.m\:1,.mb\:1,.my\:1{margin-bottom:calc(var(--y) * 1)}.p\:1,.pb\:1,.py\:1{padding-bottom:calc(var(--y) * 1)}.m\:1,.ml\:1,.mx\:1{margin-left:calc(var(--x) * 1)}.p\:1,.pl\:1,.px\:1{padding-left:calc(var(--x) * 1)}.m\:1,.mr\:1,.mx\:1{margin-right:calc(var(--x) * 1)}.p\:1,.pr\:1,.px\:1{padding-right:calc(var(--x) * 1)}.m\:1,.mt\:1,.my\:1{margin-top:calc(var(--y) * 1)}.p\:1,.pt\:1,.py\:1{padding-top:calc(var(--y) * 1)}.m\:2,.mb\:2,.my\:2{margin-bottom:calc(var(--y) * 2)}.p\:2,.pb\:2,.py\:2{padding-bottom:calc(var(--y) * 2)}.m\:2,.ml\:2,.mx\:2{margin-left:calc(var(--x) * 2)}.p\:2,.pl\:2,.px\:2{padding-left:calc(var(--x) * 2)}.m\:2,.mr\:2,.mx\:2{margin-right:calc(var(--x) * 2)}.p\:2,.pr\:2,.px\:2{padding-right:calc(var(--x) * 2)}.m\:2,.mt\:2,.my\:2{margin-top:calc(var(--y) * 2)}.p\:2,.pt\:2,.py\:2{padding-top:calc(var(--y) * 2)}.table{border-collapse:collapse;width:100%}.table caption{caption-side:bottom;margin-top:calc(var(--y)/ 4)}.table td,.table th{border:1px solid var(--stroke);padding:calc(var(--y)/ 6) calc(var(--x)/ 2);text-align:inherit;vertical-align:top}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}@media (min-width:720px){.flex{display:flex;gap:calc(var(--y) + var(--h) - var(--z)) calc(var(--x) + var(--h) - var(--z))}.flex>*{margin:0}.lot\:fields.flex>.lot\:field{gap:0 var(--x);margin:0;min-width:0}.lot\:tabs .lot\:links{border-bottom:1px solid;border-bottom-color:var(--stroke-tab--current,var(--stroke-tab));line-height:calc(var(--y) * 2)}.lot\:tabs .lot\:links li{background:var(--fill-tab);border-radius:var(--arc-tab);border-bottom-left-radius:0;border-bottom-right-radius:0;border:1px solid;border-color:var(--stroke-tab);border-bottom-width:0;box-shadow:var(--shadow-tab)}.lot\:tabs .lot\:links li+li{margin-left:-1px}.lot\:tabs .lot\:links li.has\:link{background:var(--fill-tab-link,var(--fill-tab));border-color:var(--stroke-tab-link,var(--stroke-tab));box-shadow:var(--shadow-tab-link,var(--shadow-tab))}.lot\:tabs .lot\:links li.has\:link:hover{background:var(--fill-tab-link--hover,var(--fill-tab-link,var(--fill-tab)));border-color:var(--stroke-tab-link--hover,var(--stroke-tab-link,var(--stroke-tab)));box-shadow:var(--shadow-tab-link--hover,var(--shadow-tab-link,var(--shadow-tab)))}.lot\:tabs .lot\:links li.has\:link:focus{background:var(--fill-tab-link--focus,var(--fill-tab-link,var(--fill-tab)));border-color:var(--stroke-tab-link--focus,var(--stroke-tab-link,var(--stroke-tab)));box-shadow:var(--shadow-tab-link--focus,var(--shadow-tab-link,var(--shadow-tab)))}.lot\:tabs .lot\:links li.has\:link:active{background:var(--fill-tab-link--active,var(--fill-tab-link,var(--fill-tab)));border-color:var(--stroke-tab-link--active,var(--stroke-tab-link,var(--stroke-tab)));box-shadow:var(--shadow-tab-link--active,var(--shadow-tab-link,var(--shadow-tab)))}.lot\:tabs .lot\:links li.is\:current{background:var(--fill-tab--current,var(--fill-tab));border-color:var(--stroke-tab--current,var(--stroke-tab));box-shadow:var(--shadow-tab--current,var(--shadow-tab));z-index:1}.lot\:tabs .lot\:links li.is\:current::after{border-bottom:1px solid;border-bottom-color:var(--fill);bottom:-1px;content:"";left:0;position:absolute;right:0;top:auto}.lot\:tabs .lot\:links li.not\:active{background:var(--fill-tab--disabled,var(--fill-tab));border-color:var(--stroke-tab--disabled,var(--stroke-tab))}.lot\:tabs .lot\:links .a,.lot\:tabs .lot\:links a{padding:0 calc(var(--z) * 1.25)}.lot\:tabs.has\:gap .content\:tab,.lot\:tabs.has\:gap .lot\:tab{background:var(--fill-tab);border:1px solid;border-color:var(--stroke-tab);border-top-width:0;padding:var(--y) var(--x)}.lot\:tabs.has\:gap .content\:tab.is\:current,.lot\:tabs.has\:gap .lot\:tab.is\:current{background:var(--fill-tab--current,var(--fill-tab));border-color:var(--stroke-tab--current,var(--stroke-tab))}.lot\:tabs:not(.count\:1):not(.has\:gap) .content\:tab,.lot\:tabs:not(.count\:1):not(.has\:gap) .lot\:tab{margin-top:var(--y)}.lot\:tabs:not(.has\:current) .lot\:links{border-bottom-color:var(--stroke-tab)}}@media (max-width:720px){.m\:2,.mb\:2,.my\:2{margin-bottom:var(--y)}.p\:2,.pb\:2,.py\:2{padding-bottom:var(--y)}.m\:2,.ml\:2,.mx\:2{margin-left:var(--x)}.p\:2,.pl\:2,.px\:2{padding-left:var(--x)}.m\:2,.mr\:2,.mx\:2{margin-right:var(--x)}.p\:2,.pr\:2,.px\:2{padding-right:var(--x)}.m\:2,.mt\:2,.my\:2{margin-top:var(--y)}.p\:2,.pt\:2,.py\:2{padding-top:var(--y)}.m\:2,.mx\:2{margin-left:var(--x);margin-right:var(--x)}.m\:2,.my\:2{margin-bottom:var(--y);margin-top:var(--y)}.m\:2{margin:var(--y) var(--x)}.p\:2,.px\:2{padding-left:var(--x);padding-right:var(--x)}.p\:2,.py\:2{padding-bottom:var(--y);padding-top:var(--y)}.p\:2{padding:var(--y) var(--x)}.lot\:bar .lot\:links.of\:lot{flex:1;min-width:100%;width:100%}.lot\:bar .has\:form{flex:1}.lot\:bar .has\:form .lot\:field .lot\:f{display:flex}.lot\:bar .has\:form .lot\:field .lot\:f .input{flex:1}.lot\:bar .has\:menu ul ul{left:25%}.content\:section,.lot\:desk,.lot\:section{padding:calc(var(--y)/ 2) calc(var(--x)/ 2)}.lot\:field,.lot\:field.type\:colors,.lot\:field.type\:items,.lot\:field.type\:toggle{flex-direction:column;width:auto}.lot\:field.type\:colors>*+*,.lot\:field.type\:items>*+*,.lot\:field.type\:toggle>*+*,.lot\:field>*+*{margin-top:calc(var(--y)/ 3)}.lot\:field.type\:colors>label,.lot\:field.type\:colors>label+br+div,.lot\:field.type\:colors>label+div,.lot\:field.type\:items>label,.lot\:field.type\:items>label+br+div,.lot\:field.type\:items>label+div,.lot\:field.type\:toggle>label,.lot\:field.type\:toggle>label+br+div,.lot\:field.type\:toggle>label+div,.lot\:field>label,.lot\:field>label+br+div,.lot\:field>label+div{padding:0;text-align:inherit;width:auto}.lot\:pager>span:first-child,.lot\:pager>span:last-child{display:none}.lot\:tabs .lot\:links ul{gap:0 var(--x)}.lot\:tabs .lot\:links .title svg{display:none}}
\ No newline at end of file
+@charset "UTF-8";:root{--color-option-picker--disabled:#666;--color-option-picker:#000;--color-option-picker__option--active:#fff;--color-option-picker__option--disabled:#666;--color-option-picker__option--hover:#fff;--color-option-picker__option--selected:#00f;--color-option-picker__option-group--disabled:#666;--color-option-picker__option-group:#000;--color-option-picker__options--disabled:#666;--fill-option-picker--disabled:#eee;--fill-option-picker:#fff;--fill-option-picker__option--active:#009;--fill-option-picker__option--disabled:none;--fill-option-picker__option--hover:#00f;--fill-option-picker__option--selected:none;--fill-option-picker__option:none;--fill-option-picker__options--disabled:#eee;--fill-option-picker__options:#fff;--font-face-option-picker:inherit;--font-height-option-picker:1.5em;--font-size-option-picker:inherit;--shadow-option-picker:none;--shadow-option-picker__options:0 1px 2px rgba(0, 0, 0, .4);--stroke-option-picker--disabled:#666;--stroke-option-picker--focus:#00f;--stroke-option-picker--open:#00f;--stroke-option-picker:#000;--stroke-option-picker__options--disabled:#999;--stroke-option-picker__options--open:#00f;--stroke-option-picker__options:#000;--width-option-picker:12em}.option-picker,.option-picker *{box-sizing:border-box;font:inherit}.option-picker{-moz-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;background:var(--fill-option-picker);border:1px solid;border-color:var(--stroke-option-picker);border-radius:var(--arc-option-picker);box-shadow:var(--shadow-option-picker);color:var(--color-option-picker);cursor:pointer;display:inline-block;font-family:var(--font-face-option-picker);font-size:var(--font-size-option-picker);height:var(--height-option-picker,auto);line-height:var(--font-height-option-picker);max-height:var(--height-max-option-picker,100%);max-width:var(--width-max-option-picker,100%);min-height:var(--height-min-option-picker,0);min-width:var(--width-min-option-picker,0);padding:.25em;position:relative;user-select:none;vertical-align:middle;width:var(--width-option-picker,auto)}.option-picker:hover{background:var(--fill-option-picker--hover,var(--fill-option-picker));border-color:var(--stroke-option-picker--hover,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--hover,var(--shadow-option-picker));color:var(--color-option-picker--hover,var(--color-option-picker))}.option-picker:focus{background:var(--fill-option-picker--focus,var(--fill-option-picker));border-color:var(--stroke-option-picker--focus,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--focus,var(--shadow-option-picker));color:var(--color-option-picker--focus,var(--color-option-picker))}.option-picker:active{background:var(--fill-option-picker--active,var(--fill-option-picker));border-color:var(--stroke-option-picker--active,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--active,var(--shadow-option-picker));color:var(--color-option-picker--active,var(--color-option-picker))}.option-picker::after{border:0 solid transparent;border-bottom-color:inherit;border-left-width:.35em;border-right-width:.35em;border-top-color:inherit;border-top-width:.45em;content:"";height:0;pointer-events:none;position:absolute;right:.5em;top:calc(50% - .225em);width:0;right:calc(var(--x)/ 2)}.option-picker--open.option-picker--down{border-bottom-left-radius:0;border-bottom-right-radius:0}.option-picker--open.option-picker--up{border-top-left-radius:0;border-top-right-radius:0}.option-picker--open::after{border-bottom-width:.45em;border-top-width:0}.option-picker--open .option-picker__options{background:var(--fill-option-picker__options--open,var(--fill-option-picker__options,var(--fill-option-picker)));border-color:var(--stroke-option-picker__options--open,var(--stroke-option-picker__options,var(--stroke-option-picker)));color:var(--color-option-picker__options--open,var(--stroke-option-picker__options,var(--stroke-option-picker)));display:block}.option-picker--open.option-picker--down .option-picker__options{border-top-left-radius:0;border-top-right-radius:0}.option-picker--open.option-picker--up .option-picker__options{border-bottom-left-radius:0;border-bottom-right-radius:0}.option-picker *{outline:0}.option-picker.option-picker--focus{background:var(--fill-option-picker--focus,var(--fill-option-picker));border-color:var(--stroke-option-picker--focus,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--focus,var(--shadow-option-picker));color:var(--color-option-picker--focus,var(--color-option-picker))}.option-picker.option-picker--disabled{background:var(--fill-option-picker--disabled,var(--fill-option-picker));border-color:var(--stroke-option-picker--disabled,var(--stroke-option-picker));box-shadow:var(--shadow-option-picker--disabled,var(--shadow-option-picker));color:var(--color-option-picker--disabled,var(--color-option-picker))}.option-picker__options{background:var(--fill-option-picker__options,var(--fill-option-picker));border:inherit;border-color:var(--stroke-option-picker__options,var(--stroke-option-picker));border-radius:var(--arc-option-picker__options,var(--arc-option-picker));box-shadow:var(--shadow-option-picker__options);color:var(--color-option-picker__options,var(--color-option-picker));display:none;overflow:auto;position:fixed;z-index:9999}.option-picker__options .option-picker__option{background:var(--fill-option-picker__option);color:var(--color-option-picker__option);cursor:pointer;display:block;font:inherit;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;white-space:nowrap}.option-picker__options .option-picker__option[hidden]{display:none}.option-picker__options .option-picker__option:not(.option-picker__option--disabled):hover{background:var(--fill-option-picker__option--hover,var(--fill-option-picker__option));color:var(--color-option-picker__option--hover,var(--color-option-picker__option))}.option-picker__options .option-picker__option:not(.option-picker__option--disabled):focus{background:var(--fill-option-picker__option--focus,var(--fill-option-picker__option));color:var(--color-option-picker__option--focus,var(--color-option-picker__option))}.option-picker__options .option-picker__option:not(.option-picker__option--disabled):active{background:var(--fill-option-picker__option--active,var(--fill-option-picker__option));color:var(--color-option-picker__option--active,var(--color-option-picker__option))}.option-picker__options .option-picker__option--selected{background:var(--fill-option-picker__option--selected,var(--fill-option-picker__option));color:var(--color-option-picker__option--selected,var(--color-option-picker__option))}.option-picker__options .option-picker__option--disabled{background:var(--fill-option-picker__option--disabled,var(--fill-option-picker__option));color:var(--color-option-picker__option--disabled,var(--color-option-picker__option));cursor:not-allowed}.option-picker__option-group{display:block;padding:0 .5em}.option-picker__option-group[title]::before{content:attr(title);display:block;font-weight:700;margin:0 -.5em;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;white-space:nowrap}.option-picker__option-group--disabled{color:var(--color-disabled__option-group--disabled,var(--color-disabled__option-group))}.option-picker__option-group .option-picker__option{margin:0 -.5em;padding-left:1.5em}.option-picker__source{left:-9999px;position:fixed;top:-9999px}.option-picker__source:disabled+.option-picker{background:var(--fill-option-picker--disabled,var(--fill-option-picker));border-color:var(--stroke-option-picker--disabled,var(--stroke-option-picker));color:var(--color-option-picker--disabled,var(--color-option-picker));cursor:not-allowed}.option-picker__source:disabled+.option-picker::after{border-top-color:var(--stroke-option-picker--disabled,var(--stroke-option-picker))}.option-picker__source:disabled+.option-picker .option-picker__option{color:var(--color-option-picker--disabled,var(--color-option-picker))}.option-picker__source:disabled+.option-picker .option-picker__options{background:var(--fill-option-picker__options--disabled,var(--fill-option-picker--disabled),var(--fill-option-picker));border-color:var(--stroke-option-picker__options--disabled,var(--stroke-option-picker--disabled,var(--stroke-option-picker)));color:var(--color-option-picker__options--disabled,var(--color-option-picker--disabled,var(--color-option-picker)))}.option-picker__source:disabled+.option-picker .option-picker__options,.option-picker__source:disabled+.option-picker .option-picker__values{pointer-events:none}.option-picker__source[size]+.option-picker{height:auto}.option-picker__source[size]+.option-picker::after{display:none}.option-picker__source[size]+.option-picker .option-picker__options{border-color:inherit;border-width:0;border-top-width:inherit;box-shadow:none;display:block;margin:.25em -.25em -.25em;position:relative;z-index:1}.option-picker__source[size]+.option-picker .option-picker__values{margin:0}.option-picker__source[multiple]+.option-picker .option-picker__values{white-space:normal}.option-picker__input span{display:block;height:100%;outline:0;position:relative;z-index:1}.option-picker__input span *{display:inline;font:inherit}.option-picker__input span+span{opacity:.5;padding:inherit;right:0;white-space:nowrap;position:absolute;top:0;bottom:0;left:0;z-index:0}.option-picker__input{cursor:text}.option-picker__input,.option-picker__values{display:block;margin-right:1.25em;overflow:hidden;padding:0 .25em;position:relative;text-overflow:ellipsis;white-space:nowrap}:root{--color-tag-picker:#000;--color-tag-picker__tag-x:#fff;--color-tag-picker__tag:#000;--fill-tag-picker--disabled:#eee;--fill-tag-picker--read-only:#eee;--fill-tag-picker:#fff;--fill-tag-picker__tag--disabled:#aaa;--fill-tag-picker__tag--focus:#c00;--fill-tag-picker__tag--read-only:#f00;--fill-tag-picker__tag--selected:#c00;--fill-tag-picker__tag:#f00;--font-face-tag-picker:inherit;--font-height-tag-picker:1.5em;--font-height-tag-picker:1.5em;--font-size-tag-picker:inherit;--shadow-tag-picker:none;--shadow-tag-picker__tag:none;--stroke-tag-picker--disabled:#666;--stroke-tag-picker--focus:#00f;--stroke-tag-picker--read-only:#666;--stroke-tag-picker:#000;--stroke-tag-picker__tag:transparent;--width-tag-picker:100%}.tag-picker,.tag-picker *{box-sizing:border-box;color:inherit;font:inherit}.tag-picker{background:var(--fill-tag-picker);border:1px solid;border-color:var(--stroke-tag-picker);border-radius:var(--arc-tag-picker);color:var(--color-tag-picker);cursor:text;display:inline-flex;flex-wrap:wrap;font-family:var(--font-face-tag-picker);font-size:var(--font-size-tag-picker);height:var(--height-tag-picker,auto);line-height:var(--font-height-tag-picker);max-height:var(--height-max-tag-picker,100%);max-width:var(--width-max-tag-picker,100%);min-height:var(--height-min-tag-picker,0);min-width:var(--width-min-tag-picker,0);outline:0;padding:.125em;position:relative;width:var(--width-tag-picker,auto)}.tag-picker:hover{background:var(--fill-tag-picker--hover,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--hover,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--hover,var(--shadow-tag-picker));color:var(--color-tag-picker--hover,var(--color-tag-picker))}.tag-picker:focus{background:var(--fill-tag-picker--focus,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--focus,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--focus,var(--shadow-tag-picker));color:var(--color-tag-picker--focus,var(--color-tag-picker))}.tag-picker:active{background:var(--fill-tag-picker--active,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--active,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--active,var(--shadow-tag-picker));color:var(--color-tag-picker--active,var(--color-tag-picker))}.tag-picker.tag-picker--focus{background:var(--fill-tag-picker--focus,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--focus,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--focus,var(--shadow-tag-picker));color:var(--color-tag-picker--focus,var(--color-tag-picker))}.tag-picker.tag-picker--disabled{background:var(--fill-tag-picker--disabled,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--disabled,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--disabled,var(--shadow-tag-picker));color:var(--color-tag-picker--disabled,var(--color-tag-picker))}.tag-picker__copy{height:1px;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:1px}.tag-picker__tag{height:var(--height-tag-picker);margin:.125em;outline:0;padding:0 .5em;position:relative;text-decoration:none}.tag-picker__tag:not(.tag-picker__input){background:var(--fill-tag-picker__tag);border:0 solid;border-color:var(--stroke-tag-picker__tag);border-radius:var(--arc-tag-picker__tag);box-shadow:var(--shadow-tag-picker__tag);color:var(--color-tag-picker__tag);cursor:pointer}.tag-picker__tag:not(.tag-picker__input):hover{background:var(--fill-tag-picker__tag--hover,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--hover,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--hover,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--hover,var(--color-tag-picker__tag))}.tag-picker__tag:not(.tag-picker__input):focus{background:var(--fill-tag-picker__tag--focus,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--focus,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--focus,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--focus,var(--color-tag-picker__tag))}.tag-picker__tag:not(.tag-picker__input):active{background:var(--fill-tag-picker__tag--active,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--active,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--active,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--active,var(--color-tag-picker__tag))}.tag-picker__tag--selected:not(.tag-picker__input){background:var(--fill-tag-picker__tag--selected,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--selected,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--selected,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--selected,var(--color-tag-picker__tag))}.tag-picker__tag--disabled:not(.tag-picker__input){background:var(--fill-tag-picker__tag--disabled,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--disabled,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--disabled,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--disabled,var(--color-tag-picker__tag))}.tag-picker__tag::before{content:attr(title)}.tag-picker__tag+.tag-picker__input span+span{display:none}.tag-picker__tag-x{color:var(--color-tag-picker__tag-x);margin-left:.5em;outline:0;text-decoration:none}.tag-picker__tag-x:hover{color:var(--color-tag-picker__tag-x--hover,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:focus{color:var(--color-tag-picker__tag-x--focus,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:active{color:var(--color-tag-picker__tag-x--active,var(--color-tag-picker__tag-x))}.tag-picker__tag-x::before{content:"×";font-family:sans-serif}.tag-picker__input{flex:1}.tag-picker__input span{display:block;height:100%;outline:0;position:relative;z-index:1;min-height:var(--y)}.tag-picker__input span *{display:inline}.tag-picker__input span+span{bottom:0;left:0;opacity:.5;padding:inherit;position:absolute;right:0;top:0;white-space:nowrap;z-index:0}.tag-picker__tags{display:flex;flex-wrap:wrap;flex:1;line-height:var(--height-tag-picker);min-height:var(--height-tag-picker)}.tag-picker__source:read-only+.tag-picker{background:var(--fill-tag-picker--read-only,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--read-only,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--read-only,var(--shadow-tag-picker));color:var(--color-tag-picker--read-only,var(--color-tag-picker))}.tag-picker__source:read-only+.tag-picker .tag-picker__tag-x{cursor:not-allowed}.tag-picker__source:read-only+.tag-picker .tag-picker__tag:not(.tag-picker__input){background:var(--fill-tag-picker__tag--read-only,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--read-only,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--read-only,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--read-only,var(--color-tag-picker__tag))}.tag-picker__source:disabled+.tag-picker{background:var(--fill-tag-picker--disabled,var(--fill-tag-picker));border-color:var(--stroke-tag-picker--disabled,var(--stroke-tag-picker));box-shadow:var(--shadow-tag-picker--disabled,var(--shadow-tag-picker));color:var(--color-tag-picker--disabled,var(--color-tag-picker))}.tag-picker__source:disabled+.tag-picker,.tag-picker__source:disabled+.tag-picker *{cursor:not-allowed}.tag-picker__source:disabled+.tag-picker .tag-picker__tag:not(.tag-picker__input){background:var(--fill-tag-picker__tag--disabled,var(--fill-tag-picker__tag));border-color:var(--stroke-tag-picker__tag--disabled,var(--stroke-tag-picker__tag));box-shadow:var(--shadow-tag-picker__tag--disabled,var(--shadow-tag-picker__tag));color:var(--color-tag-picker__tag--disabled,var(--color-tag-picker__tag))}:root{--x:24px;--y:24px;--h:var(--y);--z:16px;--font-face-mono:monospace;--font-face-sans:sans-serif;--font-face-serif:serif;--font-face:var(--font-face-sans);--font-height:var(--h);--font-size:var(--z);--width-input:calc(var(--x) * 8);--width-menu:calc(var(--x) * 8);--width-option-picker:var(--width-input);--width-tag-picker:var(--width-input);--color--disabled:#666;--color-bar-info:#f00;--color-bar-link--active:#009;--color-bar-link--disabled:#66f;--color-bar-link--focus:#00c;--color-bar-link--hover:#00f;--color-bar-link:#00f;--color-button--active:#fff;--color-button--disabled:#fff;--color-button--focus:#fff;--color-button--hover:#fff;--color-button:#fff;--color-code-block:#fff;--color-info:#f00;--color-input--disabled:#666;--color-input--hover:#000;--color-input--invalid:#f00;--color-input:#000;--color-link--active:#009;--color-link--disabled:#66f;--color-link--focus:#00c;--color-link--hover:#00f;--color-link:#00f;--color-mark:#000;--color-menu-info:#fff;--color-menu-link--active:#009;--color-menu-link--disabled:#66f;--color-menu-link--focus:#00c;--color-menu-link--hover:#00f;--color-menu-link:#00f;--color-output:#000;--color-stack--disabled:#666;--color-stack-link--active:#009;--color-stack-link--disabled:#66f;--color-stack-link--focus:#00c;--color-stack-link--hover:#00f;--color-stack-link:#00f;--color-stack:#000;--color-tab--disabled:#666;--color-tab-link--active:#009;--color-tab-link--disabled:#66f;--color-tab-link--focus:#00c;--color-tab-link--hover:#00f;--color-tab-link:#00f;--color-tab:#000;--color:#000;--fill-alert:#ff0;--fill-button--active:#009;--fill-button--disabled:#66f;--fill-button--focus:#00c;--fill-button--hover:#00f;--fill-button:#00f;--fill-code-block:#000;--fill-input--disabled:#eee;--fill-input--hover:#fff;--fill-input:#fff;--fill-mark:#ff0;--fill-menu-info:#f00;--fill-output:none;--fill:#fff;--shadow-button--disabled:none;--shadow-input--disabled:none;--shadow-menu:0 1px 5px rgba(0, 0, 0, .25);--shadow-output:none;--stroke--focus-visible:rgba(0, 0, 255, .25);--stroke-button--active:#009;--stroke-button--disabled:#66f;--stroke-button--focus:#00c;--stroke-button--hover:#00f;--stroke-button:#00f;--stroke-code-block:#000;--stroke-file:#fff;--stroke-folder:#fff;--stroke-input--active:#000;--stroke-input--disabled:#666;--stroke-input--focus:#000;--stroke-input--hover:#000;--stroke-input--invalid:#f00;--stroke-input:#000;--stroke-output:transparent;--stroke-page:#fff;--stroke-stack:#000;--stroke-tab:#000;--stroke:#000;--arc-option-picker:var(--arc-input);--color-option-picker:var(--color-input);--fill-option-picker:var(--fill-input);--shadow-option-picker:var(--shadow-input);--stroke-option-picker:var(--stroke-input);--color-option-picker__option--disabled:var(--color--disabled);--color-option-picker__option--selected:var(--color-link);--color-option-picker__option:var(--color-input);--color-option-picker__options--open:var(--color-input);--color-option-picker__options:var(--color-input);--fill-option-picker__option--disabled:none;--fill-option-picker__option--selected:none;--fill-option-picker__option:none;--fill-option-picker__options:var(--fill-input);--stroke-option-picker__options--open:var(--stroke-input--focus, var(--stroke-input));--stroke-option-picker__options:var(--stroke-input);--color-option-picker__option--hover:var(--color-button--hover, var(--color-button));--fill-option-picker__option--hover:var(--fill-button--hover, var(--fill-button));--color-option-picker__option--focus:var(--color-button--focus, var(--color-button));--fill-option-picker__option--focus:var(--fill-button--focus, var(--fill-button));--color-option-picker__option--active:var(--color-button--active, var(--color-button));--fill-option-picker__option--active:var(--fill-button--active, var(--fill-button));--color-option-picker--hover:var(--color-input--hover, var(--color-input));--fill-option-picker--hover:var(--fill-input--hover, var(--fill-input));--shadow-option-picker--hover:var(--shadow-input--hover, var(--shadow-input));--stroke-option-picker--hover:var(--stroke-input--hover, var(--stroke-input));--color-option-picker--focus:var(--color-input--focus, var(--color-input));--fill-option-picker--focus:var(--fill-input--focus, var(--fill-input));--shadow-option-picker--focus:var(--shadow-input--focus, var(--shadow-input));--stroke-option-picker--focus:var(--stroke-input--focus, var(--stroke-input));--color-option-picker--active:var(--color-input--active, var(--color-input));--fill-option-picker--active:var(--fill-input--active, var(--fill-input));--shadow-option-picker--active:var(--shadow-input--active, var(--shadow-input));--stroke-option-picker--active:var(--stroke-input--active, var(--stroke-input));--arc-tag-picker:var(--arc-input);--color-tag-picker:var(--color-input);--fill-tag-picker:var(--fill-input);--shadow-tag-picker:var(--shadow-input);--stroke-tag-picker:var(--stroke-input);--color-tag-picker:var(--color-input);--color-tag-picker__tag-x:var(--color-button);--color-tag-picker__tag:var(--color-input);--fill-tag-picker--disabled:var(--fill-input--disabled);--fill-tag-picker--read-only:var(--fill-input--read-only);--fill-tag-picker:var(--fill-input);--fill-tag-picker__tag--disabled:var(--fill-button--disabled);--fill-tag-picker__tag--focus:var(--fill-button--focus);--fill-tag-picker__tag--read-only:var(--fill-button);--fill-tag-picker__tag--selected:var(--fill-button--focus);--fill-tag-picker__tag:var(--fill-button);--color-tag-picker--hover:var(--color-input--hover, var(--color-input));--fill-tag-picker--hover:var(--fill-input--hover, var(--fill-input));--shadow-tag-picker--hover:var(--shadow-input--hover, var(--shadow-input));--stroke-tag-picker--hover:var(--stroke-input--hover, var(--stroke-input));--color-tag-picker--focus:var(--color-input--focus, var(--color-input));--fill-tag-picker--focus:var(--fill-input--focus, var(--fill-input));--shadow-tag-picker--focus:var(--shadow-input--focus, var(--shadow-input));--stroke-tag-picker--focus:var(--stroke-input--focus, var(--stroke-input));--color-tag-picker--active:var(--color-input--active, var(--color-input));--fill-tag-picker--active:var(--fill-input--active, var(--fill-input));--shadow-tag-picker--active:var(--shadow-input--active, var(--shadow-input));--stroke-tag-picker--active:var(--stroke-input--active, var(--stroke-input))}:root .option-picker::after{--stroke-option-picker--open:var(--color-option-picker);--stroke-option-picker:var(--color-option-picker)}:root .option-picker__source:read-only+.option-picker,:root .option-picker__source:read-only+.option-picker--focus{--color-option-picker--read-only:var(--color-input--read-only, var(--color-input));--fill-option-picker--read-only:var(--fill-input--read-only, var(--fill-input));--shadow-option-picker--read-only:var(--shadow-input--read-only, var(--shadow-input));--stroke-option-picker--read-only:var(--stroke-input--read-only, var(--stroke-input))}:root .option-picker__source:disabled+.option-picker,:root .option-picker__source:disabled+.option-picker--focus{--color-option-picker--disabled:var(--color-input--disabled, var(--color-input));--fill-option-picker--disabled:var(--fill-input--disabled, var(--fill-input));--shadow-option-picker--disabled:var(--shadow-input--disabled, var(--shadow-input));--stroke-option-picker--disabled:var(--stroke-input--disabled, var(--stroke-input))}:root .tag-picker--focus{--color-input:var(--color-input--focus);--fill-input:var(--fill-input--focus);--shadow-input:var(--shadow-input--focus);--stroke-input:var(--stroke-input--focus);--color-tag-picker:var(--color-input);--fill-tag-picker:var(--fill-input);--shadow-tag-picker:var(--shadow-input);--stroke-tag-picker:var(--stroke-input);--color-tag-picker--hover:var(--color-input);--fill-tag-picker--hover:var(--fill-input);--shadow-tag-picker--hover:var(--shadow-input);--stroke-tag-picker--hover:var(--stroke-input);--color-tag-picker--focus:var(--color-input);--fill-tag-picker--focus:var(--fill-input);--shadow-tag-picker--focus:var(--shadow-input);--stroke-tag-picker--focus:var(--stroke-input);--color-tag-picker--active:var(--color-input);--fill-tag-picker--active:var(--fill-input);--shadow-tag-picker--active:var(--shadow-input);--stroke-tag-picker--active:var(--stroke-input)}:root .tag-picker__source:read-only+.tag-picker,:root .tag-picker__source:read-only+.tag-picker--focus{--color-tag-picker--read-only:var(--color-input--read-only, var(--color-input));--fill-tag-picker--read-only:var(--fill-input--read-only, var(--fill-input));--shadow-tag-picker--read-only:var(--shadow-input--read-only, var(--shadow-input));--stroke-tag-picker--read-only:var(--stroke-input--read-only, var(--stroke-input))}:root .tag-picker__source:disabled+.tag-picker,:root .tag-picker__source:disabled+.tag-picker--focus{--color-tag-picker--disabled:var(--color-input--disabled, var(--color-input));--fill-tag-picker--disabled:var(--fill-input--disabled, var(--fill-input));--shadow-tag-picker--disabled:var(--shadow-input--disabled, var(--shadow-input));--stroke-tag-picker--disabled:var(--stroke-input--disabled, var(--stroke-input))}*,::after,::before{box-sizing:border-box;font:inherit;margin:0;padding:0;text-decoration:inherit;text-transform:inherit}::-webkit-input-placeholder{color:inherit;opacity:.5}::-moz-placeholder{color:inherit;opacity:.5}::placeholder{color:inherit;opacity:.5}:focus{-webkit-tap-highlight-color:transparent;outline:0}.button:focus,.input:focus,.option-picker--focus,.output:focus,.select:focus,.tag-picker--focus,.textarea:focus,:focus-visible{box-shadow:var(--shadow--focus-visible,none);outline:3px solid var(--stroke--focus-visible,transparent);z-index:1}.a,a{color:inherit}.a:any-link,a:any-link{background:var(--fill-link,none);color:var(--color-link)}.a:any-link:hover,a:any-link:hover{background:var(--fill-link--hover,var(--fill-link,none));color:var(--color-link--hover,var(--color-link))}.a:any-link:focus,a:any-link:focus{background:var(--fill-link--focus,var(--fill-link,none));color:var(--color-link--focus,var(--color-link))}.a:any-link:active,a:any-link:active{background:var(--fill-link--active,var(--fill-link,none));color:var(--color-link--active,var(--color-link))}.not\:active.a,a.not\:active{background:var(--fill-link--disabled,var(--fill-link,none));color:var(--color-link--disabled,var(--color-link))}:root,body{min-height:100%}:root{background:var(--fill);border:0 solid var(--stroke);color:var(--color);font:normal normal var(--font-size)/var(--font-height) var(--font-face);scroll-behavior:smooth;text-align:left}abbr{border:0;border-bottom:1px solid transparent;cursor:inherit;text-decoration:none}abbr[title]:hover{border-bottom-color:var(--stroke);cursor:help}article,aside,footer,header,main,nav,section{display:block}sub,sup{line-height:0;position:relative}sub{top:.125em;vertical-align:sub}sup{top:-.125em;vertical-align:super}mark{background:var(--fill-mark);color:var(--color-mark)}pre{font-style:normal;font-weight:400;overflow:auto;white-space:pre-wrap;word-wrap:break-word}pre code{background:var(--fill-code-block);border:0 solid;border-color:var(--stroke-code-block);border-radius:var(--arc-code-block);box-shadow:var(--shadow-code-block);color:var(--color-code-block);display:block;padding:calc(var(--y) - var(--z)) calc(var(--x)/ 2)}img{height:auto;max-width:100%}button::-moz-focus-inner,input::-moz-focus-inner{border:0;margin:0;outline:0;padding:0}button,input[type=checkbox],input[type=color],input[type=file],input[type=image],input[type=radio],input[type=range],label,select,summary{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}button:disabled,input:disabled,input[type=checkbox]:disabled,input[type=color]:disabled,input[type=file]:disabled,input[type=image]:disabled,input[type=radio]:disabled,input[type=range]:disabled,select:disabled,textarea:disabled{cursor:not-allowed}h1{font-size:calc(var(--z) * 2);line-height:1}h2{font-size:calc(var(--z) * (2 - (1 / 4)));line-height:1}h3{font-size:calc(var(--z) * (2 - (2 / 4)));line-height:1}h4{font-size:calc(var(--z) * (2 - (3 / 4)));line-height:1}h5{font-size:calc(var(--z) * (2 - (4 / 4)));line-height:1}h6{font-size:calc(var(--z) * (2 - (5 / 4)));line-height:1}kbd{cursor:pointer;display:inline-block;padding:0 calc(var(--z)/ 2);vertical-align:middle}blockquote{font-size:calc(var(--z) * 1.1);margin-right:var(--x);margin-left:var(--x)}dl{margin-left:var(--x)}figure figcaption{margin-top:calc(var(--y)/ 4)}figure img{display:block;margin:0 auto}ol,ul{margin-left:calc(var(--x) + var(--z))}ol ol,ol ul,ul ol,ul ul{margin-left:var(--z)}ul{list-style:square}fieldset,hr{border:1px solid var(--stroke);color:inherit}fieldset{padding:var(--y) var(--x)}fieldset legend{padding:0 calc(var(--x)/ 3)}fieldset legend+*{margin-top:calc(var(--h)/ -2)}hr{border-style:dashed;border-width:1px 0 0}.button,.input,.output,.select,.textarea{border:1px solid transparent;display:inline-block;height:calc(var(--h) + var(--y)/ 2);padding:calc(var(--y)/ 4) calc(var(--x)/ 2);position:relative;text-align:left;vertical-align:middle;width:auto;z-index:0}.button,.button:any-link{background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);border-width:0;box-shadow:var(--shadow-button);color:var(--color-button);text-align:center}.button:any-link:hover,.button:hover{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));border-radius:var(--arc-button--hover,var(--arc-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.button:any-link:focus,.button:focus{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));border-radius:var(--arc-button--focus,var(--arc-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.button:active,.button:any-link:active{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));border-radius:var(--arc-button--active,var(--arc-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.button:any-link:disabled,.button:disabled{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));border-radius:var(--arc-button--disabled,var(--arc-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.button.as\:link,.button:any-link.as\:link{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link)}.button.as\:link:hover,.button:any-link.as\:link:hover{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link--hover,var(--color-link))}.button.as\:link:focus,.button:any-link.as\:link:focus{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link--focus,var(--color-link))}.button.as\:link:active,.button:any-link.as\:link:active{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:var(--color-link--active,var(--color-link))}.button .title>.icon:first-child,.button:any-link .title>.icon:first-child{margin-left:calc(var(--x)/ -4)}.button .title>.icon:last-child,.button:any-link .title>.icon:last-child{margin-right:calc(var(--x)/ -4)}.button .title>.icon.caret,.button:any-link .title>.icon.caret{margin-left:calc(var(--x)/ -4);margin-right:calc(var(--x)/ -4)}.input,.textarea{background:var(--fill-input);border-color:var(--stroke-input);border-radius:var(--arc-input);box-shadow:var(--shadow-input);color:var(--color-input);width:var(--width-input)}.input:read-write,.textarea:read-write{background:var(--fill-input--read-write,var(--fill-input));border-color:var(--stroke-input--read-write,var(--stroke-input));box-shadow:var(--shadow-input--read-write,var(--shadow-input));color:var(--color-input--read-write,var(--color-input))}.input:hover,.textarea:hover{background:var(--fill-input--hover,var(--fill-input));border-color:var(--stroke-input--hover,var(--stroke-input));box-shadow:var(--shadow-input--hover,var(--shadow-input));color:var(--color-input--hover,var(--color-input))}.input:focus,.textarea:focus{background:var(--fill-input--focus,var(--fill-input));border-color:var(--stroke-input--focus,var(--stroke-input));box-shadow:var(--shadow-input--focus,var(--shadow-input));color:var(--color-input--focus,var(--color-input))}.input:active,.textarea:active{background:var(--fill-input--active,var(--fill-input));border-color:var(--stroke-input--active,var(--stroke-input));box-shadow:var(--shadow-input--active,var(--shadow-input));color:var(--color-input--active,var(--color-input))}.input:read-only,.textarea:read-only{background:var(--fill-input--read-only,var(--fill-input));border-color:var(--stroke-input--read-only,var(--stroke-input));box-shadow:var(--shadow-input--read-only,var(--shadow-input));color:var(--color-input--read-only,var(--color-input))}.input:disabled,.textarea:disabled{background:var(--fill-input--disabled,var(--fill-input));border-color:var(--stroke-input--disabled,var(--stroke-input));box-shadow:var(--shadow-input--disabled,var(--shadow-input));color:var(--color-input--disabled,var(--color-input))}.input[pattern]:focus:valid,.input[required]:focus:valid,.textarea[pattern]:focus:valid,.textarea[required]:focus:valid{background:var(--fill-input--valid,var(--fill-input));border-color:var(--stroke-input--valid,var(--stroke-input));box-shadow:var(--shadow-input--valid,var(--shadow-input));color:var(--color-input--valid,var(--color-input))}.input[pattern]:focus:invalid,.input[required]:focus:invalid,.textarea[pattern]:focus:invalid,.textarea[required]:focus:invalid{background:var(--fill-input--invalid,var(--fill-input));border-color:var(--stroke-input--invalid,var(--stroke-input));box-shadow:var(--shadow-input--invalid,var(--shadow-input));color:var(--color-input--invalid,var(--color-input))}.input[type=file],.input[type=range]{background:0 0;border:0;box-shadow:none;line-height:var(--y);padding:0}.input[type=file]{line-height:normal}.input[type=checkbox],.input[type=image],.input[type=radio]{background:0 0;border:0;height:var(--z);line-height:var(--z);margin:0;padding:0;width:var(--z)}.input[type=color]{height:calc(var(--y) * 1.5);padding:0;width:calc(var(--x) * 1.5)}.input[type=color]::-moz-color-swatch{border:0}.input[type=color]::-webkit-color-swatch{border:0}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=image]{box-shadow:none;height:auto;width:auto}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.input[type=number],.input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.output{background:var(--fill-output);border-color:var(--stroke-output);border-radius:var(--arc-output);box-shadow:var(--shadow-output);color:var(--color-output)}.output:hover{background:var(--fill-output--hover,var(--fill-output));border-color:var(--stroke-output--hover,var(--stroke-output));border-radius:var(--arc-output--hover,var(--arc-output));box-shadow:var(--shadow-output--hover,var(--shadow-output));color:var(--color-output--hover,var(--color-output))}.output:focus{background:var(--fill-output--focus,var(--fill-output));border-color:var(--stroke-output--focus,var(--stroke-output));border-radius:var(--arc-output--focus,var(--arc-output));box-shadow:var(--shadow-output--focus,var(--shadow-output));color:var(--color-output--focus,var(--color-output))}.output:active{background:var(--fill-output--active,var(--fill-output));border-color:var(--stroke-output--active,var(--stroke-output));border-radius:var(--arc-output--active,var(--arc-output));box-shadow:var(--shadow-output--active,var(--shadow-output));color:var(--color-output--active,var(--color-output))}.select{-moz-padding-start:calc(var(--x)/ 2 - 3px);appearance:none;background:var(--fill-input);border-color:var(--stroke-input);border-radius:var(--arc-input);box-shadow:var(--shadow-input);color:var(--color-input);width:var(--width-input)}.select:hover{background:var(--fill-input--hover,var(--fill-input));border-color:var(--stroke-input--hover,var(--stroke-input));box-shadow:var(--shadow-input--hover,var(--shadow-input));color:var(--color-input--hover,var(--color-input))}.select:focus{background:var(--fill-input--focus,var(--fill-input));border-color:var(--stroke-input--focus,var(--stroke-input));box-shadow:var(--shadow-input--focus,var(--shadow-input));color:var(--color-input--focus,var(--color-input))}.select:active{background:var(--fill-input--active,var(--fill-input));border-color:var(--stroke-input--active,var(--stroke-input));box-shadow:var(--shadow-input--active,var(--shadow-input));color:var(--color-input--active,var(--color-input))}.select:disabled{background:var(--fill-input--disabled,var(--fill-input));border-color:var(--stroke-input--disabled,var(--stroke-input));box-shadow:var(--shadow-input--disabled,var(--shadow-input));color:var(--color-input--disabled,var(--color-input))}.select[multiple]{height:auto}.select[multiple] optgroup,.select[multiple] option{background:0 0}.select optgroup,.select option{background:var(--fill-input);color:var(--color-input);margin:0;padding:0}.select optgroup:disabled,.select option:disabled{background:var(--fill-input--disabled,var(--fill-input));color:var(--color-input--disabled,var(--color-input))}.select optgroup{font-weight:700}.select optgroup option{font-weight:400;padding-left:calc(var(--x)/ 3)}.select:not([multiple]){padding-bottom:0;padding-top:0}.width{display:flex;width:100%}.textarea{min-height:calc(var(--y) * 3.75);overflow:auto;resize:vertical}.textarea.height{height:calc(var(--y) * 10.75)}label>input[type=checkbox]+span,label>input[type=radio]+span{display:inline-flex;vertical-align:middle}.input[type=checkbox],.input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);box-shadow:var(--shadow-button);color:var(--color-button)}.input[type=checkbox]::before,.input[type=radio]::before{background:var(--fill);bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.input[type=checkbox]:hover,.input[type=radio]:hover{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.input[type=checkbox]:focus,.input[type=radio]:focus{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.input[type=checkbox]:active,.input[type=radio]:active{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.input[type=checkbox]:disabled,.input[type=radio]:disabled{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.input[type=checkbox]:checked::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);background:0 0;border-bottom:2px solid var(--color-button);border-right:2px solid var(--color-button);bottom:4px;left:5px;right:5px;top:1px;visibility:visible}.input[type=checkbox]:hover::before{border-bottom-color:var(--color-button--hover);border-right-color:var(--color-button--hover)}.input[type=checkbox]:focus::before{border-bottom-color:var(--color-button--focus);border-right-color:var(--color-button--focus)}.input[type=checkbox]:active::before{border-bottom-color:var(--color-button--active);border-right-color:var(--color-button--active)}.input[type=checkbox]:disabled::before{border-bottom-color:var(--color-button--disabled);border-right-color:var(--color-button--disabled)}.input[type=radio],.input[type=radio]::before{border-radius:100%}.input[type=radio]:checked::before{background:0 0;border:2px solid;border-color:var(--fill);visibility:visible}.input[type=radio]:hover::before{border-color:var(--fill--hover,var(--fill))}.input[type=radio]:focus::before{border-color:var(--fill--focus,var(--fill))}.input[type=radio]:active::before{border-color:var(--fill--active,var(--fill))}.input[type=radio]:disabled::before{border-color:var(--fill--disabled,var(--fill))}.input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:var(--stroke-input);border:0;height:2px;overflow:visible}.input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);border-width:0;box-shadow:var(--shadow-button);color:var(--color-button);height:var(--y);margin-top:calc(var(--y)/ -2 + 1px);width:calc(var(--x)/ 2)}.input[type=range]::-moz-range-track{background:var(--stroke-input);border:0;height:2px}.input[type=range]::-moz-range-thumb{background:var(--fill-button);border-color:var(--stroke-button);border-radius:var(--arc-button);border-width:0;box-shadow:var(--shadow-button);color:var(--color-button);height:var(--y);margin-top:calc(var(--y)/ -2 + 1px);width:calc(var(--x)/ 2)}.input:hover::-webkit-slider-runnable-track{background:var(--stroke-input--hover,var(--stroke-input))}.input:hover::-moz-range-track{background:var(--stroke-input--hover,var(--stroke-input))}.input:hover::-webkit-slider-thumb{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.input:hover::-moz-range-thumb{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.input:focus::-webkit-slider-runnable-track{background:var(--stroke-input--focus,var(--stroke-input))}.input:focus::-moz-range-track{background:var(--stroke-input--focus,var(--stroke-input))}.input:focus::-webkit-slider-thumb{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.input:focus::-moz-range-thumb{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.input:active::-webkit-slider-runnable-track{background:var(--stroke-input--active,var(--stroke-input))}.input:active::-moz-range-track{background:var(--stroke-input--active,var(--stroke-input))}.input:active::-webkit-slider-thumb{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.input:active::-moz-range-thumb{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.input:disabled::-webkit-slider-runnable-track{background:var(--stroke-input--disabled,var(--stroke-input))}.input:disabled::-moz-range-track{background:var(--stroke-input--disabled,var(--stroke-input))}.input:disabled::-webkit-slider-thumb{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.input:disabled::-moz-range-thumb{background:var(--fill-button--disabled,var(--fill-button));border-color:var(--stroke-button--disabled,var(--stroke-button));box-shadow:var(--shadow-button--disabled,var(--shadow-button));color:var(--color-button--disabled,var(--color-button))}.icon{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-color:inherit;display:inline-block;fill:currentColor;font-style:normal;font-weight:400;height:var(--y);max-height:100%;max-width:100%;min-height:var(--y);min-width:var(--x);overflow:hidden;position:relative;text-indent:-9999px;vertical-align:top;width:var(--x)}.icon[display=none]{display:none}.title{display:flex;flex-wrap:wrap;align-items:center;gap:0 calc(var(--x)/ 4)}.title .info{color:var(--color-info)}.title>span{flex:1}.alert p{background:var(--fill-alert);border:0 solid;border-color:var(--stroke-alert);border-radius:var(--arc-alert);box-shadow:var(--shadow-alert);color:var(--color-alert);padding:calc(var(--z) * .75) calc(var(--z) * 1.25)}.alert p .f\:r .icon{margin-right:calc(var(--x)/ -4)}.alert p+p{margin-top:calc(var(--y)/ 2)}.alert p.error{background:var(--fill-alert--error,var(--fill-alert));border-color:var(--stroke-alert--error,var(--stroke-alert));color:var(--color-alert--error,var(--color-alert))}.alert p.info{background:var(--fill-alert--info,var(--fill-alert));border-color:var(--stroke-alert--info,var(--stroke-alert));color:var(--color-alert--info,var(--color-alert))}.alert p.success{background:var(--fill-alert--success,var(--fill-alert));border-color:var(--stroke-alert--success,var(--stroke-alert));color:var(--color-alert--success,var(--color-alert))}.lot\:bar{background:var(--fill-bar);border:0 solid;border-color:var(--stroke-bar);border-radius:var(--arc-bar);box-shadow:var(--shadow-bar);color:var(--color-bar);display:flex;flex-wrap:wrap;line-height:calc(var(--y) * 2)}.lot\:bar .lot\:links>ul,.lot\:bar .lot\:links>ul>li{height:inherit;list-style:none;margin:0;padding:0;width:auto}.lot\:bar .lot\:links>ul{display:flex;height:calc(var(--y) * 2)}.lot\:bar .lot\:links>ul>li>.a,.lot\:bar .lot\:links>ul>li>a{background:var(--fill-bar-link,var(--fill-link,none));color:var(--color-bar-link,var(--color-link));display:flex;height:inherit;overflow:hidden;padding:0 calc(var(--x) * .75);position:relative}.lot\:bar .lot\:links>ul>li>.a .title .icon:first-child,.lot\:bar .lot\:links>ul>li>a .title .icon:first-child{margin-left:calc(var(--x)/ -4)}.lot\:bar .lot\:links>ul>li>.a .title .icon:last-child,.lot\:bar .lot\:links>ul>li>a .title .icon:last-child{margin-right:calc(var(--x)/ -4)}.lot\:bar .lot\:links>ul>li>.a .title .icon.caret,.lot\:bar .lot\:links>ul>li>a .title .icon.caret{color:var(--color-bar-caret,inherit);margin-left:calc(var(--x)/ -4);margin-right:calc(var(--x)/ -4)}.lot\:bar .lot\:links>ul>li>.a .title .info,.lot\:bar .lot\:links>ul>li>a .title .info{background:var(--fill-bar-info);border-radius:var(--arc-bar-info);box-shadow:var(--shadow-bar-info);color:var(--color-bar-info);float:right;line-height:var(--h);margin:calc(var(--y)/ 2) 0 0 calc(var(--x)/ 4);padding:0 calc(var(--x)/ 4)}.lot\:bar .lot\:links>ul>li>.a:hover,.lot\:bar .lot\:links>ul>li>a:hover{background:var(--fill-bar-link--hover,var(--fill-bar-link));color:var(--color-bar-link--hover,var(--color-bar-link))}.lot\:bar .lot\:links>ul>li>.a:focus,.lot\:bar .lot\:links>ul>li>a:focus{background:var(--fill-bar-link--focus,var(--fill-bar-link));color:var(--color-bar-link--focus,var(--color-bar-link))}.lot\:bar .lot\:links>ul>li>.a:active,.lot\:bar .lot\:links>ul>li>a:active{background:var(--fill-bar-link--active,var(--fill-bar-link));color:var(--color-bar-link--active,var(--color-bar-link))}.lot\:bar .lot\:links>ul>li.as\:separator{background:var(--stroke);height:var(--y);margin:calc(var(--y)/ 2) 0;overflow:hidden;width:1px}.lot\:bar .lot\:links>ul>li.as\:separator:first-child,.lot\:bar .lot\:links>ul>li.as\:separator:last-child{display:none}.lot\:bar .lot\:links>ul>li.is\:current>.a,.lot\:bar .lot\:links>ul>li.is\:current>a{background:var(--fill-bar-link--current,none);color:var(--color-bar-link--current,inherit)}.lot\:bar .lot\:links>ul>li.not\:active>.a,.lot\:bar .lot\:links>ul>li.not\:active>a{background:var(--fill-bar-link--disabled,none);color:var(--color-bar-link--disabled,inherit)}.lot\:bar .lot\:links.of\:links{flex:1}.lot\:bar .lot\:field{height:inherit;margin:0;padding:0;width:auto}.lot\:bar .lot\:field>label+br+div,.lot\:bar .lot\:field>label+div{margin-top:0}.lot\:bar .lot\:field .input{border:0;box-shadow:none;display:block;height:calc(var(--y) * 2);line-height:calc(var(--y) * 2);margin:0;padding:0 calc(var(--x)/ 1.5);width:calc(var(--x) * 8)}.lot\:bar .lot\:field label{display:none}.lot\:bar .lot\:field>*{margin-left:0;margin-right:0}.lot\:bar>.description,.lot\:bar>.title{line-height:inherit;margin:0;padding:0 calc(var(--x) * .75)}.lot\:bar>.title{font-size:100%;font-weight:700}.content\:column,.lot\:column{flex:1;margin:0;min-width:0}.lot\:column.size\:1\/6,.size\:1\/6.content\:column{max-width:16.6666666667%}.lot\:column.size\:2\/6,.size\:2\/6.content\:column{max-width:33.3333333333%}.lot\:column.size\:3\/6,.size\:3\/6.content\:column{max-width:50%}.lot\:column.size\:4\/6,.size\:4\/6.content\:column{max-width:66.6666666667%}.lot\:column.size\:5\/6,.size\:5\/6.content\:column{max-width:83.3333333333%}.lot\:column.size\:6\/6,.size\:6\/6.content\:column{max-width:100%}.content\:columns,.lot\:columns{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.has\:gap.content\:columns,.lot\:columns.has\:gap{gap:var(--y) var(--x)}.lot\:desk{padding:var(--y) var(--x);position:relative}.lot\:desk>*{margin-left:auto;margin-right:auto;max-width:calc(var(--x) * 36)}.lot\:desk.width{display:block}.lot\:desk.width>*{max-width:100%}.lot\:field,.lot\:field.type\:colors,.lot\:field.type\:items,.lot\:field.type\:toggle{display:flex;gap:0 var(--x)}.lot\:field .description{display:block;font-size:calc(var(--z) * .75);line-height:calc(var(--y) / 1.5);margin:calc(var(--y)/ 3) 0 0}.lot\:field .description code{font-size:calc(var(--z) * .65)}.lot\:field.type\:colors>label,.lot\:field.type\:items>label,.lot\:field.type\:toggle>label,.lot\:field>label{display:block;overflow:hidden;padding:calc(var(--y)/ 4) 0;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:calc(var(--x) * 5)}.lot\:field.type\:colors>label+br,.lot\:field.type\:items>label+br,.lot\:field.type\:toggle>label+br,.lot\:field>label+br{display:none}.lot\:field.type\:colors>label+br+div,.lot\:field.type\:colors>label+div,.lot\:field.type\:items>label+br+div,.lot\:field.type\:items>label+div,.lot\:field.type\:toggle>label+br+div,.lot\:field.type\:toggle>label+div,.lot\:field>label+br+div,.lot\:field>label+div{display:block;flex:1;min-width:0;position:relative}.lot\:field>label+br+div .lot\:f,.lot\:field>label+div .lot\:f{display:inline-flex;position:relative}.lot\:field>label+br+div .lot\:f.width,.lot\:field>label+div .lot\:f.width{display:flex}.lot\:field>label+br+div .lot\:f>*+*,.lot\:field>label+div .lot\:f>*+*{margin-left:-1px}.lot\:field>label+br+div .lot\:f>.width,.lot\:field>label+div .lot\:f>.width{flex:1;min-width:0;width:auto}.lot\:field>label+br+div .lot\:f .fix,.lot\:field>label+div .lot\:f .fix{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--fill-fix,var(--fill-input));border:1px solid;border-color:var(--stroke-fix,var(--stroke-input));color:var(--color-fix,var(--color-output));cursor:default;display:inline-block;height:calc(var(--y) * 1.5);line-height:calc(var(--y) * 1.5 - var(--y) / 2 - 2px);max-width:50%;min-width:0;overflow:hidden;padding:calc(var(--y)/ 4) calc(var(--x)/ 2);position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:auto}.lot\:field>label+br+div .lot\:f .fix.icon,.lot\:field>label+div .lot\:f .fix.icon{min-width:calc(var(--x) * 1.5);padding:calc(var(--y)/ 6 + 1px) 0;width:calc(var(--x) * 1.5)}.lot\:field>label+br+div .with\:options,.lot\:field>label+div .with\:options{display:flex;padding:calc(var(--y)/ 4) 0}.lot\:field.type\:buttons>label+br+div .with\:options,.lot\:field.type\:buttons>label+div .with\:options,.lot\:field.type\:colors>label+br+div .with\:options,.lot\:field.type\:colors>label+div .with\:options{padding-bottom:0;padding-top:0}.lot\:field.type\:colors .with\:options,.lot\:field.type\:item .with\:options,.lot\:field.type\:items .with\:options,.lot\:field.type\:toggle .with\:options{display:flex;flex-wrap:wrap;gap:0 var(--x);height:auto;max-height:100%}.lot\:field.type\:colors .with\:options.is\:block,.lot\:field.type\:item .with\:options.is\:block,.lot\:field.type\:items .with\:options.is\:block,.lot\:field.type\:toggle .with\:options.is\:block{display:block}.lot\:field.type\:colors .with\:options>label,.lot\:field.type\:item .with\:options>label,.lot\:field.type\:items .with\:options>label,.lot\:field.type\:toggle .with\:options>label{align-items:center;display:inline-flex;gap:0 calc(var(--x)/ 3);white-space:nowrap}.option-picker{height:calc(var(--y) * 1.5);line-height:calc(var(--y) * 1.5 - var(--y) / 2 - 2px);outline:0;padding:calc(var(--y)/ 4) calc(var(--x)/ 2);width:var(--width-input)}.option-picker.width{display:flex;width:100%}.option-picker__options{line-height:var(--h)}.option-picker__source+.option-picker.select{margin-left:0}.option-picker__source:not([multiple])+.option-picker{padding-bottom:calc(var(--y)/ 4);padding-top:calc(var(--y)/ 4)}.option-picker__source:not([multiple])+.option-picker--open{z-index:9999}.option-picker__values{padding-left:0;padding-right:0}.tag-picker{height:auto;min-height:calc(var(--y) * 1.5);padding:calc(var(--y)/ 12) calc(var(--x)/ 12);width:var(--width-input)}.tag-picker.width{display:flex;width:100%}.tag-picker__tag{margin:calc(var(--y)/ 12) calc(var(--x)/ 12);padding:0 calc(var(--z)/ 2)}.tag-picker__tag-x:any-link{color:var(--color-tag-picker__tag-x)}.tag-picker__tag-x:any-link:hover{color:var(--color-tag-picker__tag-x--hover,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:any-link:focus{color:var(--color-tag-picker__tag-x--focus,var(--color-tag-picker__tag-x))}.tag-picker__tag-x:any-link:active{color:var(--color-tag-picker__tag-x--active,var(--color-tag-picker__tag-x))}.tag-picker__source{left:-9999px;top:-9999px;position:fixed}.tag-picker__source:not(:read-only)+.tag-picker.input{--color-input--read-only:var(--color-input);--fill-input--read-only:var(--fill-input);--shadow-input--read-only:var(--shadow-input);--stroke-input--read-only:var(--stroke-input)}.tag-picker__source+.tag-picker.input{margin-left:0}.tag-picker__source+.tag-picker.input .tag-picker__tag{border:1px solid transparent;line-height:calc(var(--y) - 2px)}.lot\:field.type\:toggle .input[type=checkbox]{border-radius:calc(var(--z) * 1.25 / 2);border-width:0;height:calc(var(--z) * 1.25);width:calc(var(--z) * 2)}.lot\:field.type\:toggle .input[type=checkbox]::before{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);background:var(--color-button);border-radius:calc((var(--z) * 1.25 - 4px)/ 2);border:0;height:calc(var(--z) * 1.25 - 4px);left:2px;top:2px;visibility:visible;width:calc(var(--z) * 1.25 - 4px)}.lot\:field.type\:toggle .input[type=checkbox]:checked::before{left:calc(var(--z) - 2px)}.lot\:fields>.description{border-bottom:1px dashed var(--stroke);padding-bottom:calc(var(--y) - (var(--h) - var(--z)))}.lot\:card,.lot\:file,.lot\:folder,.lot\:page{background:var(--fill-file,none);border:0 solid;border-color:var(--stroke-file,var(--fill-file,none));border-radius:var(--arc-file);box-shadow:var(--shadow-file);display:flex;list-style:none;margin:0;overflow:hidden;padding:calc(var(--y)/ 4) calc(var(--x)/ 2);position:relative;z-index:0}.lot\:card:focus,.lot\:file:focus,.lot\:folder:focus,.lot\:page:focus{z-index:1;background:var(--fill-file--focus,var(--fill-file,none));border-color:var(--stroke-file--focus,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--focus,var(--shadow-file))}.lot\:card:hover,.lot\:file:hover,.lot\:folder:hover,.lot\:page:hover{background:var(--fill-file--hover,var(--fill-file,none));border-color:var(--stroke-file--hover,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--hover,var(--shadow-file))}.lot\:card:active,.lot\:file:active,.lot\:folder:active,.lot\:page:active{background:var(--fill-file--active,var(--fill-file,none));border-color:var(--stroke-file--active,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--active,var(--shadow-file))}.is\:current.lot\:card,.is\:current.lot\:folder,.is\:current.lot\:page,.lot\:file.is\:current{background:var(--fill-file--current,var(--fill-file,none));border-color:var(--stroke-file--current,var(--stroke-file,var(--fill-file,none)));box-shadow:var(--shadow-file--current,var(--shadow-file))}.lot\:card::after,.lot\:card::before,.lot\:file::after,.lot\:file::before,.lot\:folder::after,.lot\:folder::before,.lot\:page::after,.lot\:page::before{content:"";display:block;height:var(--y);left:calc(var(--x)/ 4);position:absolute;top:calc(var(--y)/ 4);width:var(--x)}.lot\:card>*,.lot\:file>*,.lot\:folder>*,.lot\:page>*{margin:0 calc(var(--x)/ 8)}.lot\:card>.lot\:tasks,.lot\:file>.lot\:tasks,.lot\:folder>.lot\:tasks,.lot\:page>.lot\:tasks{margin-right:calc(var(--x)/ -4)}.lot\:file.not\:active,.not\:active.lot\:card,.not\:active.lot\:folder,.not\:active.lot\:page{opacity:.5}.lot\:folder{background:var(--fill-folder,none);border-color:var(--stroke-folder,var(--fill-folder,none));border-radius:var(--arc-folder);box-shadow:var(--shadow-folder)}.lot\:folder:focus{background:var(--fill-folder--focus,var(--fill-folder,none));border-color:var(--stroke-folder--focus,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--focus,var(--shadow-folder))}.lot\:folder:hover{background:var(--fill-folder--hover,var(--fill-folder,none));border-color:var(--stroke-folder--hover,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--hover,var(--shadow-folder))}.lot\:folder:active{background:var(--fill-folder--active,var(--fill-folder,none));border-color:var(--stroke-folder--active,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--active,var(--shadow-folder))}.lot\:folder.is\:current{background:var(--fill-folder--current,var(--fill-folder,none));border-color:var(--stroke-folder--current,var(--stroke-folder,var(--fill-folder,none)));box-shadow:var(--shadow-folder--current,var(--shadow-folder))}.is\:file,.is\:folder{padding-left:calc(var(--x) * 1.75)}.is\:file::before{background:var(--fill-file-icon,var(--fill));border:1px solid;border-color:var(--stroke-file-icon,var(--stroke));width:20px}.is\:file::after{border:3px solid;border-color:var(--stroke-file-icon,var(--stroke));border-right-color:inherit;border-top-color:inherit;height:0;left:20px;width:0}.is\:folder::before{background:var(--fill-folder-icon,var(--color));border:0 solid;border-color:var(--stroke-folder-icon,var(--stroke));height:18px;top:11px}.is\:folder::after{background:var(--fill-folder-icon,var(--color));height:3px;top:7px;width:12px}.lot\:cards,.lot\:files,.lot\:folders,.lot\:pages{display:block;list-style:none;margin-left:0;margin-right:0}.lot\:cards .description,.lot\:cards .title,.lot\:files .description,.lot\:files .title,.lot\:folders .description,.lot\:folders .title,.lot\:pages .description,.lot\:pages .title{font:inherit;margin:0;padding:0}.lot\:cards .title,.lot\:files .title,.lot\:folders .title,.lot\:pages .title{flex:1}.lot\:cards .title .not\:active.a,.lot\:cards .title a.not\:active,.lot\:files .title .not\:active.a,.lot\:files .title a.not\:active,.lot\:folders .title .not\:active.a,.lot\:folders .title a.not\:active,.lot\:pages .title .not\:active.a,.lot\:pages .title a.not\:active{opacity:1}.lot\:cards .title .title,.lot\:files .title .title,.lot\:folders .title .title,.lot\:pages .title .title{display:inline-flex;vertical-align:middle}.lot\:cards .title .title>span,.lot\:files .title .title>span,.lot\:folders .title .title>span,.lot\:pages .title .title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count\:0.lot\:cards,.count\:0.lot\:folders,.count\:0.lot\:pages,.lot\:files.count\:0{display:none}.lot\:menu{background:var(--fill-menu,var(--fill));border-radius:var(--arc-menu);color:var(--color-menu);height:auto;line-height:var(--y);width:var(--width-menu)}.lot\:menu .lot\:menu{box-shadow:var(--shadow-menu);display:none;left:100%;margin:0;position:absolute;top:0;z-index:9998}.lot\:menu>li,.lot\:menu>ul{list-style:none;margin:0;padding:0}.lot\:menu>ul>li{display:flex;position:relative}.lot\:menu>ul>li:hover>.a,.lot\:menu>ul>li:hover>a{background:var(--fill-menu-link--hover,var(--fill-menu-link));color:var(--color-menu-link--hover,var(--color-menu-link))}.lot\:menu>ul>li:hover>.lot\:menu{display:block}.lot\:menu>ul>li>.a,.lot\:menu>ul>li>a{background:var(--fill-menu-link,var(--fill-link,none));color:var(--color-menu-link,var(--color-link));display:flex;flex:1;padding:calc(var(--y)/ 4) calc(var(--x)/ 2)}.lot\:menu>ul>li>.a .title,.lot\:menu>ul>li>a .title{flex:1}.lot\:menu>ul>li>.a .title .icon:first-child,.lot\:menu>ul>li>a .title .icon:first-child{margin-left:calc(var(--x)/ -4)}.lot\:menu>ul>li>.a .title .icon:last-child,.lot\:menu>ul>li>a .title .icon:last-child{margin-right:calc(var(--x)/ 4)}.lot\:menu>ul>li>.a .title .icon.caret,.lot\:menu>ul>li>a .title .icon.caret{color:var(--color-bar-caret,inherit);margin-left:calc(var(--x)/ -4);margin-right:calc(var(--x)/ -4)}.lot\:menu>ul>li>.a .title .info,.lot\:menu>ul>li>a .title .info{background:var(--fill-menu-info);border-radius:var(--arc-menu-info);box-shadow:var(--shadow-menu-info);color:var(--color-menu-info);float:right;margin:0 calc(var(--x)/ -4) 0 0;padding:0 calc(var(--x)/ 4)}.lot\:menu>ul>li>.a:hover,.lot\:menu>ul>li>a:hover{background:var(--fill-menu-link--hover,var(--fill-menu-link));color:var(--color-menu-link--hover,var(--color-menu-link))}.lot\:menu>ul>li>.a:focus,.lot\:menu>ul>li>a:focus{background:var(--fill-menu-link--focus,var(--fill-menu-link));color:var(--color-menu-link--focus,var(--color-menu-link))}.lot\:menu>ul>li>.a:active,.lot\:menu>ul>li>a:active{background:var(--fill-menu-link--active,var(--fill-menu-link));color:var(--color-menu-link--active,var(--color-menu-link))}.lot\:menu>ul>li>.a:focus+ul,.lot\:menu>ul>li>a:focus+ul{display:block}.lot\:menu>ul>li.as\:separator{background:var(--stroke);height:1px;overflow:hidden;width:auto}.lot\:menu>ul>li.as\:separator:first-child,.lot\:menu>ul>li.as\:separator:last-child{display:none}.lot\:menu>ul>li.is\:current>.a,.lot\:menu>ul>li.is\:current>a{background:var(--fill-menu-link--current,none);color:var(--color-menu-link--current,inherit)}.lot\:menu>ul>li.not\:active>.a,.lot\:menu>ul>li.not\:active>a{background:var(--fill-menu-link--disabled,none);color:var(--color-menu-link--disabled,inherit)}.lot\:menu>.description{line-height:calc(var(--y) / 1.5);margin:calc(var(--y)/ -2) 0 0;padding:calc(var(--y)/ 2) calc(var(--x)/ 2)}.lot\:menu>.title{font-size:100%;line-height:inherit;padding:calc(var(--y)/ 4) calc(var(--x)/ 2)}.lot\:menu.is\:enter{display:block}.has\:menu{display:inline-flex;position:relative}.has\:menu .lot\:menu{box-shadow:var(--shadow-menu);display:none;left:0;margin:0;position:absolute;top:100%;z-index:9998}.has\:menu .lot\:menu.is\:enter{display:block}.has\:menu .lot\:menu .lot\:menu{left:100%;top:0}.lot\:card,.lot\:page{background:var(--fill-page,var(--fill-file,none));border-color:var(--stroke-page,var(--stroke-file,transparent));border-radius:var(--arc-page,var(--arc-file));box-shadow:var(--shadow-page,var(--shadow-file));padding:calc(var(--y)/ 2) calc(var(--x)/ 4)}.lot\:card:focus,.lot\:page:focus{background:var(--fill-page--focus,var(--fill-page));border-color:var(--stroke-page--focus,var(--stroke-page));box-shadow:var(--shadow-page--focus,var(--shadow-page))}.lot\:card:hover,.lot\:page:hover{background:var(--fill-page--hover,var(--fill-page));border-color:var(--stroke-page--hover,var(--stroke-page));box-shadow:var(--shadow-page--hover,var(--shadow-page))}.lot\:card:active,.lot\:page:active{background:var(--fill-page--active,var(--fill-page));border-color:var(--stroke-page--active,var(--stroke-page));box-shadow:var(--shadow-page--active,var(--shadow-page))}.is\:current.lot\:card,.lot\:page.is\:current{background:var(--fill-page--current,var(--fill-page));border-color:var(--stroke-page--current,var(--stroke-page));box-shadow:var(--shadow-page--current,var(--shadow-page))}.lot\:card>*,.lot\:page>*{margin:0 calc(var(--x)/ 4)}.lot\:card>div,.lot\:page>div{min-height:calc(var(--y) * 2.25)}.lot\:card>div:first-child+div,.lot\:page>div:first-child+div{flex:1}.lot\:card>div>.title,.lot\:page>div>.title{display:block;font-size:calc(var(--z) * 1.25)}.lot\:card .description,.lot\:page .description{margin:calc(var(--y)/ 4) 0 0}.lot\:card .image,.lot\:page .image{display:block;height:calc(var(--y) * 2.25);max-height:calc(var(--y) * 2.25);max-width:calc(var(--y) * 2.25);min-height:0;min-width:0;width:calc(var(--y) * 2.25)}.is\:file.lot\:card,.is\:folder.lot\:card,.lot\:page.is\:file,.lot\:page.is\:folder{padding-left:calc(var(--x)/ 4)}.is\:file.lot\:card::after,.is\:file.lot\:card::before,.is\:folder.lot\:card::after,.is\:folder.lot\:card::before,.lot\:page.is\:file::after,.lot\:page.is\:file::before,.lot\:page.is\:folder::after,.lot\:page.is\:folder::before{display:none}.lot\:pager{margin-right:calc(var(--x)/ -8);margin-left:calc(var(--x)/ -8)}.lot\:pager,.lot\:pager>span{align-items:center;display:flex;flex-wrap:wrap}.lot\:pager>span>.a,.lot\:pager>span>a,.lot\:pager>span>b,.lot\:pager>span>span{background:var(--fill-button);border:0 solid;border-color:var(--stroke-button);border-radius:var(--arc-button);box-shadow:var(--shadow-button);color:var(--color-button);font:inherit;margin:0 calc(var(--x)/ 8);padding:0 calc(var(--x)/ 4)}.lot\:pager>span>.a:hover,.lot\:pager>span>a:hover{background:var(--fill-button--hover,var(--fill-button));border-color:var(--stroke-button--hover,var(--stroke-button));box-shadow:var(--shadow-button--hover,var(--shadow-button));color:var(--color-button--hover,var(--color-button))}.lot\:pager>span>.a:focus,.lot\:pager>span>a:focus{background:var(--fill-button--focus,var(--fill-button));border-color:var(--stroke-button--focus,var(--stroke-button));box-shadow:var(--shadow-button--focus,var(--shadow-button));color:var(--color-button--focus,var(--color-button))}.lot\:pager>span>.a:active,.lot\:pager>span>a:active{background:var(--fill-button--active,var(--fill-button));border-color:var(--stroke-button--active,var(--stroke-button));box-shadow:var(--shadow-button--active,var(--shadow-button));color:var(--color-button--active,var(--color-button))}.lot\:pager>span>b,.lot\:pager>span>span{background:0 0;border-color:transparent;border-radius:0;box-shadow:none;color:inherit}.lot\:card{flex-direction:column;width:calc(var(--x) * 11)}.lot\:card>div>.image{height:calc(var(--x) * 11 - var(--x));margin:0 0 calc(var(--y) * .5);min-height:calc(var(--x) * 11 - var(--x));min-width:calc(var(--x) * 11 - var(--x));width:calc(var(--x) * 11 - var(--x))}.lot\:card>div>.description,.lot\:card>div>.title,.lot\:card>div>.title .title>span{white-space:normal;word-wrap:break-word}.lot\:card>div>.lot\:tasks{margin:var(--y) 0 0}.lot\:cards{display:flex;flex-wrap:wrap;justify-content:center}.content\:row,.lot\:row{flex:1;margin:0;min-height:0}.lot\:row.size\:1\/6,.size\:1\/6.content\:row{max-height:16.6666666667%}.lot\:row.size\:2\/6,.size\:2\/6.content\:row{max-height:33.3333333333%}.lot\:row.size\:3\/6,.size\:3\/6.content\:row{max-height:50%}.lot\:row.size\:4\/6,.size\:4\/6.content\:row{max-height:66.6666666667%}.lot\:row.size\:5\/6,.size\:5\/6.content\:row{max-height:83.3333333333%}.lot\:row.size\:6\/6,.size\:6\/6.content\:row{max-height:100%}.content\:rows,.lot\:rows{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.has\:gap.content\:rows,.lot\:rows.has\:gap{gap:var(--y) var(--x)}.content\:section,.lot\:section{margin:0 auto;padding:var(--y) var(--x)}.count\:0.content\:section,.lot\:section.count\:0{display:none}.content\:stack,.lot\:stack{border:1px solid;border-color:var(--stroke-stack,var(--stroke));border-radius:var(--arc-stack);margin:0;position:relative}.content\:stack>.title,.lot\:stack>.title{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--fill-stack,none);border-radius:inherit;box-shadow:var(--shadow-stack);color:var(--color-stack);display:block;font:inherit}.content\:stack>.title>.a,.content\:stack>.title>a,.lot\:stack>.title>.a,.lot\:stack>.title>a{color:inherit;cursor:pointer;display:block;position:relative}.content\:stack>.title>.a:hover,.content\:stack>.title>a:hover,.lot\:stack>.title>.a:hover,.lot\:stack>.title>a:hover{color:var(--color-stack--hover,var(--color-stack))}.content\:stack>.title>.a:focus,.content\:stack>.title>a:focus,.lot\:stack>.title>.a:focus,.lot\:stack>.title>a:focus{color:var(--color-stack--focus,var(--color-stack))}.content\:stack>.title>.a:active,.content\:stack>.title>a:active,.lot\:stack>.title>.a:active,.lot\:stack>.title>a:active{color:var(--color-stack--active,var(--color-stack))}.content\:stack>.title>.a .title,.content\:stack>.title>a .title,.lot\:stack>.title>.a .title,.lot\:stack>.title>a .title{display:flex;padding:calc(var(--y)/ 2 - (var(--h) - var(--z))/ 2) calc(var(--y)/ 2)}.content\:stack>.title>.a .title .icon,.content\:stack>.title>a .title .icon,.lot\:stack>.title>.a .title .icon,.lot\:stack>.title>a .title .icon{margin:0 calc(var(--z)/ -4)}.content\:stack>.title>.a .title .icon:first-child,.content\:stack>.title>a .title .icon:first-child,.lot\:stack>.title>.a .title .icon:first-child,.lot\:stack>.title>a .title .icon:first-child{margin-right:calc(var(--z)/ 4)}.content\:stack>.title>.a .title .icon:last-child,.content\:stack>.title>a .title .icon:last-child,.lot\:stack>.title>.a .title .icon:last-child,.lot\:stack>.title>a .title .icon:last-child{margin-left:calc(var(--z)/ 4)}.content\:stack>.title>.a .title .icon:only-child,.content\:stack>.title>a .title .icon:only-child,.lot\:stack>.title>.a .title .icon:only-child,.lot\:stack>.title>a .title .icon:only-child{margin-left:calc(var(--z)/ -4);margin-right:calc(var(--z)/ -4)}.content\:stack:hover,.lot\:stack:hover{border-color:var(--stroke-stack--hover,var(--stroke-stack))}.content\:stack:hover>.title,.lot\:stack:hover>.title{background:var(--fill-stack--hover,var(--fill-stack));box-shadow:var(--shadow-stack--hover,var(--shadow-stack))}.content\:stack:focus,.lot\:stack:focus{border-color:var(--stroke-stack--focus,var(--stroke-stack))}.content\:stack:focus>.title,.lot\:stack:focus>.title{background:var(--fill-stack--focus,var(--fill-stack));box-shadow:var(--shadow-stack--focus,var(--shadow-stack))}.content\:stack:active,.lot\:stack:active{border-color:var(--stroke-stack--active,var(--stroke-stack))}.content\:stack:active>.title,.lot\:stack:active>.title{background:var(--fill-stack--active,var(--fill-stack));box-shadow:var(--shadow-stack--active,var(--shadow-stack))}.content\:stack>.content,.content\:stack>.lot,.lot\:stack>.content,.lot\:stack>.lot{display:none;padding:calc(var(--y)/ 2 - (var(--h) - var(--z))/ 2) calc(var(--y)/ 2)}.has\:link.content\:stack,.lot\:stack.has\:link{border-color:var(--stroke-stack-link,var(--stroke-stack))}.has\:link.content\:stack>.title,.lot\:stack.has\:link>.title{background:var(--fill-stack-link,var(--fill-stack));box-shadow:var(--shadow-stack-link,var(--shadow-stack));color:var(--color-stack-link,var(--color-stack))}.has\:link.content\:stack>.title>.a:hover,.has\:link.content\:stack>.title>a:hover,.lot\:stack.has\:link>.title>.a:hover,.lot\:stack.has\:link>.title>a:hover{color:var(--color-stack-link--hover,var(--color-stack-link))}.has\:link.content\:stack>.title>.a:focus,.has\:link.content\:stack>.title>a:focus,.lot\:stack.has\:link>.title>.a:focus,.lot\:stack.has\:link>.title>a:focus{color:var(--color-stack-link--focus,var(--color-stack-link))}.has\:link.content\:stack>.title>.a:active,.has\:link.content\:stack>.title>a:active,.lot\:stack.has\:link>.title>.a:active,.lot\:stack.has\:link>.title>a:active{color:var(--color-stack-link--active,var(--color-stack-link))}.is\:current.content\:stack,.lot\:stack.is\:current{border-color:var(--stroke-stack--current,var(--stroke-stack))}.is\:current.content\:stack>.content,.is\:current.content\:stack>.lot,.lot\:stack.is\:current>.content,.lot\:stack.is\:current>.lot{border-top:1px solid;border-top-color:inherit;display:block}.is\:current.content\:stack>.title,.lot\:stack.is\:current>.title{background:var(--fill-stack--current,var(--fill-stack));box-shadow:var(--shadow-stack--current,var(--shadow-stack))}.is\:current.content\:stack:not(.can\:toggle)>.title>.a,.is\:current.content\:stack:not(.can\:toggle)>.title>a,.lot\:stack.is\:current:not(.can\:toggle)>.title>.a,.lot\:stack.is\:current:not(.can\:toggle)>.title>a{cursor:inherit}.lot\:stack.not\:active>.title>.a,.lot\:stack.not\:active>.title>a,.not\:active.content\:stack>.title>.a,.not\:active.content\:stack>.title>a{color:var(--color-stack--disabled,var(--color-stack));cursor:not-allowed}.content\:stack:first-of-type,.lot\:stack:first-of-type{border-bottom-left-radius:0;border-bottom-right-radius:0}.content\:stack:last-of-type,.lot\:stack:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.content\:stack+.content\:stack,.content\:stack+.lot\:stack,.lot\:stack+.content\:stack,.lot\:stack+.lot\:stack{margin-top:-1px}.content\:stack+.content\:stack:not(:last-of-type),.content\:stack+.lot\:stack:not(:last-of-type),.lot\:stack+.content\:stack:not(:last-of-type),.lot\:stack+.lot\:stack:not(:last-of-type){border-radius:0}.lot\:stacks{display:block}.content\:tab,.lot\:stacks.count\:0,.lot\:tab{display:none}.is\:current.content\:tab,.lot\:tab.is\:current{display:block}.lot\:tabs .lot\:links li,.lot\:tabs .lot\:links ul{display:flex;list-style:none;margin:0;padding:0}.lot\:tabs .lot\:links ul{flex-wrap:wrap}.lot\:tabs .lot\:links li{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-tab);position:relative}.lot\:tabs .lot\:links li .a,.lot\:tabs .lot\:links li a{color:inherit;display:flex}.lot\:tabs .lot\:links li .a:hover,.lot\:tabs .lot\:links li a:hover{color:var(--color-tab--hover,var(--color-tab))}.lot\:tabs .lot\:links li .a:focus,.lot\:tabs .lot\:links li a:focus{color:var(--color-tab--focus,var(--color-tab))}.lot\:tabs .lot\:links li .a:active,.lot\:tabs .lot\:links li a:active{color:var(--color-tab--active,var(--color-tab))}.lot\:tabs .lot\:links li.has\:link{color:var(--color-tab-link,var(--color-tab))}.lot\:tabs .lot\:links li.has\:link>.a:hover,.lot\:tabs .lot\:links li.has\:link>a:hover{color:var(--color-tab-link--hover,var(--color-tab-link))}.lot\:tabs .lot\:links li.has\:link>.a:focus,.lot\:tabs .lot\:links li.has\:link>a:focus{color:var(--color-tab-link--focus,var(--color-tab-link))}.lot\:tabs .lot\:links li.has\:link>.a:active,.lot\:tabs .lot\:links li.has\:link>a:active{color:var(--color-tab-link--active,var(--color-tab-link))}.lot\:tabs .lot\:links li.is\:current{color:var(--color-tab--current,var(--color-tab))}.lot\:tabs .lot\:links li.not\:active{color:var(--color-tab--disabled,var(--color-tab))}.lot\:tabs .lot\:links li.not\:active>.a:active,.lot\:tabs .lot\:links li.not\:active>.a:focus,.lot\:tabs .lot\:links li.not\:active>.a:hover,.lot\:tabs .lot\:links li.not\:active>a:active,.lot\:tabs .lot\:links li.not\:active>a:focus,.lot\:tabs .lot\:links li.not\:active>a:hover{color:inherit}.lot\:tabs .lot\:links .title .icon{margin:0 calc(var(--z)/ -2)}.lot\:tabs .lot\:links .title .icon:first-child{margin-right:calc(var(--z)/ 4)}.lot\:tabs .lot\:links .title .icon:last-child{margin-left:calc(var(--z)/ 4)}.lot\:tabs .lot\:links .title .icon:only-child{margin-left:calc(var(--z)/ -2);margin-right:calc(var(--z)/ -2)}.lot\:tabs.count\:0,.lot\:tabs.count\:1 .lot\:links{display:none}.lot\:tasks{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--y)/ 4) calc(var(--x)/ 4)}.lot\:tasks.are\:links .title{gap:calc(var(--y)/ 8) calc(var(--x)/ 8)}.lot\:tasks.are\:links .title>.icon{margin-left:0;margin-right:0}pre.is\:text code{background:0 0;border-style:dotted;border-width:1px;color:inherit;display:inline-block}.is\:error{align-content:center;align-items:center;border-top-width:4px;display:flex;text-align:center}.is\:error>*{flex:1}.is\:error>* .title{display:inline-flex}.is\:error>* .title>.icon+span{margin-left:calc(var(--x)/ 4)}.b,b,dt,legend,strong,th{font-weight:700}.code,code{color:var(--color-code);font-family:var(--font-face-mono);font-size:90%}.i,dfn,em,i,var{font-style:italic}*+.p,*+blockquote,*+details,*+dl,*+dt,*+fieldset,*+figcaption,*+figure,*+form,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+hr,*+ol,*+p,*+pre,*+table,*+ul{margin-top:var(--y)}.lot\:field .description,.lot\:menu>.description,.small,kbd,small,sub,sup{font-size:calc(var(--z) * .75)}.s,del,s{text-decoration:line-through}.u,ins,u{text-decoration:underline}.is\:hidden,[hidden]{display:none!important}.not\:active{color:var(--color--disabled,inherit);cursor:not-allowed}.ta\:c,.text-center,caption,figure{text-align:center}.ta\:e,.text-end{text-align:end}.ta\:j,.text-justify{text-align:justify}.ta\:l,.text-left{text-align:left}.ta\:r,.text-right{text-align:right}.ta\:s,.text-start{text-align:start}.a\:c,.a\:e,.a\:l,.a\:r,.a\:s,.align-center,.align-end,.align-left,.align-right,.align-start{display:block;float:none}.a\:c,.align-center{margin-left:auto;margin-right:auto;text-align:center}.a\:c img,.align-center img{display:block;margin-left:auto;margin-right:auto}.a\:e,.align-end{float:inline-end;margin-bottom:calc(var(--y)/ 1.5);margin-inline-end:var(--x);margin-top:calc(var(--y)/ 3);text-align:end}.a\:e img,.align-end img{display:block}*+.a\:c,*+.align-center{margin-top:var(--y)}.a\:l,.align-left{float:left;margin-bottom:calc(var(--y)/ 1.5);margin-right:var(--x);margin-top:calc(var(--y)/ 3);text-align:left}.a\:l img,.align-left img{display:block}.a\:r,.align-right{float:right;margin-bottom:calc(var(--y)/ 1.5);margin-left:var(--x);margin-top:calc(var(--y)/ 3);text-align:right}.a\:s,.align-start{float:inline-start;margin-bottom:calc(var(--y)/ 1.5);margin-inline-start:var(--x);margin-top:calc(var(--y)/ 3);text-align:start}.a\:s img,.align-start img{display:block}.f\:e{float:inline-end}.f\:l{float:left}.f\:r{float:right}.f\:s{float:inline-start}.m\:0,.mb\:0,.my\:0{margin-bottom:0}.p\:0,.pb\:0,.py\:0{padding-bottom:0}.m\:0,.ml\:0,.mx\:0{margin-left:0}.p\:0,.pl\:0,.px\:0{padding-left:0}.m\:0,.mr\:0,.mx\:0{margin-right:0}.p\:0,.pr\:0,.px\:0{padding-right:0}.m\:0,.mt\:0,.my\:0{margin-top:0}.p\:0,.pt\:0,.py\:0{padding-top:0}.m\:1,.mb\:1,.my\:1{margin-bottom:calc(var(--y) * 1)}.p\:1,.pb\:1,.py\:1{padding-bottom:calc(var(--y) * 1)}.m\:1,.ml\:1,.mx\:1{margin-left:calc(var(--x) * 1)}.p\:1,.pl\:1,.px\:1{padding-left:calc(var(--x) * 1)}.m\:1,.mr\:1,.mx\:1{margin-right:calc(var(--x) * 1)}.p\:1,.pr\:1,.px\:1{padding-right:calc(var(--x) * 1)}.m\:1,.mt\:1,.my\:1{margin-top:calc(var(--y) * 1)}.p\:1,.pt\:1,.py\:1{padding-top:calc(var(--y) * 1)}.m\:2,.mb\:2,.my\:2{margin-bottom:calc(var(--y) * 2)}.p\:2,.pb\:2,.py\:2{padding-bottom:calc(var(--y) * 2)}.m\:2,.ml\:2,.mx\:2{margin-left:calc(var(--x) * 2)}.p\:2,.pl\:2,.px\:2{padding-left:calc(var(--x) * 2)}.m\:2,.mr\:2,.mx\:2{margin-right:calc(var(--x) * 2)}.p\:2,.pr\:2,.px\:2{padding-right:calc(var(--x) * 2)}.m\:2,.mt\:2,.my\:2{margin-top:calc(var(--y) * 2)}.p\:2,.pt\:2,.py\:2{padding-top:calc(var(--y) * 2)}.table{border-collapse:collapse;width:100%}.table caption{caption-side:bottom;margin-top:calc(var(--y)/ 4)}.table td,.table th{border:1px solid var(--stroke);padding:calc(var(--y)/ 6) calc(var(--x)/ 2);text-align:inherit;vertical-align:top}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}@media (min-width:720px){.flex{display:flex;gap:calc(var(--y) + var(--h) - var(--z)) calc(var(--x) + var(--h) - var(--z))}.flex>*{margin:0}.lot\:fields.flex>.lot\:field{gap:0 var(--x);margin:0;min-width:0}.lot\:tabs .lot\:links{border-bottom:1px solid;border-bottom-color:var(--stroke-tab--current,var(--stroke-tab));line-height:calc(var(--y) * 2)}.lot\:tabs .lot\:links li{background:var(--fill-tab);border-radius:var(--arc-tab);border-bottom-left-radius:0;border-bottom-right-radius:0;border:1px solid;border-color:var(--stroke-tab);border-bottom-width:0;box-shadow:var(--shadow-tab)}.lot\:tabs .lot\:links li+li{margin-left:-1px}.lot\:tabs .lot\:links li.has\:link{background:var(--fill-tab-link,var(--fill-tab));border-color:var(--stroke-tab-link,var(--stroke-tab));box-shadow:var(--shadow-tab-link,var(--shadow-tab))}.lot\:tabs .lot\:links li.has\:link:hover{background:var(--fill-tab-link--hover,var(--fill-tab-link,var(--fill-tab)));border-color:var(--stroke-tab-link--hover,var(--stroke-tab-link,var(--stroke-tab)));box-shadow:var(--shadow-tab-link--hover,var(--shadow-tab-link,var(--shadow-tab)))}.lot\:tabs .lot\:links li.has\:link:focus{background:var(--fill-tab-link--focus,var(--fill-tab-link,var(--fill-tab)));border-color:var(--stroke-tab-link--focus,var(--stroke-tab-link,var(--stroke-tab)));box-shadow:var(--shadow-tab-link--focus,var(--shadow-tab-link,var(--shadow-tab)))}.lot\:tabs .lot\:links li.has\:link:active{background:var(--fill-tab-link--active,var(--fill-tab-link,var(--fill-tab)));border-color:var(--stroke-tab-link--active,var(--stroke-tab-link,var(--stroke-tab)));box-shadow:var(--shadow-tab-link--active,var(--shadow-tab-link,var(--shadow-tab)))}.lot\:tabs .lot\:links li.is\:current{background:var(--fill-tab--current,var(--fill-tab));border-color:var(--stroke-tab--current,var(--stroke-tab));box-shadow:var(--shadow-tab--current,var(--shadow-tab));z-index:1}.lot\:tabs .lot\:links li.is\:current::after{border-bottom:1px solid;border-bottom-color:var(--fill);bottom:-1px;content:"";left:0;position:absolute;right:0;top:auto}.lot\:tabs .lot\:links li.not\:active{background:var(--fill-tab--disabled,var(--fill-tab));border-color:var(--stroke-tab--disabled,var(--stroke-tab))}.lot\:tabs .lot\:links .a,.lot\:tabs .lot\:links a{padding:0 calc(var(--z) * 1.25)}.lot\:tabs.has\:gap .content\:tab,.lot\:tabs.has\:gap .lot\:tab{background:var(--fill-tab);border:1px solid;border-color:var(--stroke-tab);border-top-width:0;padding:var(--y) var(--x)}.lot\:tabs.has\:gap .content\:tab.is\:current,.lot\:tabs.has\:gap .lot\:tab.is\:current{background:var(--fill-tab--current,var(--fill-tab));border-color:var(--stroke-tab--current,var(--stroke-tab))}.lot\:tabs:not(.count\:1):not(.has\:gap) .content\:tab,.lot\:tabs:not(.count\:1):not(.has\:gap) .lot\:tab{margin-top:var(--y)}.lot\:tabs:not(.has\:current) .lot\:links{border-bottom-color:var(--stroke-tab)}}@media (max-width:720px){.m\:2,.mb\:2,.my\:2{margin-bottom:var(--y)}.p\:2,.pb\:2,.py\:2{padding-bottom:var(--y)}.m\:2,.ml\:2,.mx\:2{margin-left:var(--x)}.p\:2,.pl\:2,.px\:2{padding-left:var(--x)}.m\:2,.mr\:2,.mx\:2{margin-right:var(--x)}.p\:2,.pr\:2,.px\:2{padding-right:var(--x)}.m\:2,.mt\:2,.my\:2{margin-top:var(--y)}.p\:2,.pt\:2,.py\:2{padding-top:var(--y)}.m\:2,.mx\:2{margin-left:var(--x);margin-right:var(--x)}.m\:2,.my\:2{margin-bottom:var(--y);margin-top:var(--y)}.m\:2{margin:var(--y) var(--x)}.p\:2,.px\:2{padding-left:var(--x);padding-right:var(--x)}.p\:2,.py\:2{padding-bottom:var(--y);padding-top:var(--y)}.p\:2{padding:var(--y) var(--x)}.lot\:bar .lot\:links.of\:lot{flex:1;min-width:100%;width:100%}.lot\:bar .has\:form{flex:1}.lot\:bar .has\:form .lot\:field .lot\:f{display:flex}.lot\:bar .has\:form .lot\:field .lot\:f .input{flex:1}.lot\:bar .has\:menu ul ul{left:25%}.content\:section,.lot\:desk,.lot\:section{padding:calc(var(--y)/ 2) calc(var(--x)/ 2)}.lot\:field,.lot\:field.type\:colors,.lot\:field.type\:items,.lot\:field.type\:toggle{flex-direction:column;width:auto}.lot\:field.type\:colors>*+*,.lot\:field.type\:items>*+*,.lot\:field.type\:toggle>*+*,.lot\:field>*+*{margin-top:calc(var(--y)/ 3)}.lot\:field.type\:colors>label,.lot\:field.type\:colors>label+br+div,.lot\:field.type\:colors>label+div,.lot\:field.type\:items>label,.lot\:field.type\:items>label+br+div,.lot\:field.type\:items>label+div,.lot\:field.type\:toggle>label,.lot\:field.type\:toggle>label+br+div,.lot\:field.type\:toggle>label+div,.lot\:field>label,.lot\:field>label+br+div,.lot\:field>label+div{padding:0;text-align:inherit;width:auto}.lot\:pager>span:first-child,.lot\:pager>span:last-child{display:none}.lot\:tabs .lot\:links ul{gap:0 var(--x)}.lot\:tabs .lot\:links .title svg{display:none}}
\ No newline at end of file
diff --git a/test.panel/engine/f/route.php b/test.panel/engine/f/route.php
index a3a90c91..ec4746cd 100755
--- a/test.panel/engine/f/route.php
+++ b/test.panel/engine/f/route.php
@@ -25,6 +25,7 @@ function __test($_) {
 
 require __DIR__ . \DS . 'route' . \DS . 'alert.php';
 require __DIR__ . \DS . 'route' . \DS . 'bar.php';
+require __DIR__ . \DS . 'route' . \DS . 'cards.php';
 require __DIR__ . \DS . 'route' . \DS . 'content.php';
 require __DIR__ . \DS . 'route' . \DS . 'description.php';
 require __DIR__ . \DS . 'route' . \DS . 'fields.php';
diff --git a/test.panel/engine/f/route/cards.php b/test.panel/engine/f/route/cards.php
new file mode 100644
index 00000000..33771ddb
--- /dev/null
+++ b/test.panel/engine/f/route/cards.php
@@ -0,0 +1,52 @@
+<?php namespace x\panel\route\__test;
+
+function cards($_) {
+    $_['title'] = 'Cards';
+    $item = static function($title = null, $description = null, $type = 'card', $stack = 10) {
+        return [
+            'title' => $title,
+            'description' => $description,
+            'type' => $type,
+            'url' => '/',
+            'tasks' => [
+                0 => [
+                    'title' => 'Task 1',
+                    'description' => 'Task 1.',
+                    'icon' => 'M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z',
+                    'url' => '/',
+                    'stack' => 10
+                ],
+                1 => [
+                    'title' => 'Task 2',
+                    'description' => 'Task 2.',
+                    'icon' => 'M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8,9H16V19H8V9M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z',
+                    'url' => '/',
+                    'stack' => 20
+                ]
+            ],
+            'stack' => $stack
+        ];
+    };
+    $lot = [];
+    $lot['cards-0'] = [
+        'type' => 'cards',
+        'sort' => \Get::get('sort'),
+        'lot' => [
+            $item('Default Card Example', 'Card description goes here.', 'card', 10),
+            $item('Default Card Example', 'Card description goes here.', 'card', 10),
+            $item('Default Card Example', 'Card description goes here.', 'card', 10),
+            \array_replace($item('Card Example with Image', 'Image placeholder provided by <a href="https://placekitten.com" rel="nofollow" target="_blank">Placekitten</a> service.', 'card', 10.1), [
+                'image' => 'https://placekitten.com/100/100?image=3'
+            ]),
+            \array_replace($item('Disabled Card Example', 'Card description goes here.', 'card', 10.3), [
+                'active' => false
+            ]),
+            \array_replace($item('Current Card Example', 'Card description goes here.', 'card', 20.1), [
+                'current' => true
+            ])
+        ],
+        'stack' => 10
+    ];
+    $_['lot']['desk']['lot']['form']['lot'][1]['lot'] = $lot;
+    return $_;
+}
\ No newline at end of file