From f55e12c5b9fad86ab7c6ab2ac66996425a8af091 Mon Sep 17 00:00:00 2001
From: Taufik Nurrohman <hi@taufik-nurrohman.com>
Date: Sun, 5 Sep 2021 10:15:25 +0700
Subject: [PATCH] Allow Icon in `file`, `folder`, `field/{item,items,toggle}`

---
 README.md                                     | 289 +++++++++---------
 .../.github/source/lot/asset/css/_/form.scss  |  16 +-
 .../.github/source/lot/asset/css/_/icon.scss  |  14 +-
 .../source/lot/asset/css/_/lot/bar.scss       |  24 +-
 .../lot/asset/css/_/lot/files-folders.scss    |   1 +
 .../source/lot/asset/css/_/lot/menu.scss      |  12 +
 panel/about.page                              |   2 +-
 panel/engine/f/type.php                       |  10 +-
 panel/engine/f/type/field.php                 | 109 +++++--
 panel/lot/asset/css/index.css                 |  64 ++--
 panel/lot/asset/css/index.min.css             |   2 +-
 11 files changed, 329 insertions(+), 214 deletions(-)

diff --git a/README.md b/README.md
index 14948b1b..92c6d42c 100644
--- a/README.md
+++ b/README.md
@@ -1,145 +1,146 @@
-GUI Extension for [Mecha](https://github.com/mecha-cms/mecha)
-=============================================================
-
-![Panel](https://user-images.githubusercontent.com/1669261/104103529-31af0f00-52d5-11eb-8e08-fe2c4f2d3b4c.png)
-
----
-
-Release Notes
--------------
-
-### 2.7.0
-
- - Added [@taufik-nurrohman/option-picker](https://github.com/taufik-nurrohman/option-picker) for consistent select box style.
- - Added _Data_ tab next to the _Pages_ tab for pages layout.
- - Added `$_['id']` property that stores the first `$_['path']` value.
- - Added `$_['skin']` property that stores the skin title and CSS path.
- - Added `data` property to `field/*` type to quickly add hidden fields.
- - Added `data` property to `form/*` type to quickly add hidden fields.
- - Added `field/button` and `field/buttons` type. Currently useless. Would be useful when combined with certain JavaScript actions, such as to open a pop-up window.
- - Added `flex` and `field/flex` type.
- - Added ability to reply comment from the panel interface.
- - Added badge GUI for `link` type via `info` key.
- - Added comment notification badge in the main menu.
- - Added comments counter in the _Comment_ menu.
- - Added files/folders counter in the _Trash_ menu.
- - Fixed bug of tags data that is not stored consistently on edit mode.
- - Improved extension page. It is now possible to filter extensions by searching and/or paginating.
- - Improved performance of files/folders listing by deferring the GUI creation.
- - Renamed `before` and `after` key for field to `value-before` and `value-after`.
- - Renamed `field/combo` type with `field/option`.
- - The `$_['/']` data now will includes the `$url` as prefix.
- - [@mecha-cms/mecha#96](https://github.com/mecha-cms/mecha/issues/96)
-
-### 2.6.0
-
- - Added GUI tests menu that will be visible only if `DEBUG` mode is enabled by user.
- - Added `$_['icon']` property to store the SVG path icons globally.
- - Added `description`, `icon`, `separator`, `title`, `field/description`, `field/name`, `field/path`, `field/title` type.
- - Added `files/*` and `pages/*` type variants.
- - Added `sort` option key to allow user to sort the `lot` data using custom key reference other than `stack`.
- - Added `width` option key for `desk` type to allow user to set custom desk width.
- - Renamed `$_['chops']` to `$_['chop']`.
-
-### 2.5.1, 2.5.2
-
- - Bug fixes.
-
-### 2.5.0
-
- - Added `$_['asset']` property to easily load/unload assets in the control panel (#18)
- - Added `do.task.*` hooks.
- - Added simple Node.js build tool (thanks to [@igoynawamreh](https://github.com/igoynawamreh)). Maybe not for everybody.
- - Added user action limiter API.
- - Changed default layout from _Construction_ to _Dark_. _Construction_ layout will be available as separate extension in the future.
- - Moved `$_['form']` data to the `$_['form']['lot']` context (#20)
- - Moved all GUI function from under namespace `_\lot\x\panel` to `_\lot\x\panel\type` (#21)
- - Narrowed down the panel editor maximum width.
- - Property `tags` now accept associative array.
- - Removed `peek` option globally.
- - Removed user notification feature. This is something that can be created by pushing new alert message to the session easily without the need to store junk files. The right navigation icon is now just a log-out button.
- - Renamed `$_['layout']` with `$_['type']`. The `$_['layout']` property is still there, but it is now will be used as a way to swap current layout with another layout file (#19)
- - Renamed `hidden` key with `skip` for a shorter name, and to prevent me from being too perfect, by adding another key named `visible`, as an alternative for `hidden`.
-
-### 2.4.3
-
- - Hide search form in the default license page.
- - Improved info tab of extension and layout, to automatically convert example URL in the page content into usable URL.
- - State hook should not replace-recursive but override the current state data, to make sure that all boolean value in it will be removed if some toggle fields are not checked.
-
-### 2.4.2
-
- - Fixed typos in SCSS file.
- - Renamed panel form name from `search` to `get`, `edit` to `set`.
-
-### 2.4.1
-
- - Added `invoke` property for every item in pages to be invoked within `_\lot\x\panel\page()` that would returns other properties to be merged to the current properties.
- - Added ability to set custom panel route through static functions under `_\lot\x\panel\route` namespace.
- - Added ability to set custom panel title.
- - Added end-user license agreement page for the panel extension.
- - Finished the restore feature.
- - Fixed bugs of user creation event which didn&rsquo;t store the pass data correctly.
- - Improved `panel.php` file feature to allow developers to extend data to the `$_` variable directly without using `$GLOBALS`.
- - Improved comments page execution time by storing newly created comments into static array.
- - Updated [F3H](https://github.com/taufik-nurrohman/f3h) version to 1.0.15.
-
-### 2.4.0
-
- - Added ability to set custom panel definition through `.\lot\layout\index\panel.php` file.
- - Changed `#blob:{code}` language string into a more readable language string as the default language string for every blob response code.
- - Fixed bug where creating a new page does not populate the `time` data automatically.
- - Moved `type` and `x` state data to a separated file, stored in `.\lot\x\panel\state` folder.
- - Removed `$lot` hook parameter and store the form data to `$_['form']` property, for easy form data manipulation during CRUD process.
- - Updated [Tag Picker](https://github.com/taufik-nurrohman/tag-picker) to version 3.0.12.
-
-### 2.3.2
-
- - Bug fixes and improvements for page properties with multi-dimensional array (#16)
-
-### 2.3.1
-
- - Improved function naming convention. PHP functions should conform to the snake-case naming convention (e.g. `a_b__c\d`).
- - Updated [F3H](https://github.com/taufik-nurrohman/f3h) script to version `1.0.11`.
-
-### 2.3.0
-
- - Added ability to set custom panel route and GUI through static functions under `_\lot\x\panel\route` namespace.
- - Changed field API to use lower-case for data types and to separate sub-types with `/` instead of `.`. So that every data type will look like a friendly MIME type format, just like the `type` attribute value alternative for every page file. Example: from `Text.DateTime` to `text/date-time`, from `Form.Post` to `form/post`.
- - Moved from `Pjax` to `F3H`.
-
-### 2.2.1
-
- - Removed leading `/` in `$_['path']` and trailing `/` in `$_['/']` for consistency with `$_['i']` and global `$url` properties.
-
-### 2.2.0
-
- - Added AJAX system that allows other JavaScript extensions to listen to the AJAX loading and loaded events.
- - Added generic JavaScript hook system for external extensions that can be used to enhance the core control panel features.
- - Fixed bug where users could not save the file content properly due to the automatic string evaluation by the `e` function.
-
-### 2.1.6
-
- - Added `Blobs` field type as an alternative to `Blob` field type that can accept multiple file uploads.
- - Added ability to convert RGB color string into HEX color string for `Color` and `Colors` field type.
- - The generic file uploading interface now uses `Blobs` field type as the file picker so that you can now upload multiple files there.
-
-### 2.1.5
-
- - Added [`Set`](https://user-images.githubusercontent.com/1669261/73904817-dcea6380-48cf-11ea-9c66-25a61e2c1b8e.png) field type.
- - Added optional `title` and `description` attribute for `Fields`.
- - Fixed broken recursive folder delete if `trash` parameter exists.
-
-### 2.1.4
-
- - Fixed [#13](https://github.com/mecha-cms/x.panel/issues/13), somehow.
-
-### 2.1.3
-
- - **TODO:** Fix this issue: [#13](https://github.com/mecha-cms/x.panel/issues/13)
- - Added [error log notification](https://user-images.githubusercontent.com/1669261/72618638-24836c80-396e-11ea-8705-434506abe2d8.png) in the GUI when debug mode is enabled by the author.
- - Added [notification tab](https://user-images.githubusercontent.com/1669261/72582860-ba8ba880-3916-11ea-90b7-c7c3322e8925.png) in the state editor to give a set of fields for author to store their contact details. By default, you will have an email address field there. Developers may add more contact details there to be used on certain extensions.
-
-### 2.1.2
-
+GUI Extension for [Mecha](https://github.com/mecha-cms/mecha)
+=============================================================
+
+![Panel](https://user-images.githubusercontent.com/1669261/104103529-31af0f00-52d5-11eb-8e08-fe2c4f2d3b4c.png)
+
+---
+
+Release Notes
+-------------
+
+### 2.7.1
+
+ - Added [@taufik-nurrohman/option-picker](https://github.com/taufik-nurrohman/option-picker) for consistent select box style.
+ - Added _Data_ tab next to the _Pages_ tab for pages layout.
+ - Added `$_['id']` property that stores the first `$_['path']` value.
+ - Added `$_['skin']` property that stores the skin title and CSS path.
+ - Added `data` property to `field/*` type to quickly add hidden fields.
+ - Added `data` property to `form/*` type to quickly add hidden fields.
+ - Added `field/button` and `field/buttons` type. Currently useless. Would be useful when combined with certain JavaScript actions, such as to open a pop-up window.
+ - Added `flex` and `field/flex` type.
+ - Added ability to reply comment from the panel interface.
+ - Added badge GUI for `link` type via `info` key.
+ - Added comment notification badge in the main menu.
+ - Added comments counter in the _Comment_ menu.
+ - Added files/folders counter in the _Trash_ menu.
+ - Fixed bug of tags data that is not stored consistently on edit mode.
+ - Improved `title` type to allow icons in `file`, `folder`, `field/item`, `field/items`, and `field/toggle` type.
+ - Improved extension page. It is now possible to filter extensions by searching and/or paginating.
+ - Improved performance of files/folders listing by deferring the GUI creation.
+ - Renamed `before` and `after` key for field to `value-before` and `value-after`.
+ - Renamed `field/combo` type with `field/option`.
+ - The `$_['/']` data now will includes the `$url` as prefix.
+ - [@mecha-cms/mecha#96](https://github.com/mecha-cms/mecha/issues/96)
+
+### 2.6.0
+
+ - Added GUI tests menu that will be visible only if `DEBUG` mode is enabled by user.
+ - Added `$_['icon']` property to store the SVG path icons globally.
+ - Added `description`, `icon`, `separator`, `title`, `field/description`, `field/name`, `field/path`, `field/title` type.
+ - Added `files/*` and `pages/*` type variants.
+ - Added `sort` option key to allow user to sort the `lot` data using custom key reference other than `stack`.
+ - Added `width` option key for `desk` type to allow user to set custom desk width.
+ - Renamed `$_['chops']` to `$_['chop']`.
+
+### 2.5.1, 2.5.2
+
+ - Bug fixes.
+
+### 2.5.0
+
+ - Added `$_['asset']` property to easily load/unload assets in the control panel (#18)
+ - Added `do.task.*` hooks.
+ - Added simple Node.js build tool (thanks to [@igoynawamreh](https://github.com/igoynawamreh)). Maybe not for everybody.
+ - Added user action limiter API.
+ - Changed default layout from _Construction_ to _Dark_. _Construction_ layout will be available as separate extension in the future.
+ - Moved `$_['form']` data to the `$_['form']['lot']` context (#20)
+ - Moved all GUI function from under namespace `_\lot\x\panel` to `_\lot\x\panel\type` (#21)
+ - Narrowed down the panel editor maximum width.
+ - Property `tags` now accept associative array.
+ - Removed `peek` option globally.
+ - Removed user notification feature. This is something that can be created by pushing new alert message to the session easily without the need to store junk files. The right navigation icon is now just a log-out button.
+ - Renamed `$_['layout']` with `$_['type']`. The `$_['layout']` property is still there, but it is now will be used as a way to swap current layout with another layout file (#19)
+ - Renamed `hidden` key with `skip` for a shorter name, and to prevent me from being too perfect, by adding another key named `visible`, as an alternative for `hidden`.
+
+### 2.4.3
+
+ - Hide search form in the default license page.
+ - Improved info tab of extension and layout, to automatically convert example URL in the page content into usable URL.
+ - State hook should not replace-recursive but override the current state data, to make sure that all boolean value in it will be removed if some toggle fields are not checked.
+
+### 2.4.2
+
+ - Fixed typos in SCSS file.
+ - Renamed panel form name from `search` to `get`, `edit` to `set`.
+
+### 2.4.1
+
+ - Added `invoke` property for every item in pages to be invoked within `_\lot\x\panel\page()` that would returns other properties to be merged to the current properties.
+ - Added ability to set custom panel route through static functions under `_\lot\x\panel\route` namespace.
+ - Added ability to set custom panel title.
+ - Added end-user license agreement page for the panel extension.
+ - Finished the restore feature.
+ - Fixed bugs of user creation event which didn&rsquo;t store the pass data correctly.
+ - Improved `panel.php` file feature to allow developers to extend data to the `$_` variable directly without using `$GLOBALS`.
+ - Improved comments page execution time by storing newly created comments into static array.
+ - Updated [F3H](https://github.com/taufik-nurrohman/f3h) version to 1.0.15.
+
+### 2.4.0
+
+ - Added ability to set custom panel definition through `.\lot\layout\index\panel.php` file.
+ - Changed `#blob:{code}` language string into a more readable language string as the default language string for every blob response code.
+ - Fixed bug where creating a new page does not populate the `time` data automatically.
+ - Moved `type` and `x` state data to a separated file, stored in `.\lot\x\panel\state` folder.
+ - Removed `$lot` hook parameter and store the form data to `$_['form']` property, for easy form data manipulation during CRUD process.
+ - Updated [Tag Picker](https://github.com/taufik-nurrohman/tag-picker) to version 3.0.12.
+
+### 2.3.2
+
+ - Bug fixes and improvements for page properties with multi-dimensional array (#16)
+
+### 2.3.1
+
+ - Improved function naming convention. PHP functions should conform to the snake-case naming convention (e.g. `a_b__c\d`).
+ - Updated [F3H](https://github.com/taufik-nurrohman/f3h) script to version `1.0.11`.
+
+### 2.3.0
+
+ - Added ability to set custom panel route and GUI through static functions under `_\lot\x\panel\route` namespace.
+ - Changed field API to use lower-case for data types and to separate sub-types with `/` instead of `.`. So that every data type will look like a friendly MIME type format, just like the `type` attribute value alternative for every page file. Example: from `Text.DateTime` to `text/date-time`, from `Form.Post` to `form/post`.
+ - Moved from `Pjax` to `F3H`.
+
+### 2.2.1
+
+ - Removed leading `/` in `$_['path']` and trailing `/` in `$_['/']` for consistency with `$_['i']` and global `$url` properties.
+
+### 2.2.0
+
+ - Added AJAX system that allows other JavaScript extensions to listen to the AJAX loading and loaded events.
+ - Added generic JavaScript hook system for external extensions that can be used to enhance the core control panel features.
+ - Fixed bug where users could not save the file content properly due to the automatic string evaluation by the `e` function.
+
+### 2.1.6
+
+ - Added `Blobs` field type as an alternative to `Blob` field type that can accept multiple file uploads.
+ - Added ability to convert RGB color string into HEX color string for `Color` and `Colors` field type.
+ - The generic file uploading interface now uses `Blobs` field type as the file picker so that you can now upload multiple files there.
+
+### 2.1.5
+
+ - Added [`Set`](https://user-images.githubusercontent.com/1669261/73904817-dcea6380-48cf-11ea-9c66-25a61e2c1b8e.png) field type.
+ - Added optional `title` and `description` attribute for `Fields`.
+ - Fixed broken recursive folder delete if `trash` parameter exists.
+
+### 2.1.4
+
+ - Fixed [#13](https://github.com/mecha-cms/x.panel/issues/13), somehow.
+
+### 2.1.3
+
+ - **TODO:** Fix this issue: [#13](https://github.com/mecha-cms/x.panel/issues/13)
+ - Added [error log notification](https://user-images.githubusercontent.com/1669261/72618638-24836c80-396e-11ea-8705-434506abe2d8.png) in the GUI when debug mode is enabled by the author.
+ - Added [notification tab](https://user-images.githubusercontent.com/1669261/72582860-ba8ba880-3916-11ea-90b7-c7c3322e8925.png) in the state editor to give a set of fields for author to store their contact details. By default, you will have an email address field there. Developers may add more contact details there to be used on certain extensions.
+
+### 2.1.2
+
  - Refactor.
\ No newline at end of file
diff --git a/panel/.github/source/lot/asset/css/_/form.scss b/panel/.github/source/lot/asset/css/_/form.scss
index 4e67c167..6a7f1ff5 100644
--- a/panel/.github/source/lot/asset/css/_/form.scss
+++ b/panel/.github/source/lot/asset/css/_/form.scss
@@ -30,6 +30,20 @@
   &[href] {
     color: $color-button;
   }
+  .title {
+    > .icon {
+      &:first-child {
+        margin-left: (-$x / 4);
+      }
+      &:last-child {
+        margin-right: (-$x / 4);
+      }
+      &.caret {
+        margin-right: (-$x / 4);
+        margin-left: (-$x / 4);
+      }
+    }
+  }
 }
 
 .button,
@@ -175,7 +189,7 @@ label {
     &[type='checkbox'],
     &[type='radio'] {
       + span {
-        display: inline-block;
+        display: inline-flex;
         vertical-align: middle;
       }
     }
diff --git a/panel/.github/source/lot/asset/css/_/icon.scss b/panel/.github/source/lot/asset/css/_/icon.scss
index af8f3b4b..dd23a629 100644
--- a/panel/.github/source/lot/asset/css/_/icon.scss
+++ b/panel/.github/source/lot/asset/css/_/icon.scss
@@ -24,19 +24,7 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: ($y / 4) ($x / 4);
-  > .icon {
-    &:first-child {
-      margin-left: (-$x / 4);
-    }
-    &:last-child {
-      margin-right: (-$x / 4);
-    }
-    &.caret {
-      margin-right: (-$x / 4);
-      margin-left: (-$x / 4);
-    }
-  }
+  gap: 0 ($x / 4);
   > span {
     flex: 1;
   }
diff --git a/panel/.github/source/lot/asset/css/_/lot/bar.scss b/panel/.github/source/lot/asset/css/_/lot/bar.scss
index c361bc41..64b75e73 100644
--- a/panel/.github/source/lot/asset/css/_/lot/bar.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/bar.scss
@@ -10,17 +10,29 @@
       list-style: none;
       width: auto;
       height: inherit;
-      .title {
-        small {
-          float: right;
-          margin-left: ($x / 4);
-        }
-      }
     }
     > ul {
       display: flex;
       height: ($y * 2);
       > li {
+        .title {
+          small {
+            float: right;
+            margin-left: ($x / 4);
+          }
+          > .icon {
+            &:first-child {
+              margin-left: (-$x / 4);
+            }
+            &:last-child {
+              margin-right: (-$x / 4);
+            }
+            &.caret {
+              margin-right: (-$x / 4);
+              margin-left: (-$x / 4);
+            }
+          }
+        }
         &.is\:active,
         &.is\:current {
           > a {
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 6232075e..c1d9bfa5 100644
--- a/panel/.github/source/lot/asset/css/_/lot/files-folders.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/files-folders.scss
@@ -22,6 +22,7 @@
     }
     .title {
       display: inline-flex;
+      vertical-align: middle;
     }
   }
   &.count\:0 {
diff --git a/panel/.github/source/lot/asset/css/_/lot/menu.scss b/panel/.github/source/lot/asset/css/_/lot/menu.scss
index 9ade2fbd..652a073c 100644
--- a/panel/.github/source/lot/asset/css/_/lot/menu.scss
+++ b/panel/.github/source/lot/asset/css/_/lot/menu.scss
@@ -30,6 +30,18 @@
         color: $color-back;
         padding: 0 ($x / 4);
       }
+      > .icon {
+        &:first-child {
+          margin-left: (-$x / 4);
+        }
+        &:last-child {
+          margin-right: (-$x / 4);
+        }
+        &.caret {
+          margin-right: (-$x / 4);
+          margin-left: (-$x / 4);
+        }
+      }
     }
     &.is\:separator {
       width: auto;
diff --git a/panel/about.page b/panel/about.page
index 72d1371a..88da17c9 100644
--- a/panel/about.page
+++ b/panel/about.page
@@ -3,7 +3,7 @@ title: Panel
 description: GUI extension for Mecha.
 author: Taufik Nurrohman
 type: Markdown
-version: 2.7.0
+version: 2.7.1
 price: [20, USD]
 
 use:
diff --git a/panel/engine/f/type.php b/panel/engine/f/type.php
index 2afacc21..7156de92 100644
--- a/panel/engine/f/type.php
+++ b/panel/engine/f/type.php
@@ -273,10 +273,11 @@ function file($value, $key) {
     ];
     $out[1] .= '<h3>' . \x\panel\type\link([
         'description' => $value['description'] ?? null,
+        'icon' => $value['icon'] ?? [],
+        'info' => $value['info'] ?? null,
         'link' => $value['link'] ?? null,
         'title' => $value['title'] ?? null,
-        'url' => $value['url'] ?? null,
-        'info' => $value['info'] ?? null
+        'url' => $value['url'] ?? null
     ], $key) . '</h3>';
     $out[1] .= \x\panel\type\tasks\link([
         '0' => 'p',
@@ -377,10 +378,11 @@ function folder($value, $key) {
     ];
     $out[1] .= '<h3>' . \x\panel\type\link([
         'description' => $value['description'] ?? \i('Open folder'),
+        'icon' => $value['icon'] ?? [],
+        'info' => $value['info'] ?? null,
         'link' => $value['link'] ?? null,
         'title' => $value['title'] ?? null,
-        'url' => $value['url'] ?? null,
-        'info' => $value['info'] ?? null
+        'url' => $value['url'] ?? null
     ], $key) . '</h3>';
     $out[1] .= \x\panel\type\tasks\link([
         '0' => 'p',
diff --git a/panel/engine/f/type/field.php b/panel/engine/f/type/field.php
index b00c3ed1..f4fe7c48 100644
--- a/panel/engine/f/type/field.php
+++ b/panel/engine/f/type/field.php
@@ -197,8 +197,6 @@ function item($value, $key) {
         $n = $value['name'] ?? $key;
         unset($value['name'], $value['hint'], $value['value']);
         $a = [];
-        $out = \x\panel\to\field($value, $key);
-        $out['field'][0] = 'div';
         $count = 0;
         $sort = !isset($value['sort']) || $value['sort'];
         foreach ($value['lot'] as $k => $v) {
@@ -210,20 +208,40 @@ function item($value, $key) {
                 $v = ['title' => $v];
             }
             $is_active = !isset($v['active']) || $v['active'];
+            $is_locked = !empty($v['locked']);
             $input = \x\panel\to\field($v, $k, 'input')['field'];
             $input[2]['checked'] = null !== $the_value && ((string) $the_value === (string) $k);
-            $input[2]['type'] = 'radio';
-            $t = \x\panel\to\title($v['title'] ?? "", -2);
-            $d = $v['description'] ?? "";
             $input[2]['disabled'] = !$is_active;
             $input[2]['name'] = $v['name'] ?? $n;
+            $input[2]['type'] = 'radio';
             $input[2]['value'] = $v['value'] ?? $k;
+            unset($input[2]['placeholder']);
             \x\panel\_set_class($input[2], [
                 'is:active' => $is_active,
-                'not:active' => !$is_active
+                'is:locked' => $is_locked,
+                'not:active' => !$is_active,
+                'not:locked' => !$is_locked
+            ]);
+            $description = \strip_tags(\i(...((array) ($v['description'] ?? ""))));
+            $title = \x\panel\type\title([
+                'content' => $v['title'] ?? "",
+                'icon' => $v['icon'] ?? [],
+                'level' => -1,
+                '2' => [
+                    'title' => "" !== $description ? $description : null
+                ]
+            ], 0);
+            $label = new \HTML([
+                0 => 'label',
+                1 => (new \HTML($input)) . ' ' . $title
+            ]);
+            \x\panel\_set_class($label, [
+                'is:active' => $is_active,
+                'is:locked' => $is_locked,
+                'not:active' => !$is_active,
+                'not:locked' => !$is_locked
             ]);
-            $d = \strip_tags(\i(...((array) $d)));
-            $a[$t . $k] = '<label class="' . ($is_active ? 'is' : 'not') . ':active">' . (new \HTML($input)) . ' <span' . ("" !== $d ? ' title="' . $d . '"' : "") . '>' . $t . '</span></label>';
+            $a[$title . $k] = $label;
         }
         $sort && \ksort($a);
         if (!isset($value['block'])) {
@@ -231,6 +249,8 @@ function item($value, $key) {
         } else {
             $block = $value['block'] ? '<br>' : "";
         }
+        $out = \x\panel\to\field($value, $key);
+        $out['field'][0] = 'div';
         $out['field'][1] = \implode($block, $a);
         \x\panel\_set_class($out['field'][2], [
             'count:' . $count => true,
@@ -252,8 +272,6 @@ function items($value, $key) {
         }
         $n = $value['name'] ?? $key;
         unset($value['name'], $value['hint'], $value['value']);
-        $out = \x\panel\to\field($value, $key);
-        $out['field'][0] = 'div';
         $a = [];
         $count = 0;
         $sort = !isset($value['sort']) || $value['sort'];
@@ -265,25 +283,46 @@ function items($value, $key) {
             if (!\is_array($v)) {
                 $v = ['title' => $v];
             }
+            $is_active = !isset($v['active']) || $v['active'];
+            $is_locked = !empty($v['locked']);
             $input = \x\panel\to\field($v, $k, 'input')['field'];
             $input[2]['checked'] = $key_as_value ? false !== \strpos($the_value, \P . $k . \P) : isset($the_value[$k]);
             $input[2]['type'] = 'checkbox';
-            $t = \x\panel\to\title($v['title'] ?? "", -2);
-            $d = $v['description'] ?? "";
             $input[2]['name'] = $v['name'] ?? $n . '[' . ($key_as_value ? "" : $k) . ']';
             $input[2]['value'] = $v['value'] ?? ($key_as_value ? $k : \s($the_value[$k] ?? true));
-            $d = \strip_tags(\i(...((array) $d)));
-            $class = [];
-            $class[] = (!isset($v['active']) || $v['active'] ? 'is' : 'not') . ':active';
-            $class[] = (!empty($v['locked']) ? 'is' : 'not') . ':locked';
-            if (isset($v['active']) && !$v['active']) {
+            if (!$is_active) {
                 $input[2]['disabled'] = true;
             // `else if` because mixing both `disabled` and `readonly` attribute does not make sense
-            } else if (!empty($v['locked'])) {
+            } else if ($is_locked) {
                 $input[2]['readonly'] = true;
             }
-            \sort($class);
-            $a[$t . $k] = '<label' . ($class ? ' class="' . \implode(' ', $class) . '"' : "") . '>' . (new \HTML($input)) . ' <span' . ("" !== $d ? ' title="' . $d . '"' : "") . '>' . $t . '</span></label>';
+            unset($input[2]['placeholder']);
+            \x\panel\_set_class($input[2], [
+                'is:active' => $is_active,
+                'is:locked' => $is_locked,
+                'not:active' => !$is_active,
+                'not:locked' => !$is_locked
+            ]);
+            $description = \strip_tags(\i(...((array) ($v['description'] ?? ""))));
+            $title = \x\panel\type\title([
+                'content' => $v['title'] ?? "",
+                'icon' => $v['icon'] ?? [],
+                'level' => -1,
+                '2' => [
+                    'title' => "" !== $description ? $description : null
+                ]
+            ], 0);
+            $label = new \HTML([
+                0 => 'label',
+                1 => (new \HTML($input)) . ' ' . $title
+            ]);
+            \x\panel\_set_class($label, [
+                'is:active' => $is_active,
+                'is:locked' => $is_locked,
+                'not:active' => !$is_active,
+                'not:locked' => !$is_locked
+            ]);
+            $a[$title . $k] = $label;
         }
         $sort && \ksort($a);
         if (!isset($value['block'])) {
@@ -291,6 +330,8 @@ function items($value, $key) {
         } else {
             $block = $value['block'] ? '<br>' : "";
         }
+        $out = \x\panel\to\field($value, $key);
+        $out['field'][0] = 'div';
         $out['field'][1] = \implode($block, $a);
         \x\panel\_set_class($out['field'][2], [
             'count:' . $count => true,
@@ -485,18 +526,36 @@ function title($value, $key) {
 }
 
 function toggle($value, $key) {
-    $out = \x\panel\to\field($value, $key, 'input');
     $the_value = $value['value'] ?? null;
+    $is_active = !isset($v['active']) || $v['active'];
+    $is_locked = !empty($v['locked']);
     $input = \x\panel\to\field($value, $key, 'input')['field'];
     $input[2]['checked'] = !empty($the_value);
     $input[2]['type'] = 'checkbox';
     $input[2]['value'] = 'true'; // Force value to be `true`
-    $t = \i(...((array) ($value['hint'] ?? $value['title'] ?? \S)));
+    unset($input[2]['placeholder']);
+    $title = \x\panel\type\title([
+        'content' => $value['hint'] ?? $value['title'] ?? "",
+        'icon' => $value['icon'] ?? [],
+        'level' => -1
+    ], 0);
+    $label = new \HTML([
+        0 => 'label',
+        1 => (new \HTML($input)) . ' ' . $title
+    ]);
+    \x\panel\_set_class($label, [
+        'is:active' => $is_active,
+        'is:locked' => $is_locked,
+        'not:active' => !$is_active,
+        'not:locked' => !$is_locked
+    ]);
+    $out = \x\panel\to\field($value, $key);
     $out['field'][0] = 'div';
-    $out['field'][1] = '<label>' . (new \HTML($input)) . ' <span>' . $t . '</span></label>';
+    $out['field'][1] = $label;
     \x\panel\_set_class($out['field'][2], [
-        'input' => false,
-        'options' => true
+        'count:1' => true,
+        'options' => true,
+        'textarea' => false
     ]);
     unset($out['hint'], $out['field'][2]['name'], $out['field'][2]['placeholder']);
     return \x\panel\type\field($out, $key);
diff --git a/panel/lot/asset/css/index.css b/panel/lot/asset/css/index.css
index 7e6a5439..9ab81a9f 100644
--- a/panel/lot/asset/css/index.css
+++ b/panel/lot/asset/css/index.css
@@ -269,6 +269,19 @@ legend + ul {
   color: #fff;
 }
 
+.button .title > .icon:first-child {
+  margin-left: -6px;
+}
+
+.button .title > .icon:last-child {
+  margin-right: -6px;
+}
+
+.button .title > .icon.caret {
+  margin-right: -6px;
+  margin-left: -6px;
+}
+
 .button,
 details > summary,
 label {
@@ -423,7 +436,7 @@ label {
 
 label > input[type='checkbox'] + span,
 label > input[type='radio'] + span {
-  display: inline-block;
+  display: inline-flex;
   vertical-align: middle;
 }
 
@@ -561,20 +574,7 @@ label > input[type='radio'] + span {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: 6px 6px;
-}
-
-.title > .icon:first-child {
-  margin-left: -6px;
-}
-
-.title > .icon:last-child {
-  margin-right: -6px;
-}
-
-.title > .icon.caret {
-  margin-right: -6px;
-  margin-left: -6px;
+  gap: 0 6px;
 }
 
 .title > span {
@@ -627,15 +627,27 @@ label > input[type='radio'] + span {
   height: inherit;
 }
 
-.lot\:bar .lot\:links > ul .title small,
+.lot\:bar .lot\:links > ul {
+  display: flex;
+  height: 48px;
+}
+
 .lot\:bar .lot\:links > ul > li .title small {
   float: right;
   margin-left: 6px;
 }
 
-.lot\:bar .lot\:links > ul {
-  display: flex;
-  height: 48px;
+.lot\:bar .lot\:links > ul > li .title > .icon:first-child {
+  margin-left: -6px;
+}
+
+.lot\:bar .lot\:links > ul > li .title > .icon:last-child {
+  margin-right: -6px;
+}
+
+.lot\:bar .lot\:links > ul > li .title > .icon.caret {
+  margin-right: -6px;
+  margin-left: -6px;
 }
 
 .lot\:bar .lot\:links > ul > li.is\:active > a,
@@ -1462,6 +1474,7 @@ label > input[type='radio'] + span {
 .lot\:folders h3 .title,
 .lot\:pages h3 .title {
   display: inline-flex;
+  vertical-align: middle;
 }
 
 .lot\:files.count\:0,
@@ -1511,6 +1524,19 @@ label > input[type='radio'] + span {
   padding: 0 6px;
 }
 
+.lot\:menu li .title > .icon:first-child {
+  margin-left: -6px;
+}
+
+.lot\:menu li .title > .icon:last-child {
+  margin-right: -6px;
+}
+
+.lot\:menu li .title > .icon.caret {
+  margin-right: -6px;
+  margin-left: -6px;
+}
+
 .lot\:menu li.is\:separator {
   width: auto;
   height: 1px;
diff --git a/panel/lot/asset/css/index.min.css b/panel/lot/asset/css/index.min.css
index 2c930629..95557e61 100644
--- a/panel/lot/asset/css/index.min.css
+++ b/panel/lot/asset/css/index.min.css
@@ -1 +1 @@
-*,::after,::before{margin:0;padding:0;font:inherit;text-decoration:inherit;text-transform:inherit;box-sizing:border-box}::-webkit-input-placeholder{color:inherit;opacity:.5}::-moz-placeholder{color:inherit;opacity:.5}::placeholder{color:inherit;opacity:.5}:focus{outline:0;-webkit-tap-highlight-color:transparent}a{color:inherit}a[href]{color:#00f}:root,body{min-height:100%}:root{font:16px/24px sans-serif;text-align:left;background:#fff;border:0 solid;color:#000}abbr{border:0;text-decoration:none;cursor:inherit;border-bottom:1px solid transparent}abbr[title]:hover{border-bottom-color:inherit;cursor:help}article,aside,footer,header,main,nav,section{display:block}sub,sup{display:inline;position:relative;vertical-align:middle}sub{top:.5em}sup{top:-.5em}mark{background:#ff0;color:inherit}pre{word-wrap:break-word;white-space:pre-wrap;font-weight:400;font-style:normal;overflow:auto}pre code{display:block;background:#000;color:#fff;padding:8px 12px}img{max-width:100%;height:auto}button::-moz-focus-inner,input::-moz-focus-inner{margin:0;padding:0;border:0;outline:0}h1{font-size:32px;line-height:1}h2{font-size:28px;line-height:1}h3{font-size:24px;line-height:1}h4{font-size:20px;line-height:1}h5{font-size:16px;line-height:1}h6{font-size:12px;line-height:1}kbd{display:inline-block;vertical-align:middle;padding:0 8px;cursor:pointer}blockquote{font-size:17.6px;margin-right:24px;margin-left:24px}figure img{display:block;margin:0 auto}figure figcaption{margin-top:6px}dd,ol,ul{margin-left:40px}ol ol,ol ul,ul ol,ul ul{margin-left:16px}ul{list-style:square}fieldset,hr{color:inherit;border:1px solid}fieldset{padding:24px}hr{border-style:dashed;border-width:1px 0 0}legend{padding:0 8px;margin:0 0 -8px}legend+.p,legend+blockquote,legend+details,legend+dl,legend+fieldset,legend+figcaption,legend+figure,legend+form,legend+h1,legend+h2,legend+h3,legend+h4,legend+h5,legend+h6,legend+hr,legend+ol,legend+p,legend+pre,legend+table,legend+ul{margin-top:0}:invalid{box-shadow:none}.button,.input,.select,.textarea{display:inline-block;vertical-align:middle;background:#fff;color:inherit;border:1px solid;width:192px;height:36px;line-height:22px;padding:6px 12px;text-align:left;position:relative;z-index:0}.button{width:auto;text-align:center;background:#00f;color:#fff;border-width:0;line-height:24px}.button[href]{color:#fff}.button,details>summary,label{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.input.is\:locked,.textarea.is\:locked{background:0 0}.input:focus:invalid,.textarea:focus:invalid{color:#c00;border-color:#c00;box-shadow:none}.button.is\:text{background:0 0;border:0;color:#00f}.button.is\:text:active,.button.is\:text:focus{background:0 0}.input[type=color],.input[type=file],.input[type=range]{cursor:pointer}.input[type=file],.input[type=range]{background:0 0;border:0;padding:0;line-height:24px;box-shadow:none}.input[type=checkbox],.input[type=color],.input[type=image],.input[type=radio]{margin:0;padding:0;background:0 0;border:0;width:1em;height:1em;line-height:1em;cursor:pointer}.input[type=checkbox].is\:locked,.input[type=color].is\:locked,.input[type=image].is\:locked,.input[type=radio].is\:locked{pointer-events:none}.input[type=color]{width:36px;height:36px}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=image]{width:auto;height:auto;box-shadow:none}.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}.select{cursor:pointer}.select[multiple]{height:auto}.select[multiple] optgroup,.select[multiple] option{background:0 0}.select optgroup,.select option{background:#fff;color:inherit;margin:0;padding:0}.select optgroup{font-weight:700}.select optgroup option{font-weight:400;padding-left:8px}.select:not([multiple]){padding-top:0;padding-bottom:0}.width{display:flex;width:100%}.textarea{min-height:90px;resize:vertical;overflow:auto}.textarea.height{height:258px}label>input[type=checkbox]+span,label>input[type=radio]+span{display:inline-block;vertical-align:middle}.button:focus,.input:focus,.select:focus,.textarea:focus{z-index:1}.button.is\:locked,.input.is\:locked,.select.is\:locked,.textarea.is\:locked{border-style:dotted}.input[type=checkbox],.input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00f}.input[type=checkbox].not\:active,.input[type=radio].not\:active{background:#000}.input[type=checkbox]::before,.input[type=radio]::before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff}.input[type=checkbox]:checked::before,.input[type=radio]:checked::before{background:0 0}.input[type=checkbox]:checked::before{top:1px;right:5px;bottom:4px;left:5px;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);visibility:visible}.input[type=radio]:checked::before{border:2px solid #fff;visibility:visible}.input[type=radio],.input[type=radio]::before{border-radius:100%}.input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:#000;border:0;height:2px;overflow:visible}.input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:24px;margin-top:-11px;background:#00f;border:0;border-radius:0}.input[type=range]::-moz-range-track{background:#000;border:0;height:2px}.input[type=range]::-moz-range-thumb{width:12px;height:24px;margin-top:-11px;background:#00f;border:0;border-radius:0}.icon{display:inline-block;width:24px;height:24px;min-width:24px;min-height:24px;max-width:100%;max-height:100%;vertical-align:top;font-weight:400;font-style:normal;fill:currentColor;border-color:inherit;position:relative;overflow:hidden;text-indent:-9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon[display=none]{display:none}.title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px}.title>.icon:first-child{margin-left:-6px}.title>.icon:last-child{margin-right:-6px}.title>.icon.caret{margin-right:-6px;margin-left:-6px}.title>span{flex:1}.alert p{background:#f2f2f2;padding:12px 20px}.alert p .f\:r .icon{margin-right:-6px}.alert p>small+br{display:none}.alert p>small+br+small{display:flex;flex-wrap:wrap;margin:0 -3px;padding:12px 0 6px}.alert p>small+br+small a{font-size:12px;margin:0 3px;padding:0 8px;background:rgba(0,0,0,.05)}.alert p+p{margin-top:12px}.lot\:bar{display:flex;flex-wrap:wrap;line-height:48px}.lot\:bar .lot\:links>ul,.lot\:bar .lot\:links>ul>li{margin:0;padding:0;list-style:none;width:auto;height:inherit}.lot\:bar .lot\:links>ul .title small,.lot\:bar .lot\:links>ul>li .title small{float:right;margin-left:6px}.lot\:bar .lot\:links>ul{display:flex;height:48px}.lot\:bar .lot\:links>ul>li.is\:active>a,.lot\:bar .lot\:links>ul>li.is\:current>a{color:inherit}.lot\:bar .lot\:links>ul>li.is\:separator{width:1px;height:24px;background:#000;margin:12px 0;overflow:hidden}.lot\:bar .lot\:links>ul>li.is\:separator:first-child,.lot\:bar .lot\:links>ul>li.is\:separator:last-child{display:none}.lot\:bar .lot\:links>ul>li>a{display:flex;height:inherit;padding:0 18px;overflow:hidden}.lot\:bar .lot\:links.of\:links{flex:1}.lot\:bar .lot\:field{margin:0;padding:0;width:auto;height:inherit}.lot\:bar .lot\:field>label+br+div,.lot\:bar .lot\:field>label+div{margin-top:0}.lot\:bar .lot\:field .input{display:block;width:192px;height:48px;line-height:48px;margin:0;padding:0 16px;border:0}.lot\:bar .lot\:field label{display:none}.lot\:bar .lot\:field>*{margin-right:0;margin-left:0}.lot\:bar>.description,.lot\:bar>.title{margin:0;padding:0 18px;line-height:inherit}.lot\:bar>.title{font-size:100%;font-weight:700}.lot\:desk{padding:24px;margin:0 auto;max-width:864px}.lot\:desk.width{display:block;max-width:100%}.lot\:field{display:flex;gap:0 24px}.lot\:field .description{display:block;font-size:12px;line-height:16px;margin:8px 0 0}.lot\:field .description code{font-size:10.4px}.lot\:field .output{display:inline-block;vertical-align:middle;border:0;background:0 0;color:inherit;width:auto;height:auto;font:inherit;line-height:24px;padding:6px 0;text-align:inherit;position:relative;z-index:0}.lot\:field .output.width{width:100%}.lot\:field>label{display:block;width:120px;padding:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.lot\:field>label+br{display:none}.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{width:auto;min-width:0;flex:1}.lot\:field>label+br+div .lot\:f>.button,.lot\:field>label+br+div .lot\:f>.options>.button,.lot\:field>label+div .lot\:f>.button,.lot\:field>label+div .lot\:f>.options>.button{background:0 0;color:inherit;border-width:1px;line-height:22px}.lot\:field>label+br+div .lot\:f>.button:active,.lot\:field>label+br+div .lot\:f>.button:focus,.lot\:field>label+br+div .lot\:f>.options>.button:active,.lot\:field>label+br+div .lot\:f>.options>.button:focus,.lot\:field>label+div .lot\:f>.button:active,.lot\:field>label+div .lot\:f>.button:focus,.lot\:field>label+div .lot\:f>.options>.button:active,.lot\:field>label+div .lot\:f>.options>.button:focus{color:inherit}.lot\:field>label+br+div .lot\:f .fix,.lot\:field>label+div .lot\:f .fix{display:inline-block;vertical-align:middle;background:0 0;border:1px solid;width:auto;min-width:0;max-width:50%;height:36px;line-height:22px;padding:6px 12px;cursor:default;white-space:nowrap;text-align:left;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lot\:field>label+br+div .lot\:f .fix.icon,.lot\:field>label+div .lot\:f .fix.icon{width:36px;min-width:36px;padding:5px 0}.lot\:field>label+br+div .options,.lot\:field>label+div .options{display:flex;padding:6px 0}.lot\:field.type\:buttons>label+br+div .options,.lot\:field.type\:buttons>label+div .options{padding-top:0;padding-bottom:0}.lot\:field.type\:buttons .lot\:f{display:inline-flex}.lot\:field.type\:buttons .lot\:f>.button+.button,.lot\:field.type\:buttons .lot\:f>.options>.button+.button{margin-left:-1px}.lot\:field.type\:colors>label+br+div .options,.lot\:field.type\:colors>label+div .options{padding-top:0;padding-bottom:0}.lot\:field.type\:colors .options,.lot\:field.type\:item .options,.lot\:field.type\:items .options,.lot\:field.type\:toggle .options{display:flex;flex-wrap:wrap;gap:0 24px;height:auto;max-height:100%}.lot\:field.type\:colors .options.is\:block,.lot\:field.type\:item .options.is\:block,.lot\:field.type\:items .options.is\:block,.lot\:field.type\:toggle .options.is\:block{display:block}.lot\:field.type\:colors .options>label,.lot\:field.type\:item .options>label,.lot\:field.type\:items .options>label,.lot\:field.type\:toggle .options>label{display:inline-flex;align-items:center;gap:0 8px;white-space:nowrap}.option-picker,.option-picker *{box-sizing:border-box}.option-picker{position:relative;background:#fff;color:#000;border:1px solid #000;font:inherit;line-height:1.5em;display:inline-block;vertical-align:middle;width:12em;padding:.25em;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.option-picker--focus{border-color:#00f}.option-picker::after{content:"";width:0;height:0;border-top:6px solid #000;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent;position:absolute;top:50%;margin-top:-3px;right:.5em;pointer-events:none}.option-picker--open::after{border-top:0;border-bottom:6px solid}.option-picker--open .option-picker__options{display:block}.option-picker *{outline:0}.option-picker__group{display:block;padding:0 .5em}.option-picker__group[title]::before{content:attr(title);display:block;margin:0 -.5em;padding:0 .5em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-picker__group .option-picker__option{padding-left:1.5em;margin:0 -.5em}.option-picker__option{display:block;padding:0 .5em;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-picker__option:hover{background:#00f;color:#fff}.option-picker__option--active{background:0 0;color:#00f}.option-picker__option--active:hover{background:#00f;color:#fff}.option-picker__option--lock{color:#666;cursor:not-allowed}.option-picker__option--lock:hover{background:#666;color:#fff}.option-picker__options{position:fixed;z-index:9999;background:#fff;border:inherit;box-shadow:0 1px 2px rgba(0,0,0,.4);overflow:auto;display:none}.option-picker__source{position:fixed;top:-9999px;left:-9999px}.option-picker__source[disabled]+.option-picker{color:#666;border-color:#666;cursor:not-allowed}.option-picker__source[disabled]+.option-picker::after{border-top-color:#666}.option-picker__source[disabled]+.option-picker .option-picker__option{color:inherit}.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{display:block;position:relative;z-index:1;border-width:0;border-top-width:inherit;box-shadow:none;margin:.25em -.25em -.25em}.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__values{margin-right:1.25em;padding:0 .25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-picker__values .option-picker__value{display:inline;margin:0;padding:0;background:0 0;color:inherit;font:inherit}.lot\:field.type\:option .option-picker{background:#fff;color:inherit;border-color:inherit;height:36px;line-height:22px;padding:6px 12px}.lot\:field.type\:option .option-picker::after{right:12px}.lot\:field.type\:option .option-picker.width{display:flex;width:100%}.lot\:field.type\:option .option-picker__options{line-height:24px}.lot\:field.type\:option .option-picker__source+.option-picker{margin-left:0}.lot\:field.type\:option .option-picker__source:not([multiple])+.option-picker--open{z-index:9999}.lot\:field.type\:option .option-picker__values{padding:0}.tag-picker,.tag-picker *{box-sizing:border-box;font:inherit;color:inherit}.tag-picker{position:relative;display:flex;flex:1;flex-wrap:wrap;min-height:1.5em;line-height:1.5em;background:#fff;border:1px solid #000;padding:.125em;cursor:text;outline:0}.tag-picker--focus{border-color:#00f}.tag-picker__copy{position:absolute;top:0;left:0;margin:0;padding:0;width:1px;height:1px;opacity:0}.tag-picker__tag{background:red;color:#000;text-decoration:none;margin:.125em;padding:0 .5em;height:1.5em;cursor:pointer;outline:0}.tag-picker__tag--focus{background:#c00}.tag-picker__tag::before{content:attr(title)}.tag-picker__tag+.tag-picker__text span+span{display:none}.tag-picker__tag-x{margin-left:.5em;text-decoration:none;color:#fff;outline:0}.tag-picker__tag-x::before{content:'\00d7';font-family:sans-serif}.tag-picker__text{background:0 0;color:inherit;cursor:inherit;position:relative;flex:1}.tag-picker__text span{display:block;height:100%;outline:0;position:relative;z-index:1}.tag-picker__text span *{display:inline}.tag-picker__text span+span{position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;white-space:nowrap;z-index:0;opacity:.5}.tag-picker__tags{display:flex;flex:1;flex-wrap:wrap;min-height:1.5em;line-height:1.5em}.tag-picker__source{position:fixed;top:-9999px;left:-9999px}.tag-picker__source[disabled]+.tag-picker{background:#eee;border-color:#999}.tag-picker__source[disabled]+.tag-picker,.tag-picker__source[disabled]+.tag-picker *{cursor:not-allowed}.tag-picker__source[disabled]+.tag-picker .tag-picker__tag{background:#aaa}.tag-picker__source[readonly]+.tag-picker{background:#eee;border-color:#999}.tag-picker__source[readonly]+.tag-picker .tag-picker__tag-x{cursor:not-allowed}.tag-picker__source[disabled]+.tag-picker .tag-picker__text,.tag-picker__source[readonly]+.tag-picker .tag-picker__text{background:0 0}.lot\:field.type\:query .tag-picker{background:#fff;color:inherit;border-color:inherit;min-height:36px;height:auto;padding:2px}.lot\:field.type\:query .tag-picker.width{display:flex;width:100%}.lot\:field.type\:query .tag-picker__tag{height:26px;padding:0 7px;margin:2px;border:1px solid transparent}.lot\:field.type\:query .tag-picker__source{position:fixed}.lot\:field.type\:query .tag-picker__source+.tag-picker{margin-left:0}.lot\:field.type\:toggle .input[type=checkbox]{width:32px;height:20px;border-width:0;border-radius:10px}.lot\:field.type\:toggle .input[type=checkbox].not\:active{background:#000}.lot\:field.type\:toggle .input[type=checkbox]::before{border:0;width:16px;height:16px;top:2px;left:2px;background:#fff;border-radius:8px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);visibility:visible}.lot\:field.type\:toggle .input[type=checkbox]:checked::before{left:14px}.lot\:fields>.description{padding-bottom:16px;border-bottom:1px dashed}.lot\:file,.lot\:folder,.lot\:page{display:flex;border:0 solid #fff;margin:0 -6px;padding:6px 12px;list-style:none;position:relative;overflow:hidden}.lot\:file::after,.lot\:file::before,.lot\:folder::after,.lot\:folder::before,.lot\:page::after,.lot\:page::before{content:"";display:block;width:24px;height:24px;position:absolute;top:6px;left:6px}.lot\:file>*,.lot\:folder>*,.lot\:page>*{margin:0 3px}.lot\:file>.lot\:tasks,.lot\:folder>.lot\:tasks,.lot\:page>.lot\:tasks{margin-right:-6px}.lot\:file.not\:active,.not\:active.lot\:folder,.not\:active.lot\:page{opacity:.5}.is\:file,.is\:folder{padding-left:42px}.is\:file::before{border:1px solid;width:20px}.is\:file::after{width:0;height:0;border:3px solid;border-top-color:inherit;border-right-color:inherit;left:20px}.is\:folder::before{background:#000;height:18px;top:11px}.is\:folder::after{background:#000;width:12px;height:3px;top:7px}.lot\:files,.lot\:folders,.lot\:pages{margin-right:0;margin-left:0;padding:0;display:block;list-style:none}.lot\:files h3,.lot\:files p,.lot\:folders h3,.lot\:folders p,.lot\:pages h3,.lot\:pages p{margin:0;padding:0;font:inherit}.lot\:files h3,.lot\:folders h3,.lot\:pages h3{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lot\:files h3 a.not\:active,.lot\:folders h3 a.not\:active,.lot\:pages h3 a.not\:active{opacity:1}.lot\:files h3 .title,.lot\:folders h3 .title,.lot\:pages h3 .title{display:inline-flex}.count\:0.lot\:folders,.count\:0.lot\:pages,.lot\:files.count\:0{display:none}.lot\:menu{background:#fff;width:192px;height:auto;line-height:24px}.lot\:menu .lot\:menu{display:none;margin:0;position:absolute;top:0;left:100%;z-index:9998;box-shadow:0 1px 5px rgba(0,0,0,.25)}.lot\:menu li,.lot\:menu ul{margin:0;padding:0;list-style:none}.lot\:menu li{display:flex;position:relative}.lot\:menu li .title{flex:1}.lot\:menu li .title small{float:right;margin-right:-6px;background:#000;color:#fff;padding:0 6px}.lot\:menu li.is\:separator{width:auto;height:1px;background:#000;margin:0 8px;overflow:hidden}.lot\:menu li.is\:separator:first-child,.lot\:menu li.is\:separator:last-child{display:none}.lot\:menu li.is\:current>a{color:inherit}.lot\:menu li:hover>.lot\:menu{display:block}.lot\:menu a{display:flex;flex:1;padding:6px 12px;color:#00f}.lot\:menu a:focus+ul{display:block}.has\:menu{display:inline-flex;position:relative}.has\:menu .lot\:menu{display:none;margin:0;position:absolute;top:100%;left:0;z-index:9998;box-shadow:0 1px 5px rgba(0,0,0,.25)}.has\:menu .lot\:menu .lot\:menu{top:0;left:100%}.has\:menu .lot\:menu.is\:enter{display:block}.lot\:page{padding:12px 6px;margin:0 -12px}.lot\:page>*{margin:0 6px}.lot\:page>div{min-height:54px}.lot\:page>div:first-child+div{flex:1}.lot\:page h3{font-size:20px}.lot\:page .img,.lot\:page img{display:block;width:54px;height:54px;max-width:54px;max-height:54px;min-width:0;min-height:0}.lot\:page .description{margin:6px 0 0}.lot\:page.is\:file,.lot\:page.is\:folder{padding-left:6px}.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:-3px;margin-left:-3px}.lot\:pager,.lot\:pager>span{display:flex;flex-wrap:wrap;align-items:center}.lot\:pager>span>a,.lot\:pager>span>b,.lot\:pager>span>span{background:#00f;color:#fff;font:inherit;padding:0 6px;margin:0 3px}.lot\:pager>span>b,.lot\:pager>span>span{background:0 0;color:inherit}.content\:section,.lot\:section{padding:24px;margin:0 auto}.count\:0.content\:section,.lot\:section.count\:0{display:none}.content\:tab,.lot\:tab{margin-top:24px;display:none}.is\:current.content\:tab,.lot\:tab.is\:current{display:block}.lot\:tabs .lot\:links li,.lot\:tabs .lot\:links ul{display:flex;margin:0;padding:0;list-style:none}.lot\:tabs .lot\:links ul{overflow:hidden}.lot\:tabs .lot\:links li{position:relative}.lot\:tabs .lot\:links li.not\:active{opacity:1}.lot\:tabs .lot\:links li.not\:active .not\:active{opacity:.5}.lot\:tabs .lot\:links a{display:flex}.lot\:tabs .lot\:links .title .icon{margin:0 -8px}.lot\:tabs .lot\:links .title .icon:first-child{margin-right:4px}.lot\:tabs .lot\:links .title .icon:last-child{margin-left:4px}.lot\:tabs .lot\:links .title .icon:only-child{margin-right:-8px;margin-left:-8px}.lot\:tabs.count\:0,.lot\:tabs.count\:1 .lot\:links{display:none}.lot\:tabs.count\:1 .content\:tab,.lot\:tabs.count\:1 .lot\:tab{margin-top:0}.lot\:tasks{display:flex;align-items:center;flex-wrap:wrap;gap:6px 6px}.lot\:tasks\.link .title{gap:3px 3px}.lot\:tasks\.link .title>.icon{margin-right:0;margin-left:0}pre.is\:text code{display:inline-block;background:0 0;border:1px dotted;color:inherit}.is\:error{display:flex;border-top-width:4px;align-items:center;align-content:center;text-align:center}.is\:error>*{flex:1}.is\:error>* .title{display:inline-flex}.is\:error>* .title>.icon+span{margin-left:6px}.b,b,dt,legend,strong,th{font-weight:700}.code,code{font-family:monospace;font-size:80%}.i,dfn,em,i,var{font-style:italic}*+.p,*+blockquote,*+details,*+dl,*+fieldset,*+figcaption,*+figure,*+form,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+hr,*+ol,*+p,*+pre,*+table,*+ul{margin-top:24px}.small,kbd,small,sub,sup{font-size:70%}.s,del,s{text-decoration:line-through}.u,ins,u{text-decoration:underline}.is\:hidden,[hidden]{display:none!important}.not\:active{opacity:.5;cursor:not-allowed}.not\:active .not\:active{opacity:1}.ta\:c,.text-center,figure{text-align:center}.ta\:e,.text-end{text-align:end}.ta\:r,.text-right{text-align:right}.ta\:s,.text-start{text-align:start}.ta\:j,.text-justify{text-align:justify}.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-right:auto;margin-left:auto;text-align:center}.a\:c img,.align-center img{display:block;margin-right:auto;margin-left:auto}.a\:e,.align-end{margin-top:8px;margin-inline-end:24px;margin-bottom:16px;float:inline-end;text-align:end}.a\:e img,.align-end img{display:block}*+.a\:c,*+.align-center{margin-top:24px}.a\:l,.align-left{margin-top:8px;margin-right:24px;margin-bottom:16px;float:left;text-align:left}.a\:l img,.align-left img{display:block}.a\:r,.align-right{margin-top:8px;margin-bottom:16px;margin-left:24px;float:right;text-align:right}.a\:s,.align-start{margin-top:8px;margin-inline-start:24px;margin-bottom:16px;float:inline-start;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{margin:0}.mb\:0{margin-bottom:0}.me\:0{margin-block-end:0px;margin-inline-end:0}.meb\:0{margin-block-end:0px}.mei\:0{margin-inline-end:0}.ml\:0{margin-left:0}.mr\:0{margin-right:0}.ms\:0{margin-block-start:0px;margin-inline-start:0}.msb\:0{margin-block-start:0px}.msi\:0{margin-inline-start:0}.mt\:0{margin-top:0}.mx\:0{margin-right:0;margin-left:0}.my\:0{margin-top:0;margin-bottom:0}.p\:0{padding:0}.pb\:0{padding-bottom:0}.pe\:0{padding-block-end:0px;padding-inline-end:0px}.peb\:0{padding-block-end:0px}.pei\:0{padding-inline-end:0px}.pl\:0{padding-left:0}.pr\:0{padding-right:0}.ps\:0{padding-block-start:0px;padding-inline-start:0px}.psb\:0{padding-block-start:0px}.psi\:0{padding-inline-start:0px}.pt\:0{padding-top:0}.px\:0{padding-right:0;padding-left:0}.py\:0{padding-top:0;padding-bottom:0}.m\:1{margin:24px}.mb\:1{margin-bottom:24px}.me\:1{margin-block-end:24px;margin-inline-end:24px}.meb\:1{margin-block-end:24px}.mei\:1{margin-inline-end:24px}.ml\:1{margin-left:24px}.mr\:1{margin-right:24px}.ms\:1{margin-block-start:24px;margin-inline-start:24px}.msb\:1{margin-block-start:24px}.msi\:1{margin-inline-start:24px}.mt\:1{margin-top:24px}.mx\:1{margin-right:24px;margin-left:24px}.my\:1{margin-top:24px;margin-bottom:24px}.p\:1{padding:24px}.pb\:1{padding-bottom:24px}.pe\:1{padding-block-end:24px;padding-inline-end:24px}.peb\:1{padding-block-end:24px}.pei\:1{padding-inline-end:24px}.pl\:1{padding-left:24px}.pr\:1{padding-right:24px}.ps\:1{padding-block-start:24px;padding-inline-start:24px}.psb\:1{padding-block-start:24px}.psi\:1{padding-inline-start:24px}.pt\:1{padding-top:24px}.px\:1{padding-right:24px;padding-left:24px}.py\:1{padding-top:24px;padding-bottom:24px}.m\:2{margin:48px}.mb\:2{margin-bottom:48px}.me\:2{margin-block-end:48px;margin-inline-end:48px}.meb\:2{margin-block-end:48px}.mei\:2{margin-inline-end:48px}.ml\:2{margin-left:48px}.mr\:2{margin-right:48px}.ms\:2{margin-block-start:48px;margin-inline-start:48px}.msb\:2{margin-block-start:48px}.msi\:2{margin-inline-start:48px}.mt\:2{margin-top:48px}.mx\:2{margin-right:48px;margin-left:48px}.my\:2{margin-top:48px;margin-bottom:48px}.p\:2{padding:48px}.pb\:2{padding-bottom:48px}.pe\:2{padding-block-end:48px;padding-inline-end:48px}.peb\:2{padding-block-end:48px}.pei\:2{padding-inline-end:48px}.pl\:2{padding-left:48px}.pr\:2{padding-right:48px}.ps\:2{padding-block-start:48px;padding-inline-start:48px}.psb\:2{padding-block-start:48px}.psi\:2{padding-inline-start:48px}.pt\:2{padding-top:48px}.px\:2{padding-right:48px;padding-left:48px}.py\:2{padding-top:48px;padding-bottom:48px}.table{width:100%;border-collapse:collapse}.table caption{margin-bottom:6px}.table td,.table th{border:1px solid;padding:4px 12px;text-align:inherit;vertical-align:top}@media (min-width:720px){.is\:flex{display:flex;gap:24px 24px}.is\:flex>*{margin:0}.lot\:fields.is\:flex>.lot\:field{margin:0;min-width:0;gap:0 24px}.lot\:tabs .lot\:links{height:48px;line-height:48px}.lot\:tabs .lot\:links li{border:1px solid;border-bottom-width:0}.lot\:tabs .lot\:links li+li{border-left-width:0}.lot\:tabs .lot\:links li:not(.has\:link) a{color:inherit}.lot\:tabs .lot\:links li.is\:current{z-index:4}.lot\:tabs .lot\:links li.is\:current::after,.lot\:tabs .lot\:links li.is\:current::before{content:"";display:block;position:absolute;bottom:0;width:9999em;height:0;border-bottom:1px solid}.lot\:tabs .lot\:links li.is\:current::before{right:100%}.lot\:tabs .lot\:links li.is\:current::after{left:100%}.lot\:tabs .lot\:links a{padding:0 20px}}@media (max-width:720px){.m\:2{margin:24px}.mt\:2{margin-top:24px}.mr\:2{margin-right:24px}.mb\:2{margin-bottom:24px}.ml\:2{margin-left:24px}.mx\:2{margin-right:24px;margin-left:24px}.my\:2{margin-top:24px;margin-bottom:24px}.p\:2{padding:24px}.pt\:2{padding-top:24px}.pr\:2{padding-right:24px}.pb\:2{padding-bottom:24px}.pl\:2{padding-left:24px}.lot\:bar .lot\:links.of\:lot{flex:1;width:100%;min-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:12px}.lot\:field{flex-direction:column;width:auto}.lot\:field>*+*{margin-top:8px}.lot\:field>label,.lot\:field>label+br+div,.lot\:field>label+div{width:auto;padding:0;text-align:inherit}.lot\:pager>span:first-child,.lot\:pager>span:last-child{display:none}.lot\:tabs .lot\:links li{margin-right:24px}.lot\:tabs .lot\:links li:not(.has\:link).is\:current a{color:inherit}.lot\:tabs .lot\:links li:last-child{margin-right:0}.lot\:tabs .lot\:links .title svg{display:none}}
\ No newline at end of file
+*,::after,::before{margin:0;padding:0;font:inherit;text-decoration:inherit;text-transform:inherit;box-sizing:border-box}::-webkit-input-placeholder{color:inherit;opacity:.5}::-moz-placeholder{color:inherit;opacity:.5}::placeholder{color:inherit;opacity:.5}:focus{outline:0;-webkit-tap-highlight-color:transparent}a{color:inherit}a[href]{color:#00f}:root,body{min-height:100%}:root{font:16px/24px sans-serif;text-align:left;background:#fff;border:0 solid;color:#000}abbr{border:0;text-decoration:none;cursor:inherit;border-bottom:1px solid transparent}abbr[title]:hover{border-bottom-color:inherit;cursor:help}article,aside,footer,header,main,nav,section{display:block}sub,sup{display:inline;position:relative;vertical-align:middle}sub{top:.5em}sup{top:-.5em}mark{background:#ff0;color:inherit}pre{word-wrap:break-word;white-space:pre-wrap;font-weight:400;font-style:normal;overflow:auto}pre code{display:block;background:#000;color:#fff;padding:8px 12px}img{max-width:100%;height:auto}button::-moz-focus-inner,input::-moz-focus-inner{margin:0;padding:0;border:0;outline:0}h1{font-size:32px;line-height:1}h2{font-size:28px;line-height:1}h3{font-size:24px;line-height:1}h4{font-size:20px;line-height:1}h5{font-size:16px;line-height:1}h6{font-size:12px;line-height:1}kbd{display:inline-block;vertical-align:middle;padding:0 8px;cursor:pointer}blockquote{font-size:17.6px;margin-right:24px;margin-left:24px}figure img{display:block;margin:0 auto}figure figcaption{margin-top:6px}dd,ol,ul{margin-left:40px}ol ol,ol ul,ul ol,ul ul{margin-left:16px}ul{list-style:square}fieldset,hr{color:inherit;border:1px solid}fieldset{padding:24px}hr{border-style:dashed;border-width:1px 0 0}legend{padding:0 8px;margin:0 0 -8px}legend+.p,legend+blockquote,legend+details,legend+dl,legend+fieldset,legend+figcaption,legend+figure,legend+form,legend+h1,legend+h2,legend+h3,legend+h4,legend+h5,legend+h6,legend+hr,legend+ol,legend+p,legend+pre,legend+table,legend+ul{margin-top:0}:invalid{box-shadow:none}.button,.input,.select,.textarea{display:inline-block;vertical-align:middle;background:#fff;color:inherit;border:1px solid;width:192px;height:36px;line-height:22px;padding:6px 12px;text-align:left;position:relative;z-index:0}.button{width:auto;text-align:center;background:#00f;color:#fff;border-width:0;line-height:24px}.button[href]{color:#fff}.button .title>.icon:first-child{margin-left:-6px}.button .title>.icon:last-child{margin-right:-6px}.button .title>.icon.caret{margin-right:-6px;margin-left:-6px}.button,details>summary,label{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.input.is\:locked,.textarea.is\:locked{background:0 0}.input:focus:invalid,.textarea:focus:invalid{color:#c00;border-color:#c00;box-shadow:none}.button.is\:text{background:0 0;border:0;color:#00f}.button.is\:text:active,.button.is\:text:focus{background:0 0}.input[type=color],.input[type=file],.input[type=range]{cursor:pointer}.input[type=file],.input[type=range]{background:0 0;border:0;padding:0;line-height:24px;box-shadow:none}.input[type=checkbox],.input[type=color],.input[type=image],.input[type=radio]{margin:0;padding:0;background:0 0;border:0;width:1em;height:1em;line-height:1em;cursor:pointer}.input[type=checkbox].is\:locked,.input[type=color].is\:locked,.input[type=image].is\:locked,.input[type=radio].is\:locked{pointer-events:none}.input[type=color]{width:36px;height:36px}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=image]{width:auto;height:auto;box-shadow:none}.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}.select{cursor:pointer}.select[multiple]{height:auto}.select[multiple] optgroup,.select[multiple] option{background:0 0}.select optgroup,.select option{background:#fff;color:inherit;margin:0;padding:0}.select optgroup{font-weight:700}.select optgroup option{font-weight:400;padding-left:8px}.select:not([multiple]){padding-top:0;padding-bottom:0}.width{display:flex;width:100%}.textarea{min-height:90px;resize:vertical;overflow:auto}.textarea.height{height:258px}label>input[type=checkbox]+span,label>input[type=radio]+span{display:inline-flex;vertical-align:middle}.button:focus,.input:focus,.select:focus,.textarea:focus{z-index:1}.button.is\:locked,.input.is\:locked,.select.is\:locked,.textarea.is\:locked{border-style:dotted}.input[type=checkbox],.input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00f}.input[type=checkbox].not\:active,.input[type=radio].not\:active{background:#000}.input[type=checkbox]::before,.input[type=radio]::before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff}.input[type=checkbox]:checked::before,.input[type=radio]:checked::before{background:0 0}.input[type=checkbox]:checked::before{top:1px;right:5px;bottom:4px;left:5px;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);visibility:visible}.input[type=radio]:checked::before{border:2px solid #fff;visibility:visible}.input[type=radio],.input[type=radio]::before{border-radius:100%}.input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:#000;border:0;height:2px;overflow:visible}.input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:24px;margin-top:-11px;background:#00f;border:0;border-radius:0}.input[type=range]::-moz-range-track{background:#000;border:0;height:2px}.input[type=range]::-moz-range-thumb{width:12px;height:24px;margin-top:-11px;background:#00f;border:0;border-radius:0}.icon{display:inline-block;width:24px;height:24px;min-width:24px;min-height:24px;max-width:100%;max-height:100%;vertical-align:top;font-weight:400;font-style:normal;fill:currentColor;border-color:inherit;position:relative;overflow:hidden;text-indent:-9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon[display=none]{display:none}.title{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}.title>span{flex:1}.alert p{background:#f2f2f2;padding:12px 20px}.alert p .f\:r .icon{margin-right:-6px}.alert p>small+br{display:none}.alert p>small+br+small{display:flex;flex-wrap:wrap;margin:0 -3px;padding:12px 0 6px}.alert p>small+br+small a{font-size:12px;margin:0 3px;padding:0 8px;background:rgba(0,0,0,.05)}.alert p+p{margin-top:12px}.lot\:bar{display:flex;flex-wrap:wrap;line-height:48px}.lot\:bar .lot\:links>ul,.lot\:bar .lot\:links>ul>li{margin:0;padding:0;list-style:none;width:auto;height:inherit}.lot\:bar .lot\:links>ul{display:flex;height:48px}.lot\:bar .lot\:links>ul>li .title small{float:right;margin-left:6px}.lot\:bar .lot\:links>ul>li .title>.icon:first-child{margin-left:-6px}.lot\:bar .lot\:links>ul>li .title>.icon:last-child{margin-right:-6px}.lot\:bar .lot\:links>ul>li .title>.icon.caret{margin-right:-6px;margin-left:-6px}.lot\:bar .lot\:links>ul>li.is\:active>a,.lot\:bar .lot\:links>ul>li.is\:current>a{color:inherit}.lot\:bar .lot\:links>ul>li.is\:separator{width:1px;height:24px;background:#000;margin:12px 0;overflow:hidden}.lot\:bar .lot\:links>ul>li.is\:separator:first-child,.lot\:bar .lot\:links>ul>li.is\:separator:last-child{display:none}.lot\:bar .lot\:links>ul>li>a{display:flex;height:inherit;padding:0 18px;overflow:hidden}.lot\:bar .lot\:links.of\:links{flex:1}.lot\:bar .lot\:field{margin:0;padding:0;width:auto;height:inherit}.lot\:bar .lot\:field>label+br+div,.lot\:bar .lot\:field>label+div{margin-top:0}.lot\:bar .lot\:field .input{display:block;width:192px;height:48px;line-height:48px;margin:0;padding:0 16px;border:0}.lot\:bar .lot\:field label{display:none}.lot\:bar .lot\:field>*{margin-right:0;margin-left:0}.lot\:bar>.description,.lot\:bar>.title{margin:0;padding:0 18px;line-height:inherit}.lot\:bar>.title{font-size:100%;font-weight:700}.lot\:desk{padding:24px;margin:0 auto;max-width:864px}.lot\:desk.width{display:block;max-width:100%}.lot\:field{display:flex;gap:0 24px}.lot\:field .description{display:block;font-size:12px;line-height:16px;margin:8px 0 0}.lot\:field .description code{font-size:10.4px}.lot\:field .output{display:inline-block;vertical-align:middle;border:0;background:0 0;color:inherit;width:auto;height:auto;font:inherit;line-height:24px;padding:6px 0;text-align:inherit;position:relative;z-index:0}.lot\:field .output.width{width:100%}.lot\:field>label{display:block;width:120px;padding:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.lot\:field>label+br{display:none}.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{width:auto;min-width:0;flex:1}.lot\:field>label+br+div .lot\:f>.button,.lot\:field>label+br+div .lot\:f>.options>.button,.lot\:field>label+div .lot\:f>.button,.lot\:field>label+div .lot\:f>.options>.button{background:0 0;color:inherit;border-width:1px;line-height:22px}.lot\:field>label+br+div .lot\:f>.button:active,.lot\:field>label+br+div .lot\:f>.button:focus,.lot\:field>label+br+div .lot\:f>.options>.button:active,.lot\:field>label+br+div .lot\:f>.options>.button:focus,.lot\:field>label+div .lot\:f>.button:active,.lot\:field>label+div .lot\:f>.button:focus,.lot\:field>label+div .lot\:f>.options>.button:active,.lot\:field>label+div .lot\:f>.options>.button:focus{color:inherit}.lot\:field>label+br+div .lot\:f .fix,.lot\:field>label+div .lot\:f .fix{display:inline-block;vertical-align:middle;background:0 0;border:1px solid;width:auto;min-width:0;max-width:50%;height:36px;line-height:22px;padding:6px 12px;cursor:default;white-space:nowrap;text-align:left;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lot\:field>label+br+div .lot\:f .fix.icon,.lot\:field>label+div .lot\:f .fix.icon{width:36px;min-width:36px;padding:5px 0}.lot\:field>label+br+div .options,.lot\:field>label+div .options{display:flex;padding:6px 0}.lot\:field.type\:buttons>label+br+div .options,.lot\:field.type\:buttons>label+div .options{padding-top:0;padding-bottom:0}.lot\:field.type\:buttons .lot\:f{display:inline-flex}.lot\:field.type\:buttons .lot\:f>.button+.button,.lot\:field.type\:buttons .lot\:f>.options>.button+.button{margin-left:-1px}.lot\:field.type\:colors>label+br+div .options,.lot\:field.type\:colors>label+div .options{padding-top:0;padding-bottom:0}.lot\:field.type\:colors .options,.lot\:field.type\:item .options,.lot\:field.type\:items .options,.lot\:field.type\:toggle .options{display:flex;flex-wrap:wrap;gap:0 24px;height:auto;max-height:100%}.lot\:field.type\:colors .options.is\:block,.lot\:field.type\:item .options.is\:block,.lot\:field.type\:items .options.is\:block,.lot\:field.type\:toggle .options.is\:block{display:block}.lot\:field.type\:colors .options>label,.lot\:field.type\:item .options>label,.lot\:field.type\:items .options>label,.lot\:field.type\:toggle .options>label{display:inline-flex;align-items:center;gap:0 8px;white-space:nowrap}.option-picker,.option-picker *{box-sizing:border-box}.option-picker{position:relative;background:#fff;color:#000;border:1px solid #000;font:inherit;line-height:1.5em;display:inline-block;vertical-align:middle;width:12em;padding:.25em;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.option-picker--focus{border-color:#00f}.option-picker::after{content:"";width:0;height:0;border-top:6px solid #000;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent;position:absolute;top:50%;margin-top:-3px;right:.5em;pointer-events:none}.option-picker--open::after{border-top:0;border-bottom:6px solid}.option-picker--open .option-picker__options{display:block}.option-picker *{outline:0}.option-picker__group{display:block;padding:0 .5em}.option-picker__group[title]::before{content:attr(title);display:block;margin:0 -.5em;padding:0 .5em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-picker__group .option-picker__option{padding-left:1.5em;margin:0 -.5em}.option-picker__option{display:block;padding:0 .5em;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-picker__option:hover{background:#00f;color:#fff}.option-picker__option--active{background:0 0;color:#00f}.option-picker__option--active:hover{background:#00f;color:#fff}.option-picker__option--lock{color:#666;cursor:not-allowed}.option-picker__option--lock:hover{background:#666;color:#fff}.option-picker__options{position:fixed;z-index:9999;background:#fff;border:inherit;box-shadow:0 1px 2px rgba(0,0,0,.4);overflow:auto;display:none}.option-picker__source{position:fixed;top:-9999px;left:-9999px}.option-picker__source[disabled]+.option-picker{color:#666;border-color:#666;cursor:not-allowed}.option-picker__source[disabled]+.option-picker::after{border-top-color:#666}.option-picker__source[disabled]+.option-picker .option-picker__option{color:inherit}.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{display:block;position:relative;z-index:1;border-width:0;border-top-width:inherit;box-shadow:none;margin:.25em -.25em -.25em}.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__values{margin-right:1.25em;padding:0 .25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-picker__values .option-picker__value{display:inline;margin:0;padding:0;background:0 0;color:inherit;font:inherit}.lot\:field.type\:option .option-picker{background:#fff;color:inherit;border-color:inherit;height:36px;line-height:22px;padding:6px 12px}.lot\:field.type\:option .option-picker::after{right:12px}.lot\:field.type\:option .option-picker.width{display:flex;width:100%}.lot\:field.type\:option .option-picker__options{line-height:24px}.lot\:field.type\:option .option-picker__source+.option-picker{margin-left:0}.lot\:field.type\:option .option-picker__source:not([multiple])+.option-picker--open{z-index:9999}.lot\:field.type\:option .option-picker__values{padding:0}.tag-picker,.tag-picker *{box-sizing:border-box;font:inherit;color:inherit}.tag-picker{position:relative;display:flex;flex:1;flex-wrap:wrap;min-height:1.5em;line-height:1.5em;background:#fff;border:1px solid #000;padding:.125em;cursor:text;outline:0}.tag-picker--focus{border-color:#00f}.tag-picker__copy{position:absolute;top:0;left:0;margin:0;padding:0;width:1px;height:1px;opacity:0}.tag-picker__tag{background:red;color:#000;text-decoration:none;margin:.125em;padding:0 .5em;height:1.5em;cursor:pointer;outline:0}.tag-picker__tag--focus{background:#c00}.tag-picker__tag::before{content:attr(title)}.tag-picker__tag+.tag-picker__text span+span{display:none}.tag-picker__tag-x{margin-left:.5em;text-decoration:none;color:#fff;outline:0}.tag-picker__tag-x::before{content:'\00d7';font-family:sans-serif}.tag-picker__text{background:0 0;color:inherit;cursor:inherit;position:relative;flex:1}.tag-picker__text span{display:block;height:100%;outline:0;position:relative;z-index:1}.tag-picker__text span *{display:inline}.tag-picker__text span+span{position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;white-space:nowrap;z-index:0;opacity:.5}.tag-picker__tags{display:flex;flex:1;flex-wrap:wrap;min-height:1.5em;line-height:1.5em}.tag-picker__source{position:fixed;top:-9999px;left:-9999px}.tag-picker__source[disabled]+.tag-picker{background:#eee;border-color:#999}.tag-picker__source[disabled]+.tag-picker,.tag-picker__source[disabled]+.tag-picker *{cursor:not-allowed}.tag-picker__source[disabled]+.tag-picker .tag-picker__tag{background:#aaa}.tag-picker__source[readonly]+.tag-picker{background:#eee;border-color:#999}.tag-picker__source[readonly]+.tag-picker .tag-picker__tag-x{cursor:not-allowed}.tag-picker__source[disabled]+.tag-picker .tag-picker__text,.tag-picker__source[readonly]+.tag-picker .tag-picker__text{background:0 0}.lot\:field.type\:query .tag-picker{background:#fff;color:inherit;border-color:inherit;min-height:36px;height:auto;padding:2px}.lot\:field.type\:query .tag-picker.width{display:flex;width:100%}.lot\:field.type\:query .tag-picker__tag{height:26px;padding:0 7px;margin:2px;border:1px solid transparent}.lot\:field.type\:query .tag-picker__source{position:fixed}.lot\:field.type\:query .tag-picker__source+.tag-picker{margin-left:0}.lot\:field.type\:toggle .input[type=checkbox]{width:32px;height:20px;border-width:0;border-radius:10px}.lot\:field.type\:toggle .input[type=checkbox].not\:active{background:#000}.lot\:field.type\:toggle .input[type=checkbox]::before{border:0;width:16px;height:16px;top:2px;left:2px;background:#fff;border-radius:8px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);visibility:visible}.lot\:field.type\:toggle .input[type=checkbox]:checked::before{left:14px}.lot\:fields>.description{padding-bottom:16px;border-bottom:1px dashed}.lot\:file,.lot\:folder,.lot\:page{display:flex;border:0 solid #fff;margin:0 -6px;padding:6px 12px;list-style:none;position:relative;overflow:hidden}.lot\:file::after,.lot\:file::before,.lot\:folder::after,.lot\:folder::before,.lot\:page::after,.lot\:page::before{content:"";display:block;width:24px;height:24px;position:absolute;top:6px;left:6px}.lot\:file>*,.lot\:folder>*,.lot\:page>*{margin:0 3px}.lot\:file>.lot\:tasks,.lot\:folder>.lot\:tasks,.lot\:page>.lot\:tasks{margin-right:-6px}.lot\:file.not\:active,.not\:active.lot\:folder,.not\:active.lot\:page{opacity:.5}.is\:file,.is\:folder{padding-left:42px}.is\:file::before{border:1px solid;width:20px}.is\:file::after{width:0;height:0;border:3px solid;border-top-color:inherit;border-right-color:inherit;left:20px}.is\:folder::before{background:#000;height:18px;top:11px}.is\:folder::after{background:#000;width:12px;height:3px;top:7px}.lot\:files,.lot\:folders,.lot\:pages{margin-right:0;margin-left:0;padding:0;display:block;list-style:none}.lot\:files h3,.lot\:files p,.lot\:folders h3,.lot\:folders p,.lot\:pages h3,.lot\:pages p{margin:0;padding:0;font:inherit}.lot\:files h3,.lot\:folders h3,.lot\:pages h3{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lot\:files h3 a.not\:active,.lot\:folders h3 a.not\:active,.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}.count\:0.lot\:folders,.count\:0.lot\:pages,.lot\:files.count\:0{display:none}.lot\:menu{background:#fff;width:192px;height:auto;line-height:24px}.lot\:menu .lot\:menu{display:none;margin:0;position:absolute;top:0;left:100%;z-index:9998;box-shadow:0 1px 5px rgba(0,0,0,.25)}.lot\:menu li,.lot\:menu ul{margin:0;padding:0;list-style:none}.lot\:menu li{display:flex;position:relative}.lot\:menu li .title{flex:1}.lot\:menu li .title small{float:right;margin-right:-6px;background:#000;color:#fff;padding:0 6px}.lot\:menu li .title>.icon:first-child{margin-left:-6px}.lot\:menu li .title>.icon:last-child{margin-right:-6px}.lot\:menu li .title>.icon.caret{margin-right:-6px;margin-left:-6px}.lot\:menu li.is\:separator{width:auto;height:1px;background:#000;margin:0 8px;overflow:hidden}.lot\:menu li.is\:separator:first-child,.lot\:menu li.is\:separator:last-child{display:none}.lot\:menu li.is\:current>a{color:inherit}.lot\:menu li:hover>.lot\:menu{display:block}.lot\:menu a{display:flex;flex:1;padding:6px 12px;color:#00f}.lot\:menu a:focus+ul{display:block}.has\:menu{display:inline-flex;position:relative}.has\:menu .lot\:menu{display:none;margin:0;position:absolute;top:100%;left:0;z-index:9998;box-shadow:0 1px 5px rgba(0,0,0,.25)}.has\:menu .lot\:menu .lot\:menu{top:0;left:100%}.has\:menu .lot\:menu.is\:enter{display:block}.lot\:page{padding:12px 6px;margin:0 -12px}.lot\:page>*{margin:0 6px}.lot\:page>div{min-height:54px}.lot\:page>div:first-child+div{flex:1}.lot\:page h3{font-size:20px}.lot\:page .img,.lot\:page img{display:block;width:54px;height:54px;max-width:54px;max-height:54px;min-width:0;min-height:0}.lot\:page .description{margin:6px 0 0}.lot\:page.is\:file,.lot\:page.is\:folder{padding-left:6px}.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:-3px;margin-left:-3px}.lot\:pager,.lot\:pager>span{display:flex;flex-wrap:wrap;align-items:center}.lot\:pager>span>a,.lot\:pager>span>b,.lot\:pager>span>span{background:#00f;color:#fff;font:inherit;padding:0 6px;margin:0 3px}.lot\:pager>span>b,.lot\:pager>span>span{background:0 0;color:inherit}.content\:section,.lot\:section{padding:24px;margin:0 auto}.count\:0.content\:section,.lot\:section.count\:0{display:none}.content\:tab,.lot\:tab{margin-top:24px;display:none}.is\:current.content\:tab,.lot\:tab.is\:current{display:block}.lot\:tabs .lot\:links li,.lot\:tabs .lot\:links ul{display:flex;margin:0;padding:0;list-style:none}.lot\:tabs .lot\:links ul{overflow:hidden}.lot\:tabs .lot\:links li{position:relative}.lot\:tabs .lot\:links li.not\:active{opacity:1}.lot\:tabs .lot\:links li.not\:active .not\:active{opacity:.5}.lot\:tabs .lot\:links a{display:flex}.lot\:tabs .lot\:links .title .icon{margin:0 -8px}.lot\:tabs .lot\:links .title .icon:first-child{margin-right:4px}.lot\:tabs .lot\:links .title .icon:last-child{margin-left:4px}.lot\:tabs .lot\:links .title .icon:only-child{margin-right:-8px;margin-left:-8px}.lot\:tabs.count\:0,.lot\:tabs.count\:1 .lot\:links{display:none}.lot\:tabs.count\:1 .content\:tab,.lot\:tabs.count\:1 .lot\:tab{margin-top:0}.lot\:tasks{display:flex;align-items:center;flex-wrap:wrap;gap:6px 6px}.lot\:tasks\.link .title{gap:3px 3px}.lot\:tasks\.link .title>.icon{margin-right:0;margin-left:0}pre.is\:text code{display:inline-block;background:0 0;border:1px dotted;color:inherit}.is\:error{display:flex;border-top-width:4px;align-items:center;align-content:center;text-align:center}.is\:error>*{flex:1}.is\:error>* .title{display:inline-flex}.is\:error>* .title>.icon+span{margin-left:6px}.b,b,dt,legend,strong,th{font-weight:700}.code,code{font-family:monospace;font-size:80%}.i,dfn,em,i,var{font-style:italic}*+.p,*+blockquote,*+details,*+dl,*+fieldset,*+figcaption,*+figure,*+form,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+hr,*+ol,*+p,*+pre,*+table,*+ul{margin-top:24px}.small,kbd,small,sub,sup{font-size:70%}.s,del,s{text-decoration:line-through}.u,ins,u{text-decoration:underline}.is\:hidden,[hidden]{display:none!important}.not\:active{opacity:.5;cursor:not-allowed}.not\:active .not\:active{opacity:1}.ta\:c,.text-center,figure{text-align:center}.ta\:e,.text-end{text-align:end}.ta\:r,.text-right{text-align:right}.ta\:s,.text-start{text-align:start}.ta\:j,.text-justify{text-align:justify}.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-right:auto;margin-left:auto;text-align:center}.a\:c img,.align-center img{display:block;margin-right:auto;margin-left:auto}.a\:e,.align-end{margin-top:8px;margin-inline-end:24px;margin-bottom:16px;float:inline-end;text-align:end}.a\:e img,.align-end img{display:block}*+.a\:c,*+.align-center{margin-top:24px}.a\:l,.align-left{margin-top:8px;margin-right:24px;margin-bottom:16px;float:left;text-align:left}.a\:l img,.align-left img{display:block}.a\:r,.align-right{margin-top:8px;margin-bottom:16px;margin-left:24px;float:right;text-align:right}.a\:s,.align-start{margin-top:8px;margin-inline-start:24px;margin-bottom:16px;float:inline-start;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{margin:0}.mb\:0{margin-bottom:0}.me\:0{margin-block-end:0px;margin-inline-end:0}.meb\:0{margin-block-end:0px}.mei\:0{margin-inline-end:0}.ml\:0{margin-left:0}.mr\:0{margin-right:0}.ms\:0{margin-block-start:0px;margin-inline-start:0}.msb\:0{margin-block-start:0px}.msi\:0{margin-inline-start:0}.mt\:0{margin-top:0}.mx\:0{margin-right:0;margin-left:0}.my\:0{margin-top:0;margin-bottom:0}.p\:0{padding:0}.pb\:0{padding-bottom:0}.pe\:0{padding-block-end:0px;padding-inline-end:0px}.peb\:0{padding-block-end:0px}.pei\:0{padding-inline-end:0px}.pl\:0{padding-left:0}.pr\:0{padding-right:0}.ps\:0{padding-block-start:0px;padding-inline-start:0px}.psb\:0{padding-block-start:0px}.psi\:0{padding-inline-start:0px}.pt\:0{padding-top:0}.px\:0{padding-right:0;padding-left:0}.py\:0{padding-top:0;padding-bottom:0}.m\:1{margin:24px}.mb\:1{margin-bottom:24px}.me\:1{margin-block-end:24px;margin-inline-end:24px}.meb\:1{margin-block-end:24px}.mei\:1{margin-inline-end:24px}.ml\:1{margin-left:24px}.mr\:1{margin-right:24px}.ms\:1{margin-block-start:24px;margin-inline-start:24px}.msb\:1{margin-block-start:24px}.msi\:1{margin-inline-start:24px}.mt\:1{margin-top:24px}.mx\:1{margin-right:24px;margin-left:24px}.my\:1{margin-top:24px;margin-bottom:24px}.p\:1{padding:24px}.pb\:1{padding-bottom:24px}.pe\:1{padding-block-end:24px;padding-inline-end:24px}.peb\:1{padding-block-end:24px}.pei\:1{padding-inline-end:24px}.pl\:1{padding-left:24px}.pr\:1{padding-right:24px}.ps\:1{padding-block-start:24px;padding-inline-start:24px}.psb\:1{padding-block-start:24px}.psi\:1{padding-inline-start:24px}.pt\:1{padding-top:24px}.px\:1{padding-right:24px;padding-left:24px}.py\:1{padding-top:24px;padding-bottom:24px}.m\:2{margin:48px}.mb\:2{margin-bottom:48px}.me\:2{margin-block-end:48px;margin-inline-end:48px}.meb\:2{margin-block-end:48px}.mei\:2{margin-inline-end:48px}.ml\:2{margin-left:48px}.mr\:2{margin-right:48px}.ms\:2{margin-block-start:48px;margin-inline-start:48px}.msb\:2{margin-block-start:48px}.msi\:2{margin-inline-start:48px}.mt\:2{margin-top:48px}.mx\:2{margin-right:48px;margin-left:48px}.my\:2{margin-top:48px;margin-bottom:48px}.p\:2{padding:48px}.pb\:2{padding-bottom:48px}.pe\:2{padding-block-end:48px;padding-inline-end:48px}.peb\:2{padding-block-end:48px}.pei\:2{padding-inline-end:48px}.pl\:2{padding-left:48px}.pr\:2{padding-right:48px}.ps\:2{padding-block-start:48px;padding-inline-start:48px}.psb\:2{padding-block-start:48px}.psi\:2{padding-inline-start:48px}.pt\:2{padding-top:48px}.px\:2{padding-right:48px;padding-left:48px}.py\:2{padding-top:48px;padding-bottom:48px}.table{width:100%;border-collapse:collapse}.table caption{margin-bottom:6px}.table td,.table th{border:1px solid;padding:4px 12px;text-align:inherit;vertical-align:top}@media (min-width:720px){.is\:flex{display:flex;gap:24px 24px}.is\:flex>*{margin:0}.lot\:fields.is\:flex>.lot\:field{margin:0;min-width:0;gap:0 24px}.lot\:tabs .lot\:links{height:48px;line-height:48px}.lot\:tabs .lot\:links li{border:1px solid;border-bottom-width:0}.lot\:tabs .lot\:links li+li{border-left-width:0}.lot\:tabs .lot\:links li:not(.has\:link) a{color:inherit}.lot\:tabs .lot\:links li.is\:current{z-index:4}.lot\:tabs .lot\:links li.is\:current::after,.lot\:tabs .lot\:links li.is\:current::before{content:"";display:block;position:absolute;bottom:0;width:9999em;height:0;border-bottom:1px solid}.lot\:tabs .lot\:links li.is\:current::before{right:100%}.lot\:tabs .lot\:links li.is\:current::after{left:100%}.lot\:tabs .lot\:links a{padding:0 20px}}@media (max-width:720px){.m\:2{margin:24px}.mt\:2{margin-top:24px}.mr\:2{margin-right:24px}.mb\:2{margin-bottom:24px}.ml\:2{margin-left:24px}.mx\:2{margin-right:24px;margin-left:24px}.my\:2{margin-top:24px;margin-bottom:24px}.p\:2{padding:24px}.pt\:2{padding-top:24px}.pr\:2{padding-right:24px}.pb\:2{padding-bottom:24px}.pl\:2{padding-left:24px}.lot\:bar .lot\:links.of\:lot{flex:1;width:100%;min-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:12px}.lot\:field{flex-direction:column;width:auto}.lot\:field>*+*{margin-top:8px}.lot\:field>label,.lot\:field>label+br+div,.lot\:field>label+div{width:auto;padding:0;text-align:inherit}.lot\:pager>span:first-child,.lot\:pager>span:last-child{display:none}.lot\:tabs .lot\:links li{margin-right:24px}.lot\:tabs .lot\:links li:not(.has\:link).is\:current a{color:inherit}.lot\:tabs .lot\:links li:last-child{margin-right:0}.lot\:tabs .lot\:links .title svg{display:none}}
\ No newline at end of file