From bfb8d6935a38ee6d04f818a1d81e37fbdaeb47c9 Mon Sep 17 00:00:00 2001 From: catouse Date: Mon, 27 Nov 2023 06:41:10 +0000 Subject: [PATCH] deploy: b140289c352a663265c2fe341dc76f94d4f4eed7 --- 3/404.html | 6 +++--- 3/frames/zui.html | 6 +++--- 3/guide/config/base/color.html | 6 +++--- 3/guide/config/base/font.html | 6 +++--- 3/guide/config/base/rounded.html | 6 +++--- 3/guide/config/base/screens.html | 6 +++--- 3/guide/config/base/shadow.html | 6 +++--- 3/guide/config/base/spacing.html | 6 +++--- 3/guide/customize/build.html | 6 +++--- 3/guide/customize/dev.html | 6 +++--- 3/guide/customize/exts-lib.html | 6 +++--- 3/guide/index.html | 6 +++--- 3/guide/start/index.html | 6 +++--- 3/hashmap.json | 2 +- 3/index.html | 6 +++--- 3/lib/components/alert/index.html | 6 +++--- 3/lib/components/avatar-group/index.html | 6 +++--- 3/lib/components/avatar/index.html | 6 +++--- 3/lib/components/avatar/js.html | 6 +++--- 3/lib/components/breadcrumb/index.html | 6 +++--- 3/lib/components/btn-group/index.html | 6 +++--- 3/lib/components/btn-group/js.html | 6 +++--- 3/lib/components/button/index.html | 6 +++--- 3/lib/components/button/js.html | 6 +++--- 3/lib/components/color-picker/index.html | 6 +++--- 3/lib/components/contextmenu/index.html | 6 +++--- 3/lib/components/dashboard/index.html | 6 +++--- 3/lib/components/datetime-picker/date.html | 6 +++--- 3/lib/components/datetime-picker/datetime.html | 6 +++--- 3/lib/components/datetime-picker/time.html | 6 +++--- 3/lib/components/dropdown/index.html | 6 +++--- 3/lib/components/kanban/index.html | 6 +++--- 3/lib/components/label/index.html | 6 +++--- 3/lib/components/menu/index.html | 6 +++--- 3/lib/components/menu/js.html | 6 +++--- 3/lib/components/messager/index.html | 6 +++--- 3/lib/components/modal/index.html | 6 +++--- 3/lib/components/modal/js.html | 6 +++--- 3/lib/components/nav/index.html | 6 +++--- 3/lib/components/nav/js.html | 6 +++--- 3/lib/components/pager/index.html | 6 +++--- 3/lib/components/pager/js.html | 6 +++--- 3/lib/components/panel/index.html | 6 +++--- 3/lib/components/picker/index.html | 6 +++--- 3/lib/components/progress-circle/index.html | 6 +++--- 3/lib/components/progress/index.html | 6 +++--- 3/lib/components/scrollbar/index.html | 6 +++--- 3/lib/components/search-box/index.html | 6 +++--- 3/lib/components/table/index.html | 6 +++--- 3/lib/components/tabs/index.html | 6 +++--- 3/lib/components/toolbar/index.html | 6 +++--- 3/lib/components/toolbar/js.html | 6 +++--- 3/lib/components/tooltip/index.html | 6 +++--- 3/lib/components/tree/index.html | 6 +++--- 3/lib/components/upload-imgs/index.html | 6 +++--- 3/lib/components/upload/index.html | 6 +++--- 3/lib/dtable/dtable/index.html | 6 +++--- 3/lib/dtable/dtable/plugins.html | 6 +++--- 3/lib/forms/checkbox/index.html | 6 +++--- 3/lib/forms/form/index.html | 6 +++--- 3/lib/forms/input-control/index.html | 6 +++--- 3/lib/forms/input-group/index.html | 6 +++--- 3/lib/helpers/core/cash.html | 6 +++--- 3/lib/helpers/core/component.html | 6 +++--- 3/lib/helpers/helpers/index.html | 6 +++--- 3/lib/helpers/store/index.html | 6 +++--- 3/lib/icons/icons/index.html | 6 +++--- 3/lib/index.html | 6 +++--- 3/public/icons/fontawesome-license.html | 6 +++--- 3/themes/index.html | 6 +++--- 3/utilities/backgrounds/utilities/index.html | 6 +++--- 3/utilities/borders/utilities/border-color.html | 6 +++--- 3/utilities/borders/utilities/border-radius.html | 6 +++--- 3/utilities/borders/utilities/border-width.html | 6 +++--- 3/utilities/effects/utilities/animation.html | 6 +++--- 3/utilities/effects/utilities/filter.html | 6 +++--- 3/utilities/effects/utilities/flip.html | 6 +++--- 3/utilities/effects/utilities/opacity.html | 6 +++--- 3/utilities/effects/utilities/rotate.html | 6 +++--- 3/utilities/effects/utilities/scale.html | 6 +++--- 3/utilities/effects/utilities/shadow.html | 6 +++--- 3/utilities/flex/utilities/align-content.html | 6 +++--- 3/utilities/flex/utilities/align-items.html | 6 +++--- 3/utilities/flex/utilities/align-self.html | 6 +++--- 3/utilities/flex/utilities/basis.html | 6 +++--- 3/utilities/flex/utilities/direction.html | 6 +++--- 3/utilities/flex/utilities/flex.html | 6 +++--- 3/utilities/flex/utilities/gap.html | 6 +++--- 3/utilities/flex/utilities/grow.html | 6 +++--- 3/utilities/flex/utilities/justify-content.html | 6 +++--- 3/utilities/flex/utilities/order.html | 6 +++--- 3/utilities/flex/utilities/shrink.html | 6 +++--- 3/utilities/flex/utilities/wrap.html | 6 +++--- 3/utilities/index.html | 6 +++--- 3/utilities/interactivity/utilities/disabled.html | 6 +++--- 3/utilities/interactivity/utilities/pointer-events.html | 6 +++--- 3/utilities/interactivity/utilities/scroll.html | 6 +++--- 3/utilities/interactivity/utilities/state.html | 6 +++--- 3/utilities/interactivity/utilities/user-select.html | 6 +++--- 3/utilities/layout/utilities/aspect-ratio.html | 6 +++--- 3/utilities/layout/utilities/container.html | 6 +++--- 3/utilities/layout/utilities/display.html | 6 +++--- 3/utilities/layout/utilities/floats.html | 6 +++--- 3/utilities/layout/utilities/object-fit.html | 6 +++--- 3/utilities/layout/utilities/overflow.html | 6 +++--- 3/utilities/layout/utilities/position.html | 6 +++--- 3/utilities/layout/utilities/top-right-bottom-left.html | 6 +++--- 3/utilities/layout/utilities/visibility.html | 6 +++--- 3/utilities/layout/utilities/z-index.html | 6 +++--- 3/utilities/sizing/utilities/height.html | 6 +++--- 3/utilities/sizing/utilities/width.html | 6 +++--- 3/utilities/spacing/utilities/margin.html | 6 +++--- 3/utilities/spacing/utilities/padding.html | 6 +++--- 3/utilities/spacing/utilities/space.html | 6 +++--- 3/utilities/style/utilities/outline.html | 6 +++--- 3/utilities/style/utilities/pale.html | 6 +++--- 3/utilities/style/utilities/solid.html | 6 +++--- 3/utilities/typography/utilities/font-family.html | 6 +++--- 3/utilities/typography/utilities/font-size.html | 6 +++--- 3/utilities/typography/utilities/font-weight.html | 6 +++--- 3/utilities/typography/utilities/leading.html | 6 +++--- 3/utilities/typography/utilities/line-clamp.html | 6 +++--- 3/utilities/typography/utilities/text-align.html | 6 +++--- 3/utilities/typography/utilities/text-color.html | 6 +++--- 3/utilities/typography/utilities/text-overflow.html | 6 +++--- 3/utilities/typography/utilities/vertical-align.html | 6 +++--- 3/utilities/typography/utilities/whitespace.html | 6 +++--- 3/utilities/typography/utilities/word-break.html | 6 +++--- 3/zui.css | 2 +- 129 files changed, 383 insertions(+), 383 deletions(-) diff --git a/3/404.html b/3/404.html index f53b431b72..21dbf2d8ad 100644 --- a/3/404.html +++ b/3/404.html @@ -10,12 +10,12 @@ - - + +
ZUI 3

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/frames/zui.html b/3/frames/zui.html index db36f54df8..1fbf0bb621 100644 --- a/3/frames/zui.html +++ b/3/frames/zui.html @@ -13,14 +13,14 @@ - - + +
- + \ No newline at end of file diff --git a/3/guide/config/base/color.html b/3/guide/config/base/color.html index f1c070ae23..478c51e527 100644 --- a/3/guide/config/base/color.html +++ b/3/guide/config/base/color.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

颜色 ​

ZUI 的颜色体系基于 TailwindCSS 调色板 实现，主要包含语义化调色板、界面公共颜色和特殊颜色。下面分别进行介绍。

语义化调色板 ​

ZUI 内置了 8 种语义化调色板，每种类型都来自 TailwindCSS 内置的调色板，你可以根据产品中的需要来更换现有调色板。

PRIMARY — 主要
品牌、主题、可交互、正常
--color-primary-50
50
--color-primary-100
100
--color-primary-200
200
--color-primary-300
300
--color-primary-400
400
--color-primary-500
500
--color-primary-600
600
--color-primary-700
700
--color-primary-800
800
--color-primary-900
900
--color-primary-950
950
SECONDARY — 次要
品牌、主题、次级、常态的
--color-secondary-50
50
--color-secondary-100
100
--color-secondary-200
200
--color-secondary-300
300
--color-secondary-400
400
--color-secondary-500
500
--color-secondary-600
600
--color-secondary-700
700
--color-secondary-800
800
--color-secondary-900
900
--color-secondary-950
950
SUCCESS — 成功
完成、积极
--color-success-50
50
--color-success-100
100
--color-success-200
200
--color-success-300
300
--color-success-400
400
--color-success-500
500
--color-success-600
600
--color-success-700
700
--color-success-800
800
--color-success-900
900
--color-success-950
950
WARNING — 关注
提示、重点
--color-warning-50
50
--color-warning-100
100
--color-warning-200
200
--color-warning-300
300
--color-warning-400
400
--color-warning-500
500
--color-warning-600
600
--color-warning-700
700
--color-warning-800
800
--color-warning-900
900
--color-warning-950
950
DANGER — 警告
提示、异常、警醒
--color-danger-50
50
--color-danger-100
100
--color-danger-200
200
--color-danger-300
300
--color-danger-400
400
--color-danger-500
500
--color-danger-600
600
--color-danger-700
700
--color-danger-800
800
--color-danger-900
900
--color-danger-950
950
IMPORTANT — 重要
优先
--color-important-50
50
--color-important-100
100
--color-important-200
200
--color-important-300
300
--color-important-400
400
--color-important-500
500
--color-important-600
600
--color-important-700
700
--color-important-800
800
--color-important-900
900
--color-important-950
950
SPECIAL — 特殊
触动、激情
--color-special-50
50
--color-special-100
100
--color-special-200
200
--color-special-300
300
--color-special-400
400
--color-special-500
500
--color-special-600
600
--color-special-700
700
--color-special-800
800
--color-special-900
900
--color-special-950
950
GRAY — 灰色
中立、背景、边界
--color-gray-50
50
--color-gray-100
100
--color-gray-200
200
--color-gray-300
300
--color-gray-400
400
--color-gray-500
500
--color-gray-600
600
--color-gray-700
700
--color-gray-800
800
--color-gray-900
900
--color-gray-950
950

提示

点击调色板中的颜色，可以复制颜色变量名称方便在代码中使用。

界面公共颜色 ​

在 ZUI 中，界面上公共的颜色已被精心梳理和定义，尽可能使用更少的颜色来定义大部分界面元素上可能用到的颜色。界面公共颜色都应该来自语义化调色板，你可以根据产品中的需要来更换其他调色板。下面是这些颜色的定义：

--color-canvas
CANVAS — 画布颜色
通常用于页面背景、组件背景等，在浅色主题中为白色，在深色主题中为深黑色。
--color-inverse
INVERSE — 画布反色
通常用于界面突出部分的背景或文字颜色，例如工具提示背景等，在浅色主题中为黑色，在深色主题中为白色。
--color-surface
SURFACE — 控件背景
用于控件的背景颜色，例如按钮背景、可交互面板背景等，在浅色主题中为浅灰色，在深色主题中为深黑色。
--color-fore
FORE — 文本颜色
默认的文本颜色，在浅色主题中为深黑色，在深色主题中为浅灰色。
--color-focus
FOCUS — 焦点颜色
可聚焦控件的焦点状态指示颜色，例如按钮获得焦点的轮廓颜色。
--color-link
LINK — 链接颜色
链接的颜色，例如超链接、按钮链接等，通常与主题色保持一致。
--color-link-hover
LINK-HOVER — 链接悬停颜色
链接的在鼠标悬停状态时的颜色
--color-link-visited
LINK-VISITED — 链接访问后的颜色
链接的在点击访问后的颜色
--color-placeholder
PLACEHOLDER — 占位文本颜色
通常用于输入框的占位文本颜色
--color-border
BORDER — 边框颜色
控件的边框颜色
--color-border-strong
BORDER-STRONG — 加重的边框颜色
加重的控件的边框颜色
--color-border-light
BORDER-LIGHT — 轻量的边框颜色
轻量的控件的边框颜色

特殊颜色 ​

在 ZUI 中会用到一些特殊颜色，这些颜色的定义是固定的，不会因为更换主题或调色板而改变。下面是这些颜色的定义：

--color-white
WHITE — 白色
永远为纯白色 #FFFFFF，不会受主题影响
--color-black
BLACK — 黑色
永远为纯黑色 #000000，不会受主题影响
--color-transparent
TRANSPARENT — 透明色
Alpha 通道永远为 0，不会受主题影响
--color-inherit
INHERIT — 继承色
继承父元素同属性的颜色值，由 CSS color 属性值 inherit 提供。
--color-current
CURRENT — 当前色
继承父元素文本颜色属性的值，由 CSS color 属性值 currentColor 提供。

使用颜色 ​

你拥有多种方式来使用颜色，下面分别进行介绍。

通过 CSS 变量 ​

每种语义化颜色都被定义为 CSS 变量，变量名称拥有相同的格式，都以 --color- 开头，然后通过 - 连接颜色名称得到。例如 CSS 变量 --color-primary-500 可以引用 Primary 调色板上的第 500 号颜色。下面为一个在 HTML 代码中使用的例子：

这是一段使用 Primary 调色板上的第 500 号颜色的文本

html
<h4 style="color: var(--color-primary-500)">
@@ -46,7 +46,7 @@
   --color-primary-900-rgb: 88, 34, 133;
   --color-primary-950-rgb: 59, 14, 99;
 }

提示

在定义 CSS 变量覆盖调色板时，除了定义 50~950 的十六进制颜色外，还需要定义对应的 RGB 颜色，这是为了在一些特殊场景下通过改变透明度来实现颜色的变化。

注意

如果你需要自定义配色，建议只通过修改调色板来实现，不建议修改界面公共颜色，除非主题需要实现对比度更明显的风格，任何时候都不应该修改特殊颜色的定义。

更多关于主题的内容参考 主题 文档。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/config/base/font.html b/3/guide/config/base/font.html index ef244a1191..7944f823e4 100644 --- a/3/guide/config/base/font.html +++ b/3/guide/config/base/font.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

字体 ​

字体配置包含字体、字号、字重和行高多个部分，下面分别进行介绍。

字体风格 ​

字体用于设置文本呈现的风格，在 ZUI 中预设了三种字体风格，包括无衬线字体、衬线字体和等宽字体。下面为三种字体的直观展示：

font-sans
.font-sans
—无衬线字体 默认字体，易于阅读，通常用于正文
The quick brown fox jumps over the lazy dog.
@@ -41,7 +41,7 @@
 月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。
leading-relaxed
.leading-relaxed
—宽松
line-height: line-height
So I started to walk into the water. I won't lie to you boys, I was terrified. But I pressed on, and as I made my way past the breakers a strange calm came over me. I don't know if it was divine intervention or the kinship of all living things but I tell you Jerry at that moment, I was a marine biologist.
 月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。
leading-loose
.leading-loose
—松散
line-height: line-height
So I started to walk into the water. I won't lie to you boys, I was terrified. But I pressed on, and as I made my way past the breakers a strange calm came over me. I don't know if it was divine intervention or the kinship of all living things but I tell you Jerry at that moment, I was a marine biologist.
 月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。

在 ZUI 中可以通过 CSS 工具类来设置行高，详细用法参加 CSS 工具类 / 排版 / 行高 文档。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/config/base/rounded.html b/3/guide/config/base/rounded.html index 057f3530b6..213aa0c529 100644 --- a/3/guide/config/base/rounded.html +++ b/3/guide/config/base/rounded.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

圆角 ​

圆角配置 ​

圆角能让界面元素更加具有亲和力，在 ZUI 中预设了一系列的圆角，具体如下：

.rounded-none
无圆角
--radius-none
--radius-none
border-radius
.rounded-sm
小圆角
--radius-sm
--radius-sm
border-radius
.rounded
默认圆角
--radius
--radius
border-radius
.rounded-md
中等圆角
--radius-md
--radius-md
border-radius
.rounded-lg
大圆角
--radius-lg
--radius-lg
border-radius
.rounded-xl
超大圆角
--radius-xl
--radius-xl
border-radius
.rounded-2xl
2x 超大圆角
--radius-2xl
--radius-2xl
border-radius
.rounded-3xl
3x 超大圆角
--radius-3xl
--radius-3xl
border-radius
.rounded-full
完整圆角
--radius-full
--radius-full
border-radius

使用圆角 ​

通过 CSS 工具类 ​

在 ZUI 中可以通过 CSS 工具类来设置圆角，详细用法参加 CSS 工具类 / 边框 / 边框圆角 文档。下面为一个简单的例子：

小圆角
大圆角
html
<div class="p-4 rounded-sm secondary">小圆角</div>
@@ -30,7 +30,7 @@
   --radius-3xl:     1.5rem;
   --radius-full:    9999px;
 }

自定义主题 ​

可以通过定制主题来修改圆角设置，具体参见 主题 文档。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/config/base/screens.html b/3/guide/config/base/screens.html index 691d5500ca..eb014f0d13 100644 --- a/3/guide/config/base/screens.html +++ b/3/guide/config/base/screens.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

屏幕 ​

屏幕断点 ​

在 ZUI 中定义了一系列屏幕断点，你可以通过这些断点来实现响应式布局。下面为断点配置信息：

屏幕断点内部名称CSS 变量尺寸范围
超小尺寸xs无< --screen-sm
小尺寸sm--screen-sm≥ --screen-sm
中等尺寸md--screen-md≥ --screen-md
大尺寸lg--screen-lg≥ --screen-lg
超大尺寸xl--screen-xl≥ --screen-xl
2x 超大尺寸2xl--screen-2xl≥ --screen-2xl

使用断点 ​

通过 .container 工具类 ​

使用屏幕断点最简单的方式为使用 CSS 工具类 .container，此工具类会让所属元素成为一个随屏幕宽度自动响应的容器。下面为一个示例：

自适应容器
html
<div class="container">自适应容器</div>

了解 .container 工具类的更多用法可以参考 CSS 工具类 / 布局 / 容器 文档。

通过 CSS 变量 ​

你可以通过 CSS 变量来获取屏幕断点的值，下面为通过 CSS 变量实现 .container 工具类的示例：

css
.-container {
@@ -51,7 +51,7 @@
   --screen-xl:  1280px;
   --screen-2xl: 1536px;
 }

自定义主题 ​

可以通过定制主题来修改屏幕断点设置，具体参见 主题 文档。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/config/base/shadow.html b/3/guide/config/base/shadow.html index af038af0bb..55cd2a85bd 100644 --- a/3/guide/config/base/shadow.html +++ b/3/guide/config/base/shadow.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

阴影 ​

阴影配置 ​

阴影能让界面元素更加具有层次感，在 ZUI 中预设了一系列的阴影，具体如下：

预览
阴影名称
CSS 变量名
box-shadow 实际值
.shadow-inner
内部阴影
--shadow-inner
--shadow-inner
box-shadow
.shadow-none
无阴影
--shadow-none
--shadow-none
box-shadow
.shadow-sm
小阴影
--shadow-sm
--shadow-sm
box-shadow
.shadow
默认阴影
--shadow
--shadow
box-shadow
.shadow-md
中等阴影
--shadow-md
--shadow-md
box-shadow
.shadow-lg
大阴影
--shadow-lg
--shadow-lg
box-shadow
.shadow-xl
超大阴影
--shadow-xl
--shadow-xl
box-shadow
.shadow-2xl
2x 超大阴影
--shadow-2xl
--shadow-2xl
box-shadow

使用阴影 ​

通过 CSS 工具类 ​

在 ZUI 中可以通过 CSS 工具类来设置阴影，详细用法参加 CSS 工具类 / 效果 / 盒阴影 文档。下面为一个简单的例子：

小阴影
大阴影
html
<div class="p-4 shadow-sm canvas">小阴影</div>
@@ -29,7 +29,7 @@
   --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --shadow-none:  none;
 }

自定义主题 ​

可以通过定制主题来修改阴影设置，具体参见 主题 文档。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/config/base/spacing.html b/3/guide/config/base/spacing.html index 78010b2382..520a0e52fc 100644 --- a/3/guide/config/base/spacing.html +++ b/3/guide/config/base/spacing.html @@ -13,12 +13,12 @@ - - + +
ZUI 3

间距 ​

间距配置 ​

为了方便实现风格一致的交互界面，ZUI 预置了间距设置。下面为默认的间距配置：

名称
实际值
预览
0
width
px
width
0.5
width
1
width
1.5
width
2
width
2.5
width
3
width
3.5
width
4
width
5
width
6
width
7
width
8
width
9
width
10
width
11
width
12
width
14
width
16
width
20
width
24
width
28
width
32
width
36
width
40
width
44
width
48
width
52
width
56
width
60
width
64
width
72
width
80
width
96
width

4px 约定

通过上表可以看到，除了 0 和 px 比较特殊的设置，其他间距实际值都是 4px 的倍数，这是有意设计，无论是设计还是开发都应该将间距为 4px 的倍数作为约定，这样更有利于实现风格一致的交互界面。

当以上间距无法满足要求时，如果需要引入新的间距值也应当遵从 4px 约定。

间距会影响所有相关 CSS 属性配置，包括 padding、margin、width、height、maxHeight、gap、inset 等。

使用间距 ​

在 ZUI 中提供了大量 CSS 工具类，可以非常方便的来应用间距配置，包括：

如需了解，请参考对应的文档。

自定义间距 ​

可以通过定制主题来修改间距设置，具体参见 主题 文档。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/customize/build.html b/3/guide/customize/build.html index 890cdb5926..7146d85245 100644 --- a/3/guide/customize/build.html +++ b/3/guide/customize/build.html @@ -13,12 +13,12 @@ - - + +
ZUI 3

打包 ​

执行如下命令进行打包操作：

sh
pnpm build

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/customize/dev.html b/3/guide/customize/dev.html index fc24217d88..6206997d63 100644 --- a/3/guide/customize/dev.html +++ b/3/guide/customize/dev.html @@ -13,12 +13,12 @@ - - + +
ZUI 3

开发 ​

开发服务 ​

执行如下命令启动开发服务：

shell
$ pnpm dev

开发服务器启动后，默认情况下可以通过网址：http://localhost:5173/ 来访问开发服务页面。通过页面上的组件导航，可以访问对应的组件开发页面。也可以将组件名附加到网址后面，直接访问对应的组件页面，例如 http://localhost:5173/button/。

在开发服务页面上支持热更新，当开发文件变更后会自动反馈到开发服务页面上。

对组件进行开发调试 ​

组件开发目录 ​

ZUI3 每个组件在一个独立的目录内，拥有自己的 package.json 文件，使得组件可以独立作为 npm 包来使用，也可以单独作为子项目进行开发维护。

提示

通常组件通过在 package.json 文件中设置属性 private: true 来让包仅在 zui3 工作空间内可用，但组件仍然拥有作为公开的包发布到 npm 上进行独立使用。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/customize/exts-lib.html b/3/guide/customize/exts-lib.html index 520a3f3d0f..daac6eb5dd 100644 --- a/3/guide/customize/exts-lib.html +++ b/3/guide/customize/exts-lib.html @@ -13,14 +13,14 @@ - - + +
ZUI 3

组件库扩展 ​

ZUI3 组件库内置了大量组件，并支持集中开发、调试和打包，其中打包还支持只选择指定的组件进行个性化定制，同步输出组件库文档。但当需求扩展到组件库之外时，就需要用到扩展组件库了。ZUI3 支持扩展组件库模式，可以从其他位置引入一个或多个组件库目录，享受集中开发、调试和打包。下面介绍扩展组件库的使用方法。

定义扩展库 ​

扩展组件库可以来自本地系统的任意位置，只需要提供一个路径，例如：

txt
/Users/TaiJi/Projects/zui3_exts/lib/

扩展组件库的目录结构与 ZUI3 /lib/ 下的目录结构一致，下面的每个子目录为一个独立的组件，详细定义参考 开发文档。

添加扩展库 ​

在 zui3 项目根目录执行：

shell
$ pnpm extend-lib -- <ext_lib_path> <lib_name>

其中参数 ext_lib_path 为扩展组件库路径，<lib_name> 为扩展组件库名称。例如：

shell
$ pnpm extend-lib -- /Users/TaiJi/Projects/zui3_exts/lib/ zentao

执行上述命令之后，会将组件库目录文件拷贝到 zui3/lib_name 目录下，同时会在 zui3/exts/libs.json 文件中记录此扩展库的名称和路径。

json
{
     "zentao": "/Users/TaiJi/Projects/zui3_exts/lib/*"
 }

实际上，你也可以通过自己编辑这个文件来添加扩展库。

启动开发服务 ​

要在开发模式中包含对扩展组件库的开发调试，只需要执行如下命令代替 pnpm dev 命令即可：

shell
$ pnpm dev:exts

当添加了多个扩展库时，上述命令会包含所有扩展库，有时只需要包含特定的扩展库，只需要自定义 --lib 参数即可：

shell
$ pnpm dev:exts --lib=zui,zentao

启动文档服务器 ​

要在文档网站服务模式中包含对扩展组件库的文档支持，只需要如下命令代替 pnpm docs:dev 命令即可：

shell
$ pnpm docs:dev:exts

打包 ​

打包时如果需要将扩展库中的组件也进行打包，则需要添加 --exts 参数，然后就可以在需要打包的组件清单中指定扩展库中的组件名称：

shell
$ pnpm build -- label @zentao/status-label --exts

如果不指定名称，则默认打包仍然只打包内置组件库的组件，例如下面的命令仍然相当于 pnpm build：

shell
$ pnpm build -- --exts

如果需要将所有内置组件库和扩展库中的所有组件一并打包，可以使用如下命令：

shell
$ pnpm build -- zui+exts --exts --name=zentao

当添加了多个扩展库时，上述命令会包含所有扩展库，有时只需要包含特定的扩展库，只需要自定义 --exts 参数即可：

shell
$ pnpm build -- zui+exts --exts=zui,zentao

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/index.html b/3/guide/index.html index e64d097dee..98f7c0dbe5 100644 --- a/3/guide/index.html +++ b/3/guide/index.html @@ -13,12 +13,12 @@ - - + +
ZUI 3

指引 ​

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/start/index.html b/3/guide/start/index.html index 20cf7f43e5..56bbfd50c9 100644 --- a/3/guide/start/index.html +++ b/3/guide/start/index.html @@ -13,12 +13,12 @@ - - + +
ZUI 3

快速开始 ​

兼容性 ​

支持的浏览器 ​

  • Chrome：49+
  • Firefox：45+
  • Safari：10+
  • Edge：13+
  • Chrome for Android：112+
  • iOS Safari：10+

关键特性 ​

JS ​

  • ✅ let、const
  • ✅ 箭头函数
  • ✅ 模版字符串
  • ✅ class
  • ✅ symbol
  • ✅ Set、Map
  • ✅ Promise
  • ✅ 扩展运算符 ...
  • ✅ Object.assign、Object.keys
  • 🚫 Object.entries、Object.values
  • 🚫 async、await
  • 🚫 解构赋值

CSS ​

  • ✅ var()
  • ✅ calc()
  • 🚫 vw、vh

第三方依赖 ​

如果把握不准对照支持的浏览器参考 https://caniuse.com/ 。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/hashmap.json b/3/hashmap.json index 82971bf58e..0f950c2a16 100644 --- a/3/hashmap.json +++ b/3/hashmap.json @@ -1 +1 @@ -{"frames_zui.md":"4be9ad3d","guide_config_base_spacing.md":"20eca320","lib_components_datetime-picker_time.md":"7daa9d25","guide_index.md":"de433d51","guide_start_index.md":"9fbc81bf","lib_components_avatar_index.md":"ab8fe9b0","index.md":"1a1fd727","lib_components_avatar-group_index.md":"cd61e60a","lib_components_label_index.md":"22af37d6","lib_components_avatar_js.md":"f77ad499","lib_components_messager_index.md":"67b058f9","lib_components_menu_js.md":"224426d9","lib_components_kanban_index.md":"e6238971","guide_config_base_rounded.md":"497eea65","guide_config_base_screens.md":"926a9a4b","guide_config_base_font.md":"753af1aa","lib_components_nav_js.md":"b2dcefc8","guide_config_base_shadow.md":"4d29d2d1","guide_config_base_color.md":"b6804a31","lib_components_search-box_index.md":"c86b046e","lib_components_progress_index.md":"4595f39f","lib_components_table_index.md":"e2e18f9a","lib_components_modal_index.md":"1a1f9348","lib_components_modal_js.md":"f526e803","lib_components_btn-group_index.md":"a1a6f70b","lib_components_dropdown_index.md":"aac19764","lib_components_panel_index.md":"1b71b7e6","lib_components_menu_index.md":"8ee8d9f6","guide_customize_dev.md":"2553e635","lib_components_nav_index.md":"ef28bd6f","lib_components_progress-circle_index.md":"de2e126b","lib_components_dashboard_index.md":"dd1e11bc","lib_components_color-picker_index.md":"4df5be76","guide_customize_build.md":"1d34ab5f","lib_components_contextmenu_index.md":"d45b17e6","lib_components_tabs_index.md":"bb4eff34","lib_components_pager_js.md":"3028fad8","lib_components_button_js.md":"0e9f756e","lib_components_datetime-picker_datetime.md":"0cadce21","lib_components_breadcrumb_index.md":"08e2da11","lib_components_button_index.md":"e99c9e3f","guide_customize_exts-lib.md":"2efbea3a","lib_components_upload-imgs_index.md":"2a862036","lib_components_scrollbar_index.md":"374451a2","lib_components_upload_index.md":"6f7cb52d","lib_components_picker_index.md":"56bec2ee","lib_components_toolbar_js.md":"f5c7f4c8","lib_components_datetime-picker_date.md":"21c227a0","lib_components_pager_index.md":"388d302a","public_icons_fontawesome-license.md":"93591092","utilities_effects_utilities_filter.md":"ec0fda44","utilities_typography_utilities_vertical-align.md":"616176e9","utilities_effects_utilities_opacity.md":"568f5579","utilities_effects_utilities_rotate.md":"6360fe77","utilities_flex_utilities_direction.md":"abebc010","lib_components_tree_index.md":"c191866d","utilities_flex_utilities_gap.md":"f885f0e2","utilities_flex_utilities_shrink.md":"e66f2d89","utilities_flex_utilities_wrap.md":"96c2333a","utilities_interactivity_utilities_state.md":"b51b606b","utilities_flex_utilities_flex.md":"b77b6d39","themes_index.md":"2cef0f4d","utilities_borders_utilities_border-radius.md":"f9fa136a","lib_components_tooltip_index.md":"41136a78","utilities_effects_utilities_flip.md":"44bcb275","lib_components_btn-group_js.md":"003d2a18","utilities_flex_utilities_align-self.md":"40439e27","utilities_interactivity_utilities_pointer-events.md":"3610a585","utilities_effects_utilities_shadow.md":"031eb0e3","utilities_effects_utilities_scale.md":"3dd42b3f","utilities_flex_utilities_order.md":"c23cb148","utilities_flex_utilities_basis.md":"138dd8dd","utilities_flex_utilities_align-content.md":"50208fab","utilities_flex_utilities_align-items.md":"22c1780e","utilities_style_utilities_outline.md":"3a41afa0","utilities_layout_utilities_z-index.md":"31cefd64","utilities_layout_utilities_container.md":"ca691f12","utilities_style_utilities_pale.md":"665c84b6","utilities_borders_utilities_border-color.md":"1b29fc6e","utilities_layout_utilities_visibility.md":"5c20a8a7","utilities_style_utilities_solid.md":"7981ab23","utilities_layout_utilities_floats.md":"3f189b08","utilities_borders_utilities_border-width.md":"1b1a88bb","utilities_layout_utilities_object-fit.md":"ffc3511e","utilities_interactivity_utilities_user-select.md":"8d4df33b","lib_helpers_core_component.md":"e09b822e","utilities_layout_utilities_top-right-bottom-left.md":"28494977","utilities_interactivity_utilities_scroll.md":"770db921","utilities_layout_utilities_display.md":"d06f2368","utilities_effects_utilities_animation.md":"82973e80","utilities_typography_utilities_line-clamp.md":"9296b183","lib_components_alert_index.md":"42e0e4d9","utilities_typography_utilities_text-align.md":"724caaab","utilities_interactivity_utilities_disabled.md":"8b659a3c","utilities_typography_utilities_font-weight.md":"504ec9fb","utilities_typography_utilities_font-size.md":"bc50ef8d","utilities_layout_utilities_position.md":"8bb76b9a","lib_index.md":"0c4894d6","lib_helpers_core_cash.md":"23f78ff0","utilities_spacing_utilities_space.md":"9c9ea13c","utilities_flex_utilities_justify-content.md":"6fd3f949","utilities_typography_utilities_word-break.md":"e6bba1c1","lib_helpers_helpers_index.md":"fd4ddadd","utilities_backgrounds_utilities_index.md":"1fbbf90c","utilities_flex_utilities_grow.md":"f62cd68d","utilities_spacing_utilities_padding.md":"21ec4749","utilities_typography_utilities_font-family.md":"347e231c","utilities_typography_utilities_whitespace.md":"51a21ed5","lib_forms_form_index.md":"f3abc3e4","utilities_layout_utilities_overflow.md":"ee9b6656","lib_forms_checkbox_index.md":"81410693","utilities_typography_utilities_text-color.md":"ec540d0b","lib_forms_input-group_index.md":"67dfb5c2","utilities_sizing_utilities_width.md":"20b0b2da","utilities_index.md":"fa0e3981","lib_icons_icons_index.md":"df8ff498","utilities_layout_utilities_aspect-ratio.md":"2a6f8af6","lib_helpers_store_index.md":"192736fe","utilities_typography_utilities_text-overflow.md":"68f8c500","utilities_typography_utilities_leading.md":"24448d06","utilities_sizing_utilities_height.md":"fd41feec","utilities_spacing_utilities_margin.md":"8cb638dc","lib_components_toolbar_index.md":"417b7b9e","lib_forms_input-control_index.md":"24c7e5f1","lib_dtable_dtable_plugins.md":"0846be94","lib_dtable_dtable_index.md":"517ca7b1"} +{"guide_config_base_color.md":"b6804a31","frames_zui.md":"4be9ad3d","guide_config_base_rounded.md":"497eea65","guide_config_base_spacing.md":"20eca320","guide_config_base_shadow.md":"4d29d2d1","lib_components_upload-imgs_index.md":"2a862036","guide_config_base_font.md":"753af1aa","lib_components_tree_index.md":"c191866d","guide_customize_build.md":"1d34ab5f","lib_components_modal_index.md":"1a1f9348","lib_components_nav_index.md":"ef28bd6f","lib_components_nav_js.md":"b2dcefc8","lib_components_progress-circle_index.md":"de2e126b","lib_components_search-box_index.md":"c86b046e","lib_components_scrollbar_index.md":"374451a2","lib_components_toolbar_js.md":"f5c7f4c8","lib_components_tooltip_index.md":"41136a78","lib_components_progress_index.md":"4595f39f","guide_customize_dev.md":"2553e635","lib_components_modal_js.md":"f526e803","guide_config_base_screens.md":"926a9a4b","lib_components_tabs_index.md":"bb4eff34","lib_components_toolbar_index.md":"417b7b9e","lib_components_upload_index.md":"6f7cb52d","lib_components_table_index.md":"e2e18f9a","lib_components_pager_index.md":"388d302a","lib_components_btn-group_js.md":"003d2a18","lib_components_avatar_index.md":"ab8fe9b0","lib_components_datetime-picker_time.md":"7daa9d25","index.md":"1a1fd727","lib_components_color-picker_index.md":"4df5be76","lib_components_avatar_js.md":"f77ad499","lib_dtable_dtable_index.md":"517ca7b1","lib_components_menu_index.md":"8ee8d9f6","lib_components_contextmenu_index.md":"d45b17e6","lib_components_dropdown_index.md":"aac19764","guide_start_index.md":"9fbc81bf","lib_components_breadcrumb_index.md":"08e2da11","lib_components_datetime-picker_date.md":"21c227a0","lib_forms_form_index.md":"f3abc3e4","lib_components_label_index.md":"22af37d6","lib_forms_checkbox_index.md":"81410693","utilities_effects_utilities_flip.md":"44bcb275","themes_index.md":"2cef0f4d","utilities_backgrounds_utilities_index.md":"1fbbf90c","guide_index.md":"de433d51","lib_components_menu_js.md":"224426d9","lib_components_alert_index.md":"42e0e4d9","public_icons_fontawesome-license.md":"93591092","lib_helpers_store_index.md":"192736fe","utilities_flex_utilities_justify-content.md":"6fd3f949","utilities_flex_utilities_align-items.md":"22c1780e","lib_helpers_core_cash.md":"23f78ff0","lib_helpers_core_component.md":"e09b822e","lib_forms_input-group_index.md":"67dfb5c2","lib_components_kanban_index.md":"e6238971","lib_components_picker_index.md":"56bec2ee","guide_customize_exts-lib.md":"2efbea3a","lib_components_messager_index.md":"67b058f9","lib_components_dashboard_index.md":"dd1e11bc","utilities_interactivity_utilities_user-select.md":"8d4df33b","utilities_layout_utilities_aspect-ratio.md":"2a6f8af6","utilities_layout_utilities_container.md":"ca691f12","utilities_layout_utilities_floats.md":"3f189b08","lib_icons_icons_index.md":"df8ff498","lib_index.md":"0c4894d6","utilities_layout_utilities_object-fit.md":"ffc3511e","utilities_effects_utilities_scale.md":"3dd42b3f","utilities_flex_utilities_basis.md":"138dd8dd","utilities_flex_utilities_direction.md":"abebc010","utilities_flex_utilities_flex.md":"b77b6d39","utilities_effects_utilities_opacity.md":"568f5579","utilities_flex_utilities_grow.md":"f62cd68d","utilities_interactivity_utilities_state.md":"b51b606b","utilities_borders_utilities_border-color.md":"1b29fc6e","utilities_borders_utilities_border-radius.md":"f9fa136a","utilities_flex_utilities_order.md":"c23cb148","utilities_flex_utilities_shrink.md":"e66f2d89","utilities_layout_utilities_position.md":"8bb76b9a","utilities_flex_utilities_gap.md":"f885f0e2","utilities_flex_utilities_wrap.md":"96c2333a","utilities_index.md":"fa0e3981","lib_components_avatar-group_index.md":"cd61e60a","lib_components_datetime-picker_datetime.md":"0cadce21","lib_components_pager_js.md":"3028fad8","utilities_layout_utilities_z-index.md":"31cefd64","lib_forms_input-control_index.md":"24c7e5f1","utilities_layout_utilities_visibility.md":"5c20a8a7","utilities_effects_utilities_rotate.md":"6360fe77","utilities_interactivity_utilities_scroll.md":"770db921","utilities_effects_utilities_shadow.md":"031eb0e3","utilities_flex_utilities_align-self.md":"40439e27","utilities_flex_utilities_align-content.md":"50208fab","lib_components_panel_index.md":"1b71b7e6","utilities_layout_utilities_top-right-bottom-left.md":"28494977","utilities_layout_utilities_overflow.md":"ee9b6656","lib_components_button_index.md":"e99c9e3f","utilities_style_utilities_solid.md":"7981ab23","utilities_typography_utilities_vertical-align.md":"616176e9","utilities_typography_utilities_font-family.md":"347e231c","utilities_typography_utilities_font-size.md":"bc50ef8d","utilities_typography_utilities_font-weight.md":"504ec9fb","utilities_typography_utilities_leading.md":"24448d06","utilities_style_utilities_pale.md":"665c84b6","utilities_typography_utilities_text-align.md":"724caaab","utilities_borders_utilities_border-width.md":"1b1a88bb","lib_helpers_helpers_index.md":"fd4ddadd","utilities_spacing_utilities_margin.md":"8cb638dc","lib_components_btn-group_index.md":"a1a6f70b","lib_components_button_js.md":"0e9f756e","utilities_spacing_utilities_space.md":"9c9ea13c","utilities_effects_utilities_filter.md":"ec0fda44","utilities_spacing_utilities_padding.md":"21ec4749","utilities_effects_utilities_animation.md":"82973e80","utilities_interactivity_utilities_pointer-events.md":"3610a585","utilities_interactivity_utilities_disabled.md":"8b659a3c","lib_dtable_dtable_plugins.md":"0846be94","utilities_typography_utilities_text-color.md":"ec540d0b","utilities_layout_utilities_display.md":"d06f2368","utilities_typography_utilities_line-clamp.md":"9296b183","utilities_sizing_utilities_height.md":"fd41feec","utilities_style_utilities_outline.md":"3a41afa0","utilities_typography_utilities_text-overflow.md":"68f8c500","utilities_sizing_utilities_width.md":"20b0b2da","utilities_typography_utilities_word-break.md":"e6bba1c1","utilities_typography_utilities_whitespace.md":"51a21ed5"} diff --git a/3/index.html b/3/index.html index 9fb66fe441..ed34279b62 100644 --- a/3/index.html +++ b/3/index.html @@ -13,12 +13,12 @@ - - + +
ZUI 3

ZUI3

开箱即用的组合式前端 UI 框架

100+ 组件

快速开始
GitHub
⚡️

开箱即用，按需加载

采用基础 + 组件库模式，按需使用

💎

100+ 组件

丰富组件库，实现你的创意

🛠️

丰富主题，灵活定制

深色模式，自定义主题，定制打包

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/alert/index.html b/3/lib/components/alert/index.html index ed9e277115..7f11321f9b 100644 --- a/3/lib/components/alert/index.html +++ b/3/lib/components/alert/index.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

消息框 ​

消息框能够轻松展示一些需要引起用户注意的内容。

使用方法 ​

使用 .alert 类来获得消息框的外观和交互体验。

Hi! 这条消息可能需要你注意。
一切已准备就绪。

注意！

可能存在潜在风险。

html
<div class="alert">Hi! 这条消息可能需要你注意。</div>
@@ -97,7 +97,7 @@
   <i class="icon icon-remove-sign alert-icon-close"></i>
   <p>右上角有关闭按钮</p>
 </div>

CSS 类 ​

消息框提供了如下 CSS 类：

类类型作用
alert实体类元素作为消息框组件
alert-icon实体类元素作为消息框内左侧图标
alert-heading实体类元素作为消息框内标题
alert-content实体类元素作为消息框内容

CSS 变量 ​

消息框提供了如下 CSS 变量：

变量名称变量含义
--alert-radius消息框圆角
--alert-bg消息框默认背景色
--alert-text-color消息框默认文字颜色

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/avatar-group/index.html b/3/lib/components/avatar-group/index.html index 54702531d1..e2630b486d 100644 --- a/3/lib/components/avatar-group/index.html +++ b/3/lib/components/avatar-group/index.html @@ -15,8 +15,8 @@ - - + +
ZUI 3

头像组 ​

头像组用于将多个头像堆叠显示。

使用方法 ​

将多个头像放置在 <div class="avatar-group"> 内即可创建一个头像组。

+10
html
<div class="avatar-group">
@@ -80,7 +80,7 @@
   <div class="avatar circle"><img src="/assets/avatar/avatar-7.png"></div>
   <div class="avatar circle gray">3.5</div>
 </div>

CSS 类 ​

头像组提供了如下 CSS 类：

类类型作用
avatar-group实体类元素作为头像组组件
size-xs工具类头像组使用超小号尺寸
size-sm工具类头像组使用小号尺寸
size-lg工具类头像组使用大号尺寸
size-xl工具类头像组使用超大号尺寸

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/avatar/index.html b/3/lib/components/avatar/index.html index e863c0f440..2f0f1834be 100644 --- a/3/lib/components/avatar/index.html +++ b/3/lib/components/avatar/index.html @@ -15,8 +15,8 @@ - - + +
ZUI 3

头像 ​

头像是用图片、图标或者文字的形式展示用户及具有特殊标识的其他对象。

使用方法 ​

使用一个 <div> 元素并添加类 .avatar，然后将作为图像的图片、文字或图标放置在此元素内。

Z
html
<div class="avatar"><img src="/assets/avatar/avatar.png"></div>
@@ -35,7 +35,7 @@
 <div class="avatar"><img src="/assets/avatar/avatar-3.png"></div>
 <div class="avatar size-lg"><img src="/assets/avatar/avatar-4.png"></div>
 <div class="avatar size-xl"><img src="/assets/avatar/avatar-5.png"></div>

特殊用法示例 ​

下面演示一些特殊用法。

右上角未读标签 ​

[待定]

右下角状态标志 ​

[待定]

CSS 类 ​

头像提供了如下 CSS 类：

类类型作用
avatar实体类元素作为头像组件
size-xs工具类头像使用超小号尺寸
size-sm工具类头像使用小号尺寸
size-lg工具类头像使用大号尺寸
size-xl工具类头像使用超大号尺寸

CSS 变量 ​

头像提供了如下 CSS 变量，可进行全局修改：

CSS 变量名作用
--avatar-radius头像默认圆角大小
--avatar-bg头像默认背景颜色

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/avatar/js.html b/3/lib/components/avatar/js.html index 3bb6116022..5ca774dc3d 100644 --- a/3/lib/components/avatar/js.html +++ b/3/lib/components/avatar/js.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

头像生成器 ​

头像生成器允许通过 JS 动态创建一个头像。

示例 ​

通过构造一个 Avatar 实例, 在一个空的 <div> 元素上创建一个头像。

文字头像 ​

html
<div id="avatar1"></div>
@@ -39,7 +39,7 @@
 const avatar = $(element).data('zui.avatar');

更新头像 ​

调用头像组件实例上的 render 方法来更新头像项，并重新进行渲染：

js
avatar.render({
         // ... 新的头像参数
 });

构造方法 ​

定义：

ts
constructor(element: HTMLElement | string, options: AvatarOptions);

参数：

  • element：指定用于创建头像的容器元素，或者通过字符串指定用于查找容器元素的选择器
  • options：指定选项

示例：

ts
new zui.Avatar('#menu', options: AvatarOptions);

选项 ​

className ​

类名。

  • 类型：'string' | 'object' | 'array'
  • 必选：否

size ​

大小。

  • 类型：'xs' | 'sm' | 'lg' | 'xl' | 'number'
  • 必选：否

circle ​

是否为圆形。

  • 类型：boolean
  • 必选： 否

rounded ​

头像圆角。

  • 类型：'boolean' | 'sm' | 'md' | 'lg' | 'number'
  • 必选：否

background ​

背景颜色。

  • 类型：string
  • 必选：否

foreColor ​

字体颜色。

  • 类型：string
  • 必选： 否

text ​

字体头像内容。

  • 类型：string
  • 必选：否

src ​

文件头像路径。

  • 类型：string
  • 必选：否

code ​

唯一标识，通常指定为用 ID 或 账号 组件会根据传入值生成唯一的颜色。

  • 类型：string
  • 必选：否

方法 ​

render ​

重新渲染，可以指定新的选项。

定义：

ts
render(options: AvatarOptions): void;

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/breadcrumb/index.html b/3/lib/components/breadcrumb/index.html index 1027d26f83..e119988868 100644 --- a/3/lib/components/breadcrumb/index.html +++ b/3/lib/components/breadcrumb/index.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

面包屑 ​

使用方法 ​

使用类 .breadcrumb 来实现面包屑，通常搭配 <ol>、<li> 元素使用。

  1. 首页
  2. 图书馆
  3. 数据
html
<ol class="breadcrumb">
@@ -22,7 +22,7 @@
   <li><a href="your/url/">图书馆</a></li>
   <li class="active">数据</li>
 </ol>

CSS 类 ​

面包屑提供了如下CSS类

类类型作用
breadcrumb实体类元素作为面包屑组件

CSS 变量 ​

变量名称变量含义
--breadcrumb-divider面包屑分割元素标签类型
--breadcrumb-divider-color面包屑分割元素颜色
--breadcrumb-color-active面包屑选中态元素颜色

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/btn-group/index.html b/3/lib/components/btn-group/index.html index a638cc6619..4c9782a209 100644 --- a/3/lib/components/btn-group/index.html +++ b/3/lib/components/btn-group/index.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

按钮组 ​

按钮组可以将多个按钮成组展示。

使用方法 ​

将多个 按钮 放置在 <div class="btn-group"> 内即可创建一个按钮组。

html
<div class="btn-group">
@@ -125,7 +125,7 @@
     </div>
   </div>
 </div>

CSS 类 ​

按钮提供了如下 CSS 类：

类类型作用
btn-group实体类元素作为按钮组组件
size-xs工具类按钮组使用超小号尺寸
size-sm工具类按钮组使用小号尺寸
size-lg工具类按钮组使用大号尺寸
size-xl工具类按钮组使用超大号尺寸
disabled工具类与 .btn 一起使用，标记按钮为禁用状态

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/btn-group/js.html b/3/lib/components/btn-group/js.html index 34eb58a41b..2dc63d2909 100644 --- a/3/lib/components/btn-group/js.html +++ b/3/lib/components/btn-group/js.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

按钮组生成器 ​

常用于多项按钮操作的组件，通过 JS 动态生成，使用时方便快捷。

使用方法 ​

html
<div id="btnGroup"></div>
@@ -113,7 +113,7 @@
         {text: '剪切'},
     ],
 });

选项 ​

className ​

类名。

  • 类型：string
  • 必选：否

btnProps ​

继承 按钮属性。

items ​

size ​

按钮尺寸。

  • 类型：string
  • 可选项： xs | sm | lg | xl
  • 必选：否

type ​

按钮组类型。

  • 类型：string
  • 必选：否

itemRender ​

指定一个回调函数用于对组件渲染进行自定义。

参数：items 选项的单个配置；

返回值：items 选项的单个配置。

beforeRender ​

指定一个回调函数在渲染之前调用，可重新配置组件选项。

参数：用户为按钮组组件件设置的 options；

返回值：组件选项数据。

afterRender ​

指定一个回调函数在渲染之后调用。

参数：

  • firstRender：判断是否第一次渲染；
  • menu：组件信息。

beforeDestroy ​

指定一个回调函数在组件销毁之前调用，无参数。

API ​

btnProps ​

按钮组子项属性：

ts
type BtnProps = ButtonProps & {key?: string | number | symbol};

继承按钮组件 ButtonProps属性，同时添加了 key 属性。

key ​

指定单个按钮键值，用户可根据该属性进行特殊处理。

  • 类型：string | number | symbol；
  • 必选：否。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/button/index.html b/3/lib/components/button/index.html index c6a03deb1d..d67cc4a313 100644 --- a/3/lib/components/button/index.html +++ b/3/lib/components/button/index.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

按钮 ​

按钮是用来触发一些动作。通常用在表单、对话框、菜单上面。好的按钮设计能够引导用户高效的达到目的。

使用方法 ​

使用 .btn 类来获得按钮的外观和交互体验，通常用在元素 <button> 或 <a> 上。

html
<button type="button" class="btn">按钮</button>

配合丰富的CSS 工具类来实现不同按钮的外观。

html
<button type="button" class="btn primary">主要按钮</button>
@@ -139,7 +139,7 @@
   <i class="spin icon icon-spinner-snake"></i>
   加载中
 </button>

CSS 类 ​

按钮提供了如下 CSS 类：

类类型作用
btn实体类元素作为按钮组件
square工具类按钮使用正方形外观
size-xs工具类按钮使用超小号尺寸
size-sm工具类按钮使用小号尺寸
size-lg工具类按钮使用大号尺寸
size-xl工具类按钮使用超大号尺寸

CSS 变量 ​

变量名称变量含义
--btn-radius按钮圆角
--btn-bg按钮背景颜色
--btn-border-color按钮边框颜色

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/button/js.html b/3/lib/components/button/js.html index 335a83cd9c..f73aa1eb75 100644 --- a/3/lib/components/button/js.html +++ b/3/lib/components/button/js.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

按钮生成器 ​

按钮生成器是通过 JS 动态生成的按钮组件，用来触发一些动作。通常用在表单、对话框、菜单上面。

使用方法 ​

基础的按钮用法。

html
<div id="btnExp"></div>
@@ -92,7 +92,7 @@
 new zui.Button('#showBtn4', {text: '编辑', type: 'primary-pale'});
 new zui.Button('#showBtn5', {text: '删除', type: 'danger-pale'});
 </script>

选项 ​

按钮的属性。

text ​

标题。

  • 类型：string；
  • 必选：否。

icon ​

左侧图标。

  • 类型：string | VNode；
  • 必选：否。

trailingIcon ​

右侧图标。

  • 类型：string | VNode；
  • 必选：否。

hint ​

按钮鼠标悬浮提示文案。

  • 类型：string；
  • 必选：否；

component ​

标签类型，通常会使用 <a> 标签或者 <button> 标签，也可以用 <div>。

  • 类型：string | ComponentType；
  • 必选：否。

type ​

按钮的外观类型。

  • 类型：string；
  • 必选：否；
  • 可选项：'primary', 'secondary' ...，具体可参考 CSS 工具类 中的样式。

size ​

按钮的尺寸

  • 类型：string；
  • 必选：否；
  • 可选项：'xs' | 'sm' | 'lg' | 'xl'。

className ​

类名。

  • 类型：string；
  • 必选：否。

style ​

样式。

  • 类型：ClassNameLike；
  • 必选：否。

url ​

跳转链接地址；前提按钮标签类型只能为 <a> 标签。

  • 类型：string；
  • 必选：否。

target ​

在何处打开链接地址；前提按钮标签类型只能为 <a> 标签。

disabled ​

是否禁用。

  • 类型：boolean；
  • 必选：否；
  • 默认： false。

active ​

是否是激活状态。

  • 类型：boolean；
  • 必选：否；
  • 默认： false。

loading ​

加载中状态。

  • 类型：boolean；
  • 必选：否；
  • 默认： false。

loadingIcon ​

加载中状态的图标。

  • 类型：string；
  • 必选：否；

loadingText ​

加载中状态的文案。

  • 类型：string；
  • 必选：否；

square ​

是否展示为正方形。

  • 类型：boolean；
  • 必选：否；
  • 默认： true。

caret ​

按钮展示箭头。

  • 类型：string | boolean；
  • 必选：否；
  • 可选项：'up' | 'down' | 'left' | 'right' | boolean；
  • 默认： false。

onClick ​

鼠标点击的回调方法。

  • 类型：function；
  • 必选：否。

children ​

子元素。

  • 类型：ComponentChildren | (() => ComponentChildren)；
  • 必选：否。

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/color-picker/index.html b/3/lib/components/color-picker/index.html index a36d1333ce..579f854b21 100644 --- a/3/lib/components/color-picker/index.html +++ b/3/lib/components/color-picker/index.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

颜色选择器 ​

基于下拉选择器实现的颜色选择器。

基本使用 ​

在选定元素上调用初始化函数即可使用颜色选择器。

html
<div id="color-picker-1"></div>
JavaScript
const colorPicker = new ColorPicker('#color-picker-1', {
@@ -106,7 +106,7 @@
     /** 弹出面板的标题。 */
     heading?: ComponentChildren;
 }

MIT License (MIT)

Copyright (C) 2022 cnezsoft.com

- + \ No newline at end of file diff --git a/3/lib/components/contextmenu/index.html b/3/lib/components/contextmenu/index.html index eb46fd4fd4..9da977b6ee 100644 --- a/3/lib/components/contextmenu/index.html +++ b/3/lib/components/contextmenu/index.html @@ -13,8 +13,8 @@ - - + +
ZUI 3

上下文菜单 ​

自定义鼠标右击动态生成菜单。

使用方法 ​

鼠标右击时，展开更多操作， 在响应的区域添加 data-toggle="contextmenu"。

静态用法 ​

在此区域使用右键菜单
  • 操作
  • 另一个操作
  • 更多操作
    • html
    <div class="w-full h-32 primary-pale row items-center justify-center" data-toggle="contextmenu">
@@ -112,7 +112,7 @@
     });
 });
 </script>

    API ​

    items 的单个对象属性 ​

    text ​

    名称。

    • 类型：string；
    • 必选：否。

    icon ​

    左侧图标。

    • 类型：string；
    • 必选：否。

    trailingIcon ​

    右侧图标。

    • 类型：string | VNode；
    • 必选：否。

    className ​

    类名。

    • 类型：string；
    • 必选：否。

    style ​

    样式。

    • 类型：ClassNameLike；
    • 必选：否。

    url ​

    跳转链接地址。

    • 类型：string；
    • 必选：否。

    target ​

    在何处打开链接地址。

    • 类型：string；
    • 必选：否；
    • 可选项： _self | _self | _black | _top | _parent 。

    disabled ​

    是否禁用。

    • 类型：boolean；
    • 必选：否；
    • 默认： false。

    active ​

    是否是激活状态。

    • 类型：boolean；
    • 必选：否；
    • 默认： false。

    type ​

    单项类型。

    • 类型：string；
    • 必选：否；
    • 可选项：item | divider | heading | custom；
    • 默认： item。

    rootClass ​

    与 menu-item 同级类名。

    • 类型：string；
    • 必选：否。

    items ​

    子级操作数据。

    • 类型：array；
    • 必选：否。

    onClick ​

    点击操作菜单项的回调事件。

    • 类型：function；
    • 必选：否。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/dashboard/index.html b/3/lib/components/dashboard/index.html index 4dbf58fe12..7cdff600d9 100644 --- a/3/lib/components/dashboard/index.html +++ b/3/lib/components/dashboard/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    仪表盘 ​

    仪表盘用于创建由多个区块构成的信息展示页面，这些区块可以灵活排练，可以是图表、表格、卡片等。

    用法 ​

    一般用法 ​

    html
    <div id="dashboardExample"></div>
@@ -79,7 +79,7 @@
     blockMenu?: ContextMenuOptions;
     onLayoutChange?: (blocks: BlockSetting[]) => void;
 };

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/datetime-picker/date.html b/3/lib/components/datetime-picker/date.html index c2dddcece2..3c89049b3f 100644 --- a/3/lib/components/datetime-picker/date.html +++ b/3/lib/components/datetime-picker/date.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    日期选择器 ​

    用法 ​

    html
    <div id="datePicker"></div>
@@ -146,7 +146,7 @@
     /** 日期值无效时的回调函数。 */
     onInvalid?: (value: string) => void;
 }

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/datetime-picker/datetime.html b/3/lib/components/datetime-picker/datetime.html index 856f7811e6..03289e59db 100644 --- a/3/lib/components/datetime-picker/datetime.html +++ b/3/lib/components/datetime-picker/datetime.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    日期时间选择器 ​

    用法 ​

    html
    <div id="datetimePicker"></div>
@@ -68,7 +68,7 @@
     timeFormat: string;
     joiner: string;
 };

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/datetime-picker/time.html b/3/lib/components/datetime-picker/time.html index 60d2c7611b..824b4ae711 100644 --- a/3/lib/components/datetime-picker/time.html +++ b/3/lib/components/datetime-picker/time.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    时间选择器 ​

    用法 ​

    html
    <div id="timePicker"></div>
@@ -98,7 +98,7 @@
     /** 时间值无效时的回调函数。 */
     onInvalid?: (value: string) => void;
 }

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/dropdown/index.html b/3/lib/components/dropdown/index.html index 35c1aad6f6..968bff7e5b 100644 --- a/3/lib/components/dropdown/index.html +++ b/3/lib/components/dropdown/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    下拉菜单 ​

    将动作或菜单折叠到下拉菜单中。

    使用方法 ​

    点击按钮，展开更多操作。如需默认展开，可在 .dropdown 类上添加 .open 类

  • 操作
  • 另一个操作
  • 更多操作
    • html
    <button class="btn" type="button" data-toggle="dropdown">菜单按钮 <span class="caret"></span></button>
@@ -82,7 +82,7 @@
     <li class="menu-heading">更多操作</li>
     <li class="menu-item"><a>修改</a></li>
 </menu>

    CSS 类 ​

    按钮提供了如下 CSS 类：

    类类型作用
    dropdown实体类元素作为下拉菜单组件
    dropdown-menu实体类元素作为下拉菜单列表
    dropdown-header实体类元素作为下拉菜单中的标题
    dropdown-submenu实体类元素作为下拉菜单子菜单列表
    caret实体类元素作为下拉菜单icon图标
    dropup工具类下拉框浮动方向为上方
    menu-align-right工具类下拉框展开后右侧对齐
    expand-left工具类子菜单左侧显示

    CSS 变量 ​

    变量名称变量含义
    --dropmenu-radius下拉菜单圆角
    --dropmenu-border-color下拉菜单边框颜色
    --dropmenu-bg下拉菜单背景颜色
    --dropmenu-active-color下拉菜单条目激活状态文字颜色
    --dropmenu-active-bg下拉菜单条目激活状态背景颜色

    API ​

    操作菜单定义对象。

    trigger ​

    触发方式

    • 类型：click | hover | manual；
    • 必选：否。

    arrow ​

    箭头大小 为 true 则为默认12

    • 类型：boolean | number；
    • 必选：否。

    offset ​

    偏移量

    • 类型：number；
    • 必选：否。

    菜单对象 详细配置可参考 菜单。

    • 类型：object；
    • 必选：否。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/kanban/index.html b/3/lib/components/kanban/index.html index 72375b0fb9..c183dc0ea4 100644 --- a/3/lib/components/kanban/index.html +++ b/3/lib/components/kanban/index.html @@ -13,12 +13,12 @@ - - + +
    ZUI 3

    看板 ​

    示例 ​

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/label/index.html b/3/lib/components/label/index.html index f58bb127e6..92fd25e2d8 100644 --- a/3/lib/components/label/index.html +++ b/3/lib/components/label/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    标签 ​

    标签是用来触发一些动作。通常用在表单、对话框、菜单上面。好的标签设计能够引导用户高效的达到目的。

    使用方法 ​

    使用 .label 类来获得标签的外观和交互体验，通常用在元素 <span> 上。

    标签
    html
    <span class="label">标签</span>

    配合丰富的CSS 工具类来实现不同标签的外观。

    主要标签黑色标签描边
    html
    <span class="label primary">主要标签</span>
@@ -92,7 +92,7 @@
 <span class="label label-dot light"></span>
 <span class="label label-dot gray"></span>
 <span class="label label-dot dark"></span>

    与按钮组合使用 ​

    html
    <button class="btn" type="button">按钮 <span class="label sm rounded-full">12</span></button>

    CSS 类 ​

    标签提供了如下 CSS 类：

    类类型作用
    label实体类元素作为标签组件
    label-dot工具类标签使用圆形外观
    size-sm工具类标签使用小号尺寸
    size-lg工具类标签使用大号尺寸

    CSS 变量 ​

    变量名称变量含义
    --label-bg标签背景色
    --label-color标签文字颜色
    --label-border-color标签边框颜色
    --label-radius标签圆角

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/menu/index.html b/3/lib/components/menu/index.html index f9464990e2..dad3d1aefd 100644 --- a/3/lib/components/menu/index.html +++ b/3/lib/components/menu/index.html @@ -14,8 +14,8 @@ - - + +
    ZUI 3

    菜单 ​

    菜单用于展示一个操作列表，也可以用于构建更复杂的组件，例如右键菜单、下拉菜单等。如果需要通过 JS 动态创建菜单，可以使用菜单生成器

    导入 ​

    如果你使用的是非合并打包版本，可以通过如下方式单独引入菜单的 CSS 样式：

    js
    import 'zui/menu/css';

    使用方法 ​

    使用类 .menu 和 .menu-item 按照如下结构来构建一个静态菜单：

  • 剪切
  • 复制
  • 粘贴
    • html
    <menu class="menu w-32">
@@ -68,7 +68,7 @@
   <li class="menu-divider"></li>
   <li class="text-danger menu-item"><a href="#">退出</a></li>
 </menu>

    CSS 类 ​

    头像提供了如下 CSS 类：

    类类型作用
    menu实体类元素作为菜单
    menu-item实体类元素作为菜单项
    menu-heading实体类元素作为菜单标题
    menu-divider实体类元素作为分割线
    has-icons工具类与 menu 一起使用，标记菜单内包含图标
    active工具类与 menu-item 一起使用，标记菜单项为激活状态
    disabled工具类与 menu-item 一起使用，标记菜单项为禁用状态

    CSS 变量 ​

    头像提供了如下 CSS 变量，可进行全局修改：

    CSS 变量名作用默认值
    --menu-radius菜单圆角var(--radius)
    --menu-bg菜单背景颜色var(--color-canvas)
    --menu-border菜单边框1px solid var(--color-border)
    --menu-shadow菜单阴影var(--shadow-lg)
    --menu-hover-bg菜单项鼠标悬停背景色var(--color-primary-500)
    --menu-hover-color菜单项鼠标悬停文字颜色var(--color-canvas)
    --menu-active-bg菜单项激活状态背景色var(--color-primary-50)
    --menu-active-color菜单项激活状态文字颜色var(--color-primary-500)
    --menu-icon-opacity菜单项图标透明度.5
    --menu-heading-color菜单标题文字颜色var(--color-gray-500)

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/menu/js.html b/3/lib/components/menu/js.html index 4af53ceb70..9625d6e40d 100644 --- a/3/lib/components/menu/js.html +++ b/3/lib/components/menu/js.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    菜单生成器 ​

    菜单生成器允许通过 JS 动态创建一个菜单。

    示例 ​

    通过构造一个 Menu 实例，在一个空的 <div> 元素上创建一个菜单。

    html
    <div id="menu1" class="w-32"></div>
@@ -147,7 +147,7 @@
     key?: string | number,
     items?: MenuListItem[],
 };

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/messager/index.html b/3/lib/components/messager/index.html index 639972d62b..a6645fecda 100644 --- a/3/lib/components/messager/index.html +++ b/3/lib/components/messager/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    漂浮消息生成器 ​

    通过 JS 动态创建一个漂浮消息。

    基本用法 ​

    通过构造一个 messager 实例，页面上创建一个漂浮消息。

    js
    button.addEventLinstener('click', function() {
@@ -43,7 +43,7 @@
         }
     }]
 });

    禁用自动隐藏 ​

    默认超过 5000ms 自动隐藏，通过设置 time 为 0 取消自动隐藏。

    禁用动画效果 ​

    设置 animation 为 false 禁用动画效果。

    API ​

    MessagerOptions ​

    漂浮消息定义对象。

    type ​

    消息类型

    • 类型：string;
    • 可选值：'default' | 'primary' | 'danger' | 'success' | 'warning' | 'important' | 'special'；
    • 必选：否。
    • 默认值：default

    placement ​

    漂浮消息定位方式

    • 类型：string;
    • 可选值：'top' | 'center' | 'bottom' | 'left-top' | 'left' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
    • 必选：否。
    • 默认值：top

    time ​

    漂浮消息持续时间。

    • 类型：number;
    • 必选：否。
    • 默认值：4000 (ms);

    message ​

    漂浮消息内容。

    • 类型：string;
    • 必选：否。

    parent ​

    漂浮消息父节点。

    • 类型：HTMLElement;
    • 必选：否。
    • 默认值：body.

    icon ​

    图标内容。

    • 类型：string;
    • 必选：否。

    close ​

    是否展示关闭按钮。

    • 类型：boolean;
    • 必选：否。
    • 默认值：false。

    show ​

    是否在初次渲染时展示消息。

    • 类型：boolean;
    • 必选：否。
    • 默认值：true。

    fade ​

    是否显示和隐藏消息时使用渐隐渐显的动画效果。

    • 类型：boolean;
    • 必选：否。
    • 默认值：false。

    scale ​

    是否显示和隐藏消息时使用缩放的动画效果。

    • 类型：boolean;
    • 必选：否。
    • 默认值：false。

    actions 漂浮消息按钮组配置项，详细配置可参考 按钮组。

    onAction

    • 类型：function(actionName, action, messager);
    • 必选：否。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/modal/index.html b/3/lib/components/modal/index.html index 29662f5ee1..283d2cf389 100644 --- a/3/lib/components/modal/index.html +++ b/3/lib/components/modal/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    对话框 ​

    在保留当前页面状态的情况下，直接使用触发按钮即可展现对话框，告知用户展示相关操作。

    使用方法 ​

    使用 .modal 与 .modal-dialog 类获得对话框的外观展示，通常用在元素 <div> 上。

    点击 a 标签按钮打开
    html
    <button type="button" class="btn primary" data-toggle="modal" data-target="#myModal">
@@ -136,7 +136,7 @@
     </div>
   </div>
 </div>

    CSS 类 ​

    对话框提供了如下 CSS 类：

    类类型作用
    modal实体类元素作为对话框遮罩组件
    modal-dialog实体类元素作为对话框组件
    size-sm工具类对话框使用小号尺寸
    size-lg工具类对话框使用大号尺寸

    CSS 变量 ​

    对话框提供了如下 CSS 变量，可进行全局修改。

    CSS 变量名作用
    --modal-radius对话框默认圆角大小
    --modal-bg对话框遮挡层颜色
    --modal-sm对话框小号尺寸宽度
    --modal-base对话框默认宽度
    --modal-lg对话框大号尺寸宽度

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/modal/js.html b/3/lib/components/modal/js.html index 56c24e38a1..7e447e6a0f 100644 --- a/3/lib/components/modal/js.html +++ b/3/lib/components/modal/js.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    对话框触发器 ​

    对话框触发器允许你不需要书写静态对话框HTML，直接使用触发按钮或者一行Javascript代码即可让一个全新的对话框展现。支持使用Ajax从远程获取内容，或者通过iframe加载任何页面内容，当然不使用远程内容，直接使用本地内容也是很方便。

    iframe 对话框 ​

    html
    <button type="button" class="btn primary" data-toggle="modal" data-url="/lib/modal/dev/iframe-modal.html" data-title="iframe 对话框">点击打开 iframe 对话框</button>

    Ajax 对话框 ​

    html
    <button type="button" class="btn primary" data-toggle="modal" data-type="ajax" data-url="/lib/modal/dev/ajax-modal.html" data-title="Ajax HTML 对话框" data-data-type="html">点击打开 Ajax HTML 对话框</button>

    自定义信息提示弹窗 ​

    html
    <button type="button" class="btn primary" data-toggle="modal" data-title="自定义对话框" data-content="这里是对话框内容">点击打开自定义对话框</button>

    模态框 ​

    通过 data-backdrop="false" 动态控制，设置后可以操作模态框之外的交互。

    html
    <button type="button" class="btn primary" data-backdrop="false" data-toggle="modal" data-title="自定义对话框" data-content="这里是对话框内容">点击打开模态对话框</button>

    系统对话框 ​

    警告框 ​

    通过 Modal.alert() 方法可以打开一个警告框，该方法定义如下：

    ts
    /* 直接指定要提示的消息文本 */
@@ -70,7 +70,7 @@
 >
   Modal.confirm(options)
 </button>

    选项 ​

    className ​

    类名。

    • 类型：string；
    • 必选：否。

    style ​

    样式。

    • 类型：JSX.CSSProperties；
    • 必选：否。

    size ​

    尺寸大小。

    • 类型：'sm' | 'lg' | 'md' | 'full' | number | {width: number, height: number};；
    • 必选：否。

    position ​

    位置。

    • 类型：'fit' | 'center' | 'bottom' | 'top' | number | {left: number, top: number, width: number, height: number}；
    • 必选：否；
    • 默认：fit。

    backdrop ​

    是否启用背景遮罩。

    • 类型：'static' | boolean；
    • 必选：否；
    • 默认：true。

    show ​

    是否展示弹窗

    • 类型：boolean；
    • 必选：否；
    • 默认：true。

    keyboard ​

    是否启用按键关闭对话框。

    • 类型：boolean；
    • 必选：否；
    • 默认：true。

    moveable ​

    是否可移动。

    • 类型：boolean；
    • 必选：否；
    • 默认：false。

    animation ​

    是否启用动画效果。

    • 类型：boolean；
    • 必选：否；
    • 默认：true。

    transTime ​

    过渡时间。

    • 类型：number；
    • 必选：否；
    • 默认：300。

    responsive ​

    是否自使用。

    • 类型：boolean；
    • 必选：否；
    • 默认：true。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/nav/index.html b/3/lib/components/nav/index.html index 5d2846ec96..ceae2fc021 100644 --- a/3/lib/components/nav/index.html +++ b/3/lib/components/nav/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    导航 ​

    使用方法 ​

    使用组件类.nav来获得导航外观 通常搭配<ul>,<li> 标签来使用

    基础样式 ​

    html
    <menu class="nav">
@@ -82,7 +82,7 @@
 </menu>
 
 ...

    带分隔线的导航 ​

  • 首页
  • 产品
  • 价格
  • 动态
  • 更多
  • 博客
  • 项目
  • 关于我们
  • 首页
  • 产品
  • 价格
  • 动态
  • 更多
  • 博客
  • 项目
  • 关于我们
  • 首页
  • 产品
  • 价格
  • 动态
  • 更多
  • 博客
  • 项目
  • 关于我们
  • 首页
  • 产品
  • 价格
  • 动态
  • 更多
  • 博客
  • 项目
  • 关于我们
  • 首页
  • 产品
  • 价格
  • 动态
  • 更多
  • 博客
  • 项目
  • 关于我们

    • CSS 类 ​

    导航提供了如下CSS类

    类类型作用
    nav实体类元素导航组件
    nav-heading实体类导航标题组件
    nav-divider实体类导航分割线组件
    active工具类为导航元素启用选中态样式
    nav-simple工具类为导航元素启用简单样式
    nav-primary工具类为导航元素启用主要导航样式
    nav-secondary工具类为导航元素启用次要导航样式
    nav-tabs工具类为导航元素启用标签风格导航样式
    nav-pills工具类为导航元素启用标签风格导航样式
    nav-stacked工具类为导航元素启用垂直排列导航样式
    nav-justified工具类为导航元素启用自适应宽度导航样式

    CSS 变量 ​

    变量名称变量含义
    --nav-radius导航圆角大小
    --nav-border-color导航边框颜色
    --nav-secon-border-color次要导航边框颜色
    --nav-heading-bg-color导航标题背景颜色
    --nav-heading-color导航标题字体颜色
    --nav-heading-color导航标题字体颜色
    --nav-divider-color导航分隔线颜色

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/nav/js.html b/3/lib/components/nav/js.html index 0a1fa53243..bb2804642b 100644 --- a/3/lib/components/nav/js.html +++ b/3/lib/components/nav/js.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    导航生成器 ​

    使用方法 ​

    引入 ​

    通过 npm ​

    js
    import {Nav} from 'zui/nav';
@@ -59,7 +59,7 @@
     afterRender?: (info: {nav: nav, firstRender: boolean}) => void;
     beforeDestroy?: (info: {nav: nav}) => void;
 }

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/pager/index.html b/3/lib/components/pager/index.html index 12995b0c4e..f9ad591a50 100644 --- a/3/lib/components/pager/index.html +++ b/3/lib/components/pager/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    分页 ​

    当数据量过多时，使用分页的形式分解数据。

    使用方法 ​

    将多个按钮放置在 <div class="pager"> 内即可创建一个分页组件。

    html
    <nav class="gap-1 pager">
@@ -159,7 +159,7 @@
     ...
   </menu>
 </div>

    CSS 类 ​

    分页提供了如下 CSS 类：

    类类型作用
    pager实体类元素作为分页组件
    pager-goto实体类元素作为分页的跳转组件
    pager-size-menu实体类元素作为分页的每页条数的下拉组件

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/pager/js.html b/3/lib/components/pager/js.html index 16d28256ba..d59d1cd4e5 100644 --- a/3/lib/components/pager/js.html +++ b/3/lib/components/pager/js.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    分页生成器 ​

    当数据量过多时，使用分页生成器动态分解数据。

    综合用法 ​

    html
    <div id="pagerExample1"></div>
@@ -164,7 +164,7 @@
 render(element, <Pager {...options} />);

    使用Jquery 扩展 ​

    js
    $(element).pager(options);
 
 const pager = $(element).data('zui.pager');

    选项 ​

    linkCreator ​

    导航链接生成器，点击页码时进行页面地址更换。

    • 类型：string | ((info: PagerInfo) => string)
    • 必选：否

    page ​

    初始状态的当前页码。

    • 类型：number。

    recTotal ​

    总记录数目。

    • 类型：number。

    recPerPage ​

    每页记录数。

    • 类型：number。

    pageTotal ​

    总页数。

    • 类型：number。

    items ​

    定义分页项的列表，可以通过一个函数动态返回分页组件。

    基于 工具栏 选项 和 自定义 PagerItemOptions 选项。

    onClickItem ​

    指定分页按钮的点击回调事件。

    API ​

    PagerInfo ​

    参数：

    page ​

    • 含义：初始状态的当前页码；
    • 类型：number。

    recTotal ​

    • 含义：总记录数目；
    • 类型：number。

    recPerPage ​

    • 含义：每页记录数；
    • 类型：number。

    pageTotal ​

    • 含义：总页数；
    • 类型：number。

    PagerItemOptions ​

    参数：

    type ​

    • 含义：子项类型；
    • 类型：string；
    • 可选项：info | link | nav | size-menu | goto。

    page ​

    • 含义：页码名称；
    • 类型：'first' | 'last' | 'prev' | 'next' | 'current' | number。

    text ​

    • 含义：指定类型为 info | size-menu 的显示文案；
    • 类型：string | ((info: PagerInfo) => string)。

    count ​

    • 含义：指定类型为 nav 的展示数量；
    • 类型：number。

    format ​

    • 含义：指定类型为 link | nav 的显示格式；
    • 类型：string | ((info: PagerInfo) => string)。
    • 含义：指定下拉菜单的属性；
    • 类型：object。

    items ​

    • 含义：指定类型为 size-menu 下拉菜单里的选项；
    • 类型：number[]。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/panel/index.html b/3/lib/components/panel/index.html index 009ffd793a..fe3cd98b6a 100644 --- a/3/lib/components/panel/index.html +++ b/3/lib/components/panel/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    面板 ​

    可以将某些DOM内容放在面板组件中。

    基本使用 ​

    一个面板通常包含标题，内容，脚注三部分。标题，脚注可按需选择使用。

    面板标题
    面板内容
    面板脚注
    html
    <div class="panel">
@@ -134,7 +134,7 @@
     </div>
     <div class="panel-body">内容</div>
   </div>

    CSS 类 ​

    面板提供了如下 CSS 类：

    类类型作用
    panel实体类元素作为面板组件

    CSS 变量 ​

    面板提供了如下 CSS 变量：

    变量名称变量含义
    --panel-heading-bg标题背景色
    --panel-heading-color标题文字颜色
    --panel-footer-bg脚注背景色
    --panel-border-color面板边框颜色

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/picker/index.html b/3/lib/components/picker/index.html index c6fe3f2f18..abe9d4e0e0 100644 --- a/3/lib/components/picker/index.html +++ b/3/lib/components/picker/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    下拉选择器 ​

    用于方便用户从多个选项列表中进行选择。

    单选 ​

    html
    <div id="singlePickerExample"></div>
@@ -220,7 +220,7 @@
     /** 样式。 */
     style?: JSX.CSSProperties;
 }

    本地列表项 ​

    通过初始化选项 items 指定为一个选项对象数组来定义本地列表项。

    异步获取列表项 ​

    通过初始化选项 items 指定为一个回调函数来返回列表项，可以直接返回选项对象数组，或者通过 Promise 异步返回。

    远程获取列表项 ​

    [WIP]

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/progress-circle/index.html b/3/lib/components/progress-circle/index.html index 1d9cbc3a14..b3d7230fe5 100644 --- a/3/lib/components/progress-circle/index.html +++ b/3/lib/components/progress-circle/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    环形进度条 ​

    环形进度条生成器允许通过 JS 动态创建一个环形进度条。

    使用方法 ​

    简单使用 ​

    html
    <div id="progressCircleExample"></div>
@@ -60,7 +60,7 @@
     /** 百分比文本的 Y 坐标。 */
     textY?: number;
 };

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/progress/index.html b/3/lib/components/progress/index.html index 4f4f4dd59c..13f1204328 100644 --- a/3/lib/components/progress/index.html +++ b/3/lib/components/progress/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    进度条 ​

    使用方法 ​

    使用实体类 progress 和 progress-bar 应用进度条CSS组件。

    html
    <div class="progress">
@@ -37,7 +37,7 @@
    <div class="progress-bar success" style="width: 40%"></div>
    <label class="ml-4">40%</label>
  </div>

    CSS 类 ​

    进度条提供了如下 CSS 类

    类类型作用
    progress实体类元素作为进度条容器组件
    progress-bar实体类元素作为进度条组件
    progress-striped工具类为进度条组件启用条纹样式
    active工具类为条纹样式进度条组件启用动画效果

    CSS变量 ​

    变量名称变量含义
    --progress-bg进度条组件背景颜色
    --progress-bar-color进度条组件颜色
    --progress-radius进度条组件圆角大小
    --progress-striped-size进度条组件条纹大小

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/scrollbar/index.html b/3/lib/components/scrollbar/index.html index a82192b56b..c0b9b04026 100644 --- a/3/lib/components/scrollbar/index.html +++ b/3/lib/components/scrollbar/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    滚动条 ​

    滚动条样式 ​

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, accusamus.Molestiae saepe deleniti voluptas excepturi nostrum. Consequatur eius non voluptates!Commodi omnis minus quo totam, ab aspernatur sequi vero cum?

    Explicabo asperiores recusandae qui? Aliquam similique eaque animi nemo? Fugiat.Cupiditate eaque, doloribus magnam velit ipsum maiores voluptatum eveniet rem!

    Pariatur sapiente laboriosam cumque itaque, id saepe commodi accusantium neque?

    Cupiditate eaque, doloribus magnam velit ipsum maiores voluptatum eveniet rem!

    Quidem eum, reiciendis iusto rem perspiciatis neque optio! Quae, sint!

    Maxime animi iure enim sint aperiam tempora non voluptatibus dolore.

    Suscipit cumque minus veritatis labore dolor corporis molestias. Rem, pariatur.

    Commodi omnis minus quo totam, ab aspernatur sequi vero cum?

    Repellendus rerum tempora eos praesentium at placeat, quas quibusdam sunt?

    Molestiae saepe deleniti voluptas excepturi nostrum. Consequatur eius non voluptates!

    html
    <div style="height: 100px; overflow: scroll; white-space: nowrap">
@@ -26,7 +26,7 @@
 </div>

    CSS scrollbar with overflow=overlay ​

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, accusamus.Molestiae saepe deleniti voluptas excepturi nostrum. Consequatur eius non voluptates!Commodi omnis minus quo totam, ab aspernatur sequi vero cum?

    Explicabo asperiores recusandae qui? Aliquam similique eaque animi nemo? Fugiat.Cupiditate eaque, doloribus magnam velit ipsum maiores voluptatum eveniet rem!

    Pariatur sapiente laboriosam cumque itaque, id saepe commodi accusantium neque?

    Cupiditate eaque, doloribus magnam velit ipsum maiores voluptatum eveniet rem!

    Quidem eum, reiciendis iusto rem perspiciatis neque optio! Quae, sint!

    Maxime animi iure enim sint aperiam tempora non voluptatibus dolore.

    Suscipit cumque minus veritatis labore dolor corporis molestias. Rem, pariatur.

    Commodi omnis minus quo totam, ab aspernatur sequi vero cum?

    Repellendus rerum tempora eos praesentium at placeat, quas quibusdam sunt?

    Molestiae saepe deleniti voluptas excepturi nostrum. Consequatur eius non voluptates!

    html
    <div style="overflow: overlay; height: 100px; white-space: nowrap">
   ...
 </div>

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/search-box/index.html b/3/lib/components/search-box/index.html index 66697ea956..ea4db5f85f 100644 --- a/3/lib/components/search-box/index.html +++ b/3/lib/components/search-box/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    搜索框 ​

    基于 输入框 实现的搜索框组件。

    示例 ​

    简单用法 ​

    html
    <div id="searchBox"></div>
@@ -91,7 +91,7 @@
     /** 输入框失去焦点时的回调函数。 */
     onBlur?: (event: FocusEvent) => void;
 };

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/table/index.html b/3/lib/components/table/index.html index 505a6dd067..cb5a4cb6ba 100644 --- a/3/lib/components/table/index.html +++ b/3/lib/components/table/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    表格 ​

    表格用于展示二维数据。

    使用方法 ​

    为 <table> 元素添加 CSS 类 .table 来使用表格。

    组成部分元素标签说明
    表头<thead>表头通常作为表格第一行，用于展示所有数据的各个属性名称。
    主体<tbody>一个或多个行组成表格的主体，每行用于展示一个数据。
    表尾<tfoot>表尾通常用于展示一些数据的汇总信息。
    总计3 个部分
    html
    <table class="table">
@@ -98,7 +98,7 @@
     </tr>
   </tbody>
 </table>

    CSS 类 ​

    按钮提供了如下 CSS 类：

    类类型作用
    table实体类元素作为表格组件
    table-striped工具类为表格启用斑马纹效果
    table-hover工具类为表格启用行悬停变色效果
    table-fixed工具类为表格启用固定布局
    borderless工具类移除表格所有边框
    bordered工具类为表格添加完整边框
    condensed工具类为表格启用紧凑布局

    CSS 变量 ​

    变量名称变量含义
    --table-head-bg表头背景色
    --table-striped-color表格斑马纹行背景色
    --table-hover-color表格行响应鼠标悬停变化背景颜色
    --table-border-color表格边框颜色

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/tabs/index.html b/3/lib/components/tabs/index.html index 0768e7927d..bc6af823dd 100644 --- a/3/lib/components/tabs/index.html +++ b/3/lib/components/tabs/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    标签页 ​

    标签页允许通过点击一个导航或列表项目来切换显示的内容。
    标签页内容使用 .tab-pane 作为容器元素，所有供切换显示的 .tab-pane 放置在 .tab-content 容器元素内。
    为确保在页面显示的时候标签页能够指示正确的标签和显示正确的内容，在初始状态需要为当前选中的导航项目 li.nav-item>a 元素添加 .active 类，并且为当前显示的标签页内容元素 .tab-pane 添加 .active 类。

    使用方法 ​

    为导航上每个用于切换标签内容的链接添加 href 或 data-target 属性指向当前标签页内容的 id ，并添加 data-toggle="tab" 属性。 -accent-inverse

    我是标签1。

    我是标签2。

    我是标签3。

    html
    <ul class="nav nav-tabs">
@@ -116,7 +116,7 @@
   console.log('>', event.type, info);
 });
 </script>

    CSS类 ​

    标签页提供了如下 CSS 类：

    类类型作用
    tab-content实体类元素作为所有标签页容器
    tab-pane实体类元素作为单独的标签页容器
    fade工具类标签页使用渐变动画效果
    in工具类标签页使用渐变动画效果，和 fade 同时使用

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/toolbar/index.html b/3/lib/components/toolbar/index.html index e25bef97eb..560c769c9d 100644 --- a/3/lib/components/toolbar/index.html +++ b/3/lib/components/toolbar/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    工具栏 ​

    使用方法 ​

    html
    <nav class="toolbar">
@@ -106,7 +106,7 @@
   <div class="toolbar-space" style="flex: 1 1 0%;"></div>
   <button class="btn ghost square" title="添加" type="button"><i class="icon icon-check-plus"></i></button>
 </nav>

    CSS 类 ​

    头像提供了如下 CSS 类：

    类类型作用
    toolbar实体类元素作为工具栏
    toolbar-divider实体类元素作为分割线
    toolbar-space实体类元素作为工具栏项之前的间距

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/toolbar/js.html b/3/lib/components/toolbar/js.html index e0c6ba1d56..7f250a0a53 100644 --- a/3/lib/components/toolbar/js.html +++ b/3/lib/components/toolbar/js.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    工具栏生成器 ​

    基于操作菜单 操作菜单 实现的组件，与特定的功能关联起来使用，跟导航类似，但比导航更轻量更灵活。

    使用方法 ​

    html
    <div id="toolbarExp"></div>
@@ -149,7 +149,7 @@
 render(element, <Toolbar {...options} />);

    使用 jQuery 扩展 ​

    js
    $(element).toolbar(options);
 
 const toolbar = $(element).data('zui.toolbar');

    选项 ​

    在 操作菜单 选项基础上添加新的参数选项。

    wrap ​

    限制工具栏按钮过多超出时是否换行。

    • 类型：boolean；
    • 必选：否；
    • 默认值：false。

    gap ​

    自定义工具栏按钮的间距，与 .toolbar 同级生成 .gap-* 的工具类控制按钮间距。

    • 类型：number | string
    • 必选：否

    items ​

    继承了 操作菜单 选项和按钮选项，同时添加了其他选项。

    btnProps ​

    继承按钮组件的属性， 统一处理工具栏按钮属性外观等。

    itemRender ​

    指定一个回调函数用于对组件渲染进行自定义。

    参数：items 选项的单个配置；

    返回值：items 选项的单个配置。

    beforeRender ​

    指定一个回调函数在渲染之前调用，可重新配置组件选项。

    参数：用户为按钮组组件件设置的 options；

    返回值：组件选项数据。

    afterRender ​

    指定一个回调函数在渲染之后调用。

    参数：

    • firstRender：判断是否第一次渲染；
    • menu：组件信息。

    beforeDestroy ​

    指定一个回调函数在组件销毁之前调用，无参数。

    API ​

    ToolbarItemOptions ​

    ts
    type ToolbarItemOptions = ToolbarItemProps | ToolbarDropdownProps | ToolbarBtnGroupProps | ToolbarDividerProps | ToolbarSpaceProps;

    ToolbarItemProps ​

    选项：

    继承了操作菜单的 ActionItemProps 选项和按钮的 ButtonProps ，同时添加了其他选项 btnType，用来设置按钮外观类型。

    btnType ​

    设置工具栏单个按钮的外观类型。

    • 类型：string；
    • 必选：否。

    ToolbarDropdownProps ​

    选项：

    在原有属性基础上固定 type 属性，并继承了下拉菜单的 DropdownButtonOptions 选项，同时添加了其他选项。

    type ​
    • 类型：string；
    • 属性值：dropdown；
    • 必选：是。
    children ​

    ToolbarBtnGroupProps ​

    选项：

    在原有属性基础上固定 type 属性，并继承了操作菜单的 ActionBasicProps 选项和按钮组的 BtnGroupOptions选项，同时添加了其他选项。

    type ​
    • 类型：string；
    • 属性值：btn-group；
    • 必选：是。

    ToolbarDividerProps ​

    选项：

    继承了工具栏的 ActionDividerProps 选项。

    ToolbarSpaceProps ​

    选项：

    继承了工具栏的 ActionSpaceProps 选项。

    type ​
    • 类型：string；
    • 属性值：space；
    • 必选：是。
    space ​
    • 类型：number | [leading: number, trailing: number]；
    • 必选：否。
    flex ​
    • 类型：number | 'auto' | 'none'；
    • 必选：否。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/tooltip/index.html b/3/lib/components/tooltip/index.html index cf395f3f4a..253c81463d 100644 --- a/3/lib/components/tooltip/index.html +++ b/3/lib/components/tooltip/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    提示消息 ​

    提示消息又称“工具提示”，在用户鼠标悬停在元素上时及时显示额外的内容。

    使用方法 ​

    组件提供多种不同方向的展示方式，可以根据需求选择你要的效果。

    html
    <div class="flex justify-center gap-1">
@@ -81,7 +81,7 @@
 new zui.Tooltip('#tooltipShow6', {title: 'important 外观', type: 'important'});
 new zui.Tooltip('#tooltipShow7', {title: 'white 外观', type: 'white', className: 'text-darker border border-light'});
 </script>

    选项 ​

    组件属性：

    placement ​

    提示信息的弹出方向。

    • 类型：'string';
    • 必选：否；
    • 可选项：'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'right-start' | 'right' | 'right-end'；
    • 默认：'top'。

    title ​

    设定提示消息内容。

    • 类型：'string';
    • 必选：否。

    trigger ​

    设定提示消息触发方式。

    • 类型：'click' | 'hover';
    • 必选：否。

    html ​

    是否允许消息内容包含 HTML 格式源码。

    • 类型：boolean;
    • 必选：false。

    className ​

    设定提示消息类名。

    • 类型：'string';
    • 必选：否。

    type ​

    设定提示消息外观类型。

    • 类型：'string';
    • 必选：否。

    animation ​

    决定是否应用淡入淡出动画。

    • 类型：boolean;
    • 必选：否；
    • 默认：true。

    arrow ​

    控制提示消息组件的箭头的大小。

    • 类型：'number';
    • 必选：否；
    • 默认：5。

    itemRender ​

    指定一个回调函数用于对组件渲染进行自定义。

    参数：items 选项的单个配置；

    返回值：items 选项的单个配置。

    beforeRender ​

    指定一个回调函数在渲染之前调用，可重新配置组件选项。

    参数：用户为按钮组组件件设置的 options；

    返回值：组件选项数据。

    afterRender ​

    指定一个回调函数在渲染之后调用。

    参数：

    • firstRender：判断是否第一次渲染；
    • menu：组件信息。

    beforeDestroy ​

    指定一个回调函数在组件销毁之前调用，无参数。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/tree/index.html b/3/lib/components/tree/index.html index 2b8d1945a8..4f853b667f 100644 --- a/3/lib/components/tree/index.html +++ b/3/lib/components/tree/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    树形菜单 ​

    一般用法 ​

    html
    <div id="treeExample"></div>
@@ -178,7 +178,7 @@
     /** 工具栏定义。 */
     actions?: ToolbarOptions | ToolbarItemOptions[];
 };

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/upload-imgs/index.html b/3/lib/components/upload-imgs/index.html index c30c9f390a..ca867cec47 100644 --- a/3/lib/components/upload-imgs/index.html +++ b/3/lib/components/upload-imgs/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    上传图片 ​

    用于表单上传图片。

    使用方法 ​

    手动在 Html 元素上调用初始化函数并通过配置指定表单字段名即可使用上传文件组件。

    html
    <div id="example1"></div>
    js
    const upload = new UploadImgs('#example1', {
@@ -37,7 +37,7 @@
     tip: '可点击添加或拖拽上传，图片格式支持jpg、jpeg',
     accept: 'image/jpg, image/jpeg'
 });

    选项 ​

    name ​

    表单字段名。

    • 类型：string
    • 必选：是

    showSize ​

    是否显示文件大小。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    multiple ​

    是否开启多文件上传。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    uploadText ​

    上传按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'添加文件'

    uploadIcon ​

    上传按钮图标。

    • 类型：string
    • 必选：否

    renameBtn ​

    是否启用重命名按钮。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    renameIcon ​

    重命名按钮图标。

    • 类型：string
    • 必选：否
    • 默认值：'edit'

    renameText ​

    重命名按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'重命名'

    renameClass ​

    重命名按钮类。

    • 类型：string
    • 必选：否

    deleteBtn ​

    是否启用删除按钮。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    deleteIcon ​

    删除按钮图标。

    • 类型：string
    • 必选：否
    • 默认值：'trash'

    deleteText ​

    删除按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'删除'

    deleteClass ​

    删除按钮类。

    • 类型：string
    • 必选：否

    tip ​

    文件上传提示。

    • 类型：string
    • 必选：否

    btnClass ​

    上传按钮类。

    • 类型：string
    • 必选：否

    onAdd ​

    文件变更回调。

    • 类型：(files: File[] | File) => void
    • 必选：否

    onDelete ​

    删除文件回调。

    • 类型：(file: File) => void
    • 必选：否

    onRename ​

    重命名文件回调。

    • 类型：(newName: string, oldName: string) => void
    • 必选：否

    onSizeChange ​

    文件大小变更回调。

    • 类型：(size: number) => void
    • 必选：否

    limitCount ​

    上传文件最大数量限制。

    • 类型：number
    • 必选：否

    accept ​

    上传文件类型。

    • 类型：string
    • 必选：否

    defaultFileList ​

    默认文件列表。

    • 类型：File[]
    • 必选：否

    limitSize ​

    上传文件最大大小限制。

    • 类型：${number}${'B' | 'KB' | 'MB' | 'GB'} | false
    • 必选：否

    duplicatedHint ​

    重复文件提示。

    • 类型：string
    • 必选：否

    exceededSizeHint ​

    超出大小限制提示。

    • 类型：string
    • 必选：否

    exceededCountHint ​

    超过数量限制提示。

    • 类型：string
    • 必选：否

    totalCountText ​

    文件数量提示。

    • 类型：string
    • 必选：否
    • 默认值：'共 <span class="font-bold text-black">%s</span> 个文件 <span class="font-bold text-black">%s</span> 个文件等待上传。'

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/components/upload/index.html b/3/lib/components/upload/index.html index 0daa131f1b..453bf292cd 100644 --- a/3/lib/components/upload/index.html +++ b/3/lib/components/upload/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    上传文件 ​

    用于表单上传文件。

    使用方法 ​

    手动在 Html 元素上调用初始化函数并通过配置指定表单字段名即可使用上传文件组件，默认已开启多文件上传、重命名和删除功能。

    html
    <div id="example1"></div>
    js
    const upload = new Upload('#example1', {
@@ -53,7 +53,7 @@
     name: 'files8',
     defaultFileList: [file1, file2]
 });

    选项 ​

    name ​

    表单字段名。

    • 类型：string
    • 必选：是

    icon ​

    文件图标。

    • 类型：string
    • 必选：否
    • 默认值：'file-o'

    showIcon ​

    是否显示文件图标。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    showSize ​

    是否显示文件大小。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    multiple ​

    是否开启多文件上传。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    listPosition ​

    文件列表位置。

    • 类型：'bottom' | 'top'
    • 必选：否
    • 默认值：'bottom'

    uploadText ​

    上传按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'上传文件'

    uploadIcon ​

    上传按钮图标。

    • 类型：string
    • 必选：否

    renameBtn ​

    是否启用重命名按钮。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    renameIcon ​

    重命名按钮图标。

    • 类型：string
    • 必选：否
    • 默认值：'edit'

    renameText ​

    重命名按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'重命名'

    renameClass ​

    重命名按钮类。

    • 类型：string
    • 必选：否

    deleteBtn ​

    是否启用删除按钮。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    deleteIcon ​

    删除按钮图标。

    • 类型：string
    • 必选：否
    • 默认值：'trash'

    deleteText ​

    删除按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'删除'

    deleteClass ​

    删除按钮类。

    • 类型：string
    • 必选：否

    confirmText ​

    确认重命名按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'确定'

    cancelText ​

    取消重命名按钮文本。

    • 类型：string
    • 必选：否
    • 默认值：'取消'

    useIconBtn ​

    是否使用图标按钮。

    • 类型：boolean
    • 必选：否
    • 默认值：true

    tip ​

    文件上传提示。

    • 类型：string
    • 必选：否

    btnClass ​

    上传按钮类。

    • 类型：string
    • 必选：否

    onAdd ​

    文件变更回调。

    • 类型：(files: File[] | File) => void
    • 必选：否

    onDelete ​

    删除文件回调。

    • 类型：(file: File) => void
    • 必选：否

    onRename ​

    重命名文件回调。

    • 类型：(newName: string, oldName: string) => void
    • 必选：否

    onSizeChange ​

    文件大小变更回调。

    • 类型：(size: number) => void
    • 必选：否

    draggable ​

    是否启用拖拽功能。

    • 类型：boolean
    • 必选：否
    • 默认值：false

    limitCount ​

    上传文件最大数量限制。

    • 类型：number
    • 必选：否

    accept ​

    上传文件类型。

    • 类型：string
    • 必选：否

    defaultFileList ​

    默认文件列表。

    • 类型：File[]
    • 必选：否

    limitSize ​

    上传文件最大大小限制。

    • 类型：${number}${'B' | 'KB' | 'MB' | 'GB'} | false
    • 必选：否

    duplicatedHint ​

    重复文件提示。

    • 类型：string
    • 必选：否

    exceededSizeHint ​

    超出大小限制提示。

    • 类型：string
    • 必选：否

    exceededCountHint ​

    超过数量限制提示。

    • 类型：string
    • 必选：否

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/dtable/dtable/index.html b/3/lib/dtable/dtable/index.html index 7c051cbe2d..0788171e13 100644 --- a/3/lib/dtable/dtable/index.html +++ b/3/lib/dtable/dtable/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    数据表格 ​

    数据表格是一种展示二维数据的强大方式，相比较普通的表格（<table>）组件，提供了更多的交互形式，并且拥有插件机制方便定制复杂交互的界面。

    示例 ​

    基本功能 ​

    下面的示例中展示了数据表格的基本功能，包括：

    • 在固定区域内展示数据，超出部分可以滚动查看；
    • 滚动时固定两侧的列和表头；
    • 根据设定的列宽显示列；
    • 虚拟渲染（仅渲染用户能看到的单元格）；
    • 根据列设置调整单元格对齐方式。

    增强功能 ​

    下面的示例中展示了通过内置插件以及定制化选项实现的增强功能，包括：

    • 在表头显示排序标记；
    • 行选中交互；
    • 多层级数据结构，支持展开折叠；
    • 特殊交互和外观，包括：鼠标悬停效果、隔行变色、完整边框等；
    • 丰富的单元格渲染格式，包括链接、头像、环形进度条，格式化文本和操作按钮等。

    使用 ​

    1. 引入

    在你的代码中引入数据表格组件：

    js
    import {DTable} from 'zui/dtable';

    2. 定义表格的列

    通过一个对象数组依次序定义数据表格中的所有列，每个对象定义一个列，通过对象上的 name 属性来区分不同的列。例如：

    js
    const cols = [
@@ -357,7 +357,7 @@
 
   render(): void;
 }

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/dtable/dtable/plugins.html b/3/lib/dtable/dtable/plugins.html index fc71ba5101..703106d5db 100644 --- a/3/lib/dtable/dtable/plugins.html +++ b/3/lib/dtable/dtable/plugins.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    数据表格插件 ​

    富格式插件 rich ​

    内置插件

    让单元格支持展示丰富格式内容，包括链接、格式化字符串、HTML、迷你进度条以及时间日期等。

    链接 ​

    在列定义上通过 link 属性设置单元格内容作为链接显示，支持以下值：

    • string：使用模版字符串来生成链接；
    • {url: string} & JSX.HTMLAttributes<HTMLAnchorElement>：使用对象来生成链接，对象中的其他属性将作为链接的属性；
    • ((info: {row: RowInfo, col: ColInfo}) => string | false | ({url: string} & JSX.HTMLAttributes<HTMLAnchorElement>))：使用函数来动态生成链接，如果在函数内返回 false 则不生成链接。

    下面为一个实际的例子：

    js
    const cols = [
@@ -747,7 +747,7 @@
     /* 表头分组名称。 */
     headerGroup?: string;
 }

    拖放改变列宽 resize ​

    WIP

    上下文菜单 contextmenu ​

    WIP

    快捷键 hotkey ​

    WIP

    鼠标移动事件支持 mousemove ​

    WIP

    拖放选择 selectable ​

    WIP

    过滤 filter ​

    WIP

    拖放移动 moveable ​

    WIP

    数据网格 datagrid ​

    WIP

    编辑状态 draft ​

    WIP

    可编辑 editable ​

    WIP

    历史记录 history ​

    WIP

    自动滚动 autoscroll ​

    WIP

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/forms/checkbox/index.html b/3/lib/forms/checkbox/index.html index 6f63a254d9..7aa0898431 100644 --- a/3/lib/forms/checkbox/index.html +++ b/3/lib/forms/checkbox/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    单选框和复选框 ​

    复选框（checkbox）允许用户选择多个选项，不同于 <select>，这些选项是直接展示的。 为 <input type="checkbox"> 设置 disabled 属性来应用禁用样式， 如果为 .checkbox 添加 disabled 类，则整个复选框包括文字部分都会应用禁用样式。 将多个复选框堆叠形成一个复选框组。

    使用方法 ​

    基本样式复选框 ​

    html
    <div class="checkbox">
@@ -97,7 +97,7 @@
 <div class="radio-primary"><input type="radio" name="primaryRadioGroup1" checked="checked" disabled="disabled" id="primaryradio4"><label for="primaryradio4">禁用</label></div>

    高级外观还可以不使用 <input> 元素，在此种情况下，为 .checkbox-primary 或 .radio-primary 添加 .checked 类标记为选中状态，用户无法通过点击来切换选中状态，但可以通过程序手动添加或移除 .checked 来更改选中状态。

    html
    <div class="checkbox-primary"><label>未选中</label></div>
  <div class="checkbox-primary checked"><label>选中</label></div>
    html
    <div class="radio-primary"><label>未选中</label></div>
   <div class="radio-primary checked"><label>选中</label></div>

    开关 ​

    CSS 类 ​

    单选框和复选框提供了如下CSS类

    类类型作用
    checkbox实体类复选框组件
    radio实体类单选框组件
    checkbox-inline实体类内联复选框组件
    radio-inline实体类内联单选框组件
    checkbox-primary实体类高级外观的复选框组件
    radio-primary实体类高级外观的单选框组件
    switch实体类开关组件
    checked修饰类强制使用选中外观
    focus修饰类强制使用激活外观

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/forms/form/index.html b/3/lib/forms/form/index.html index 9d548c38c5..2f40c4d0fb 100644 --- a/3/lib/forms/form/index.html +++ b/3/lib/forms/form/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    表单 ​

    基本样式表单 ​

    使用组件类.form-group来获得表单外观，通常搭配<form>,<label>以及<input>等表单控件使用

    html
    <form>
@@ -129,7 +129,7 @@
   <option value="banana">香蕉</option>
   <option value="orange">橘子</option>
 </select>

    CSS 类 ​

    表单提供了如下CSS类

    类类型作用
    form-group实体类元素作为表单组件
    form-control实体类元素作为表单控件组件
    form-tip实体类元素作为表单控件的提示性文本
    form-horizontal工具类为表单启用水平排列样式
    required工具类为表单控件启用必填标记样式
    has-error工具类为表单控件启用报错样式
    has-warning工具类为表单控件启用警告样式
    has-success工具类为表单控件启用成功样式

    CSS 变量 ​

    变量名称变量含义
    --form-label-width表单文本宽度
    --form-horz-label-align水平布局下文本对齐方向
    --form-control-radius表单控件圆角
    --form-control-border-color表单控件边框颜色
    --form-focus-color表单控件响应聚焦边框颜色
    --form-placeholder-color表单控件提示文本文字颜色

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/forms/input-control/index.html b/3/lib/forms/input-control/index.html index 6cd82ec30f..a40887de7b 100644 --- a/3/lib/forms/input-control/index.html +++ b/3/lib/forms/input-control/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    输入框 ​

    通过鼠标或键盘输入内容，通常用在表单、对话框上面。

    使用方法 ​

    使用 input-control 类来获得输入框的外观和交互体验。

    用户名
    html
    <div class="input-control">
@@ -102,7 +102,7 @@
 <div class="input-control">
   <input type="text" class="form-control shadow" placeholder="请填写" />
 </div>

    CSS 类 ​

    输入框提供了如下 CSS 类：

    类类型作用
    input-control实体类元素作为输入框组件
    prefix工具类输入框前缀元素样式
    suffix工具类输入框后缀元素样式
    size-sm工具类输入框使用小号尺寸
    size-lg工具类输入框使用大号尺寸

    CSS 变量 ​

    输入框提供了如下 CSS 变量，可进行全局修改。

    CSS 变量名作用
    --input-fix-width输入框前/后缀的默认宽度
    --input-fix-width-sm输入框前/后缀的小号宽度
    --input-fix-width-lg输入框前/后缀的大号宽度

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/forms/input-group/index.html b/3/lib/forms/input-group/index.html index e88851b1bc..e653fcce64 100644 --- a/3/lib/forms/input-group/index.html +++ b/3/lib/forms/input-group/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    输入组 ​

    通过在文本输入框 <input> 前面、后面或是两边加上文字、图标或按钮，可以实现对表单控件的扩展。 依赖form表单中的input组件

    使用方法 ​

    使用 .input-group 类来获得按钮的外观和交互体验

    前

    可以使用input-group-addon类和input输入框组合，通过调换顺序实现不同种输入组外观显示

    前
    中
    后
    前中
    前后
    前中后
    html
    <div class="input-group">
@@ -120,7 +120,7 @@
     </div>
   </div>
 </div>

    CSS类 ​

    输入组提供了如下 CSS 类：

    类类型作用
    input-group实体类元素作为输入组组件
    input-group-addon实体类元素作为输入组内部额外元素
    size-sm工具类输入组使用小号尺寸
    size-lg工具类输入组使用大号尺寸

    CSS 变量 ​

    变量名称变量含义
    --input-group-addon-bg输入组附加部分背景颜色
    --input-group-addon-color输入组附加部分文字颜色

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/helpers/core/cash.html b/3/lib/helpers/core/cash.html index dd178a53a0..d5871ef081 100644 --- a/3/lib/helpers/core/cash.html +++ b/3/lib/helpers/core/cash.html @@ -13,12 +13,12 @@ - - + +
    ZUI 3

    Cash（jQuery）扩展 ​

    介绍 ​

    在 ZUI3 一些 JS 组件依赖了 Cash，这是一个轻量级的 jQuery 替代品，它的 API 与 jQuery 保持一致，但体积更小，性能更好。需要注意的是 Cash 与 jQuery 存在一些差异，详情参考 Migration Guide。

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/helpers/core/component.html b/3/lib/helpers/core/component.html index 28b564cceb..4219da8326 100644 --- a/3/lib/helpers/core/component.html +++ b/3/lib/helpers/core/component.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    组件基础 ​

    Cash 辅助方法 ​

    为了方便手动构造、调用组件，增加了一系列 jQuery 风格的方法。

    获取组件实例 $.fn.zui ​

    定义：

    ts
    /* 获取元素上的找到的最后一个组件实例。 */
@@ -79,7 +79,7 @@
 
 /* 销毁。 */
 datePicker.destroy();

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/helpers/helpers/index.html b/3/lib/helpers/helpers/index.html index 228f0fed3b..2c525c7dab 100644 --- a/3/lib/helpers/helpers/index.html +++ b/3/lib/helpers/helpers/index.html @@ -13,12 +13,12 @@ - - + +
    ZUI 3

    JS 辅助方法 ​

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/helpers/store/index.html b/3/lib/helpers/store/index.html index 000f981c3b..c2db20d935 100644 --- a/3/lib/helpers/store/index.html +++ b/3/lib/helpers/store/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    本地存储 ​

    本地存储（Local storage）是在浏览器本地存储应用数据的好途径。相比较 cookie 拥有更大的存储空间（相同域下一般达到 5M 以上存储空间），使用更灵活，而且不会在每次提交中发送到服务器。几乎所有浏览器都支持本地存储，甚至包括 IE。

    本地存储包括尺寸存储和会话存储，对应的是浏览器内置的 localStorage 和 sessionStorage。

    此 JS 插件提供了一系列方法用于读写本地存储数据。相比较直接使用这些浏览器原生接口，Store 类在读写数据时会自动进行转换，所以你可以存储任何可以被系列化为 JSON 的数据，例如数值、数组和复杂对象，而不仅仅是字符串。

    引入 ​

    js
    import {store} from 'zui/store';

    store 为默认的持久存储管理实例，可以直接使用上面的各种方法进行数据操作。如需使用会话存储数据，则只需要通过 store.session 访问会话存储类型的管理实例即可。

    综合示例 ​

    （待定：提供一个例子读取示例数据，并提供操作按钮让用户手动添加数据进行存储）

    存储数据 ​

    存储数据使用 Store 实例上的 set 方法。

    示例

    js
    store.set('mySecretCode', 1314520);

    读取数据 ​

    读取数据使用 Store 实例上的 get 方法。

    示例

    js
    store.get('mySecretCode'); // 基于存储数据的例子应该返回 1314520

    移除数据 ​

    读取数据使用 Store 实例上的 remove 方法。

    示例

    js
    store.remove('mySecretCode');

    遍历数据 ​

    遍历数据使用 Store 实例上的 each 方法。

    示例

    js
    store.each((name, value) => {
@@ -38,7 +38,7 @@
 store.get('mySecretCode');          // 返回 1
 myStore.get('mySecretCode');        // 返回 2
 mySessionStore.get('mySecretCode'); // 返回 3

    API ​

    C Store ​

    Store 类。

    属性

    名称类型定义
    typeStoreType存储类型
    sessionStore与当前存储同名的会话存储实例

    方法

    方法名定义
    get获取数据
    set存储数据
    remove移除数据
    each遍历数据
    getAll获取所有数据

    F Store.set(key, value) ​

    存储数据。

    定义

    ts
    set(key: string, value: any) => void;

    参数

    参数类型定义
    keystring存储的数据名称
    valueany要存储的数据

    方法

    F Store.get(key, defaultValue) ​

    读取数据。

    定义

    ts
    get(key: string, defaultValue?: any) => any;

    参数

    参数类型定义
    keystring读取的数据名称
    defaultValueany当没有读取数据时返回此默认值

    返回值

    类型定义
    any读取到的数据

    F Store.remove(key) ​

    移除数据

    定义

    ts
    remove(key: string) => void;

    参数

    参数类型定义
    keystring要移除的数据名称

    F Store.each(callback) ​

    遍历数据。

    定义

    ts
    each(callback: (name: string, value: any) => void) => void;

    参数

    参数类型定义
    callbackfunction遍历回调函数

    其中 callback 参数：

    参数类型定义
    namestring本次遍历存储的名称
    valueany本次遍历存储的值

    F Store.getAll() ​

    获取所有存储的数据。

    定义

    ts
    getAll() => Record<string, any>;

    返回值

    类型定义
    Record<string, any>通过一个对象返回所有存储的数据，对象的属性名和值分别对应存储的名称和值

    T StoreType ​

    本地存储类型。

    定义

    ts
    type StoreType = 'local' | 'session';

    常量定义

    值定义
    'local'本地持久存储
    'session'本地会话存储

    V store ​

    默认的 store 实例，并包含用于创建新的 Store 实例的快捷方法。

    定义

    ts
    var store: Store & {create: StoreCreateFunc}

    其中 create 成员为创建 Store 实例的快捷方法。

    F StoreCreateFunc ​

    Store 实例创建方法。

    定义

    ts
    type StoreCreateFunc = (name?: string, type: StoreType = 'local') => Store;

    参数

    参数类型定义
    namestring本地存储实例名称
    typeStoreType存储类型，默认为 'local'

    MIT License (MIT)

    Copyright (C) 2022 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/lib/icons/icons/index.html b/3/lib/icons/icons/index.html index 892c220be5..014ff83e19 100644 --- a/3/lib/icons/icons/index.html +++ b/3/lib/icons/icons/index.html @@ -13,8 +13,8 @@ - - + +
    ZUI 3

    图标 ​

    所有图标 ​

      使用方法 ​

      html
      <i class="icon icon-resize"></i>

      尺寸 ​

      使用 icon-*x 类实现不同大小的图标，支持五种图标大小

      html
      <i class="icon icon-5x icon-resize"></i>
@@ -30,7 +30,7 @@
   <i class="icon icon-star ping"></i>
   <i class="icon icon-star pulse"></i>
   <i class="icon icon-star bounce"></i>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/lib/index.html b/3/lib/index.html index 17729ce4b3..e74708021b 100644 --- a/3/lib/index.html +++ b/3/lib/index.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      组件库 ​

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/public/icons/fontawesome-license.html b/3/public/icons/fontawesome-license.html index 3cdc3295e3..236333df78 100644 --- a/3/public/icons/fontawesome-license.html +++ b/3/public/icons/fontawesome-license.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      License ​

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/themes/index.html b/3/themes/index.html index d49ff84812..29311d3d2b 100644 --- a/3/themes/index.html +++ b/3/themes/index.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      主题 ​

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/backgrounds/utilities/index.html b/3/utilities/backgrounds/utilities/index.html index fb3f63d245..99a306251b 100644 --- a/3/utilities/backgrounds/utilities/index.html +++ b/3/utilities/backgrounds/utilities/index.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      背景色 ​

      使用bg-*给元素添加背景色

      效果展示 ​

      语义化配色 ​

      bg-primary
      #2B80FF
      bg-secondary
      #37B2FE
      bg-success
      #17CE97
      bg-warning
      #FFA34D
      bg-danger
      #FF5858
      bg-important
      #FF4F9E
      bg-special
      #9D5EFF

      黑白配色 ​

      bg-white
      #FFFFFF
      bg-lighter
      #F5F5F5
      bg-light
      #E3E4E9
      bg-gray
      #9EA3B0
      bg-darken
      #5E626D
      bg-darker
      #1B1F28
      bg-black
      #000000

      特殊配色 ​

      bg-surface
      #F5F5F5
      bg-inverse
      #3C4353
      bg-transparent
      bg-inherit

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/borders/utilities/border-color.html b/3/utilities/borders/utilities/border-color.html index 931c9e873c..2482b55821 100644 --- a/3/utilities/borders/utilities/border-color.html +++ b/3/utilities/borders/utilities/border-color.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      边框颜色 ​

      使用'border-*' 设置元素边框颜色。

      效果展示 ​

      语义化配色 ​

      border-primary
      #2B80FF
      border-secondary
      #37B2FE
      border-success
      #17CE97
      border-warning
      #FFA34D
      border-danger
      #FF5858
      border-important
      #FF4F9E
      border-special
      #9D5EFF

      黑白配色 ​

      border-white
      #FFFFFF
      border-lighter
      #F5F5F5
      border-light
      #E3E4E9
      border-gray
      #9EA3B0
      border-dark
      #5E626D
      border-darker
      #1B1F28
      border-black
      #000000

      特殊配色 ​

      border-surface
      #F5F5F5
      border-inverse
      #3C4353
      border-transparent
      border-inherit
      border-current

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/borders/utilities/border-radius.html b/3/utilities/borders/utilities/border-radius.html index e8f7c1b73d..41f7fc8a87 100644 --- a/3/utilities/borders/utilities/border-radius.html +++ b/3/utilities/borders/utilities/border-radius.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      边框圆角 ​

      使用'rounded-*' 设置元素边框圆角大小。

      效果展示 ​

      rounded-none
      rounded-sm
      rounded
      rounded-md
      rounded-lg
      rounded-xl
      rounded-full
      circle

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/borders/utilities/border-width.html b/3/utilities/borders/utilities/border-width.html index 2e93843cbf..4939f048f5 100644 --- a/3/utilities/borders/utilities/border-width.html +++ b/3/utilities/borders/utilities/border-width.html @@ -13,15 +13,15 @@ - - + +
      ZUI 3

      边框大小 ​

      使用'border-*' 设置元素边框圆角大小。

      效果展示 ​

      无边框 ​

      border-0

      边框宽度 ​

      border
      border-2
      border-4

      单边有边框 ​

      border-l
      border-t
      border-b-2
      border-r-4

      单边无边框 ​

      border-l-0
      border-t-0
      border-b-0
      border-r-0
      html
      <div class="broder border-l-0 -h-8 border-primary"></div>
 <div class="broder border-t-0 -h-8 border-primary"></div>
 <div class="broder border-b-0 -h-8 border-primary"></div>
 <div class="broder border-r-0 -h-8 border-primary"></div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/animation.html b/3/utilities/effects/utilities/animation.html index 615a82a050..2345f42838 100644 --- a/3/utilities/effects/utilities/animation.html +++ b/3/utilities/effects/utilities/animation.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      动画 ​

      效果展示 ​

      旋转 ​

      使用spin给元素添加旋转动画

      html
      <button type="button" class="btn primary">
@@ -32,7 +32,7 @@
 </div>

      弹跳 ​

      使用bounce给元素添加弹跳动画

      html
      <button type="button" class="btn primary">
   <i class="bounce icon icon-arrow-down text-white"></i> 弹跳
 </button>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/filter.html b/3/utilities/effects/utilities/filter.html index 03cfc32a56..b494ef49d4 100644 --- a/3/utilities/effects/utilities/filter.html +++ b/3/utilities/effects/utilities/filter.html @@ -14,8 +14,8 @@ - - + +
      ZUI 3

      Filter函数 ​

      效果展示 ​

      高斯模糊 ​

      通过blur-*给图片添加高斯模糊样式。

      原始
      blur-none
      blur-sm
      blur
      blur-md
      blur-lg
      blur-xl

      灰度和反色 ​

      通过grascale将图像转为灰度图像；通过invert将图像设置为反色。

      原始
      grayscale
      invert

      图像阴影 ​

      通过dsd-*给图像设置阴影效果。

      原始
      dsd-none
      dsd-sm
      dsd
      dsd-md
      dsd-lg
      dsd-xl
      dsd-2xl
      html
      <img class="dsd-sm" ... >

      覆盖区域模糊 ​

      通过bg-blur-*添加覆盖区域模糊样式。

      ZUI3
      原始
      ZUI3
      bg-blur-none
      ZUI3
      bg-blur-sm
      ZUI3
      bg-blur
      ZUI3
      bg-blur-md
      ZUI3
      bg-blur-lg
      ZUI3
      bg-blur-xl
      ZUI3
      bg-blur-2xl
      ZUI3
      bg-blur-3xl
      html
      <div class="relative w-24 h-16">
@@ -24,7 +24,7 @@
       ZUI3
     </div>
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/flip.html b/3/utilities/effects/utilities/flip.html index f4daad3803..9d36ab6d6d 100644 --- a/3/utilities/effects/utilities/flip.html +++ b/3/utilities/effects/utilities/flip.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      翻转 ​

      添加flip-*给元素添加翻转样式

      ZUI
      原始
      ZUI
      flip-x
      ZUI
      flip-y

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/opacity.html b/3/utilities/effects/utilities/opacity.html index 92696ea162..3935daf45c 100644 --- a/3/utilities/effects/utilities/opacity.html +++ b/3/utilities/effects/utilities/opacity.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      不透明度 ​

      使用opacity-*设置元素的不透明度

      opacity-0
      opacity-5
      opacity-10
      opacity-20
      opacity-25
      opacity-30
      opacity-40
      opacity-50
      opacity-60
      opacity-70
      opacity-75
      opacity-80
      opacity-90
      opacity-95
      opacity-100

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/rotate.html b/3/utilities/effects/utilities/rotate.html index 096a23590f..2f4abe4173 100644 --- a/3/utilities/effects/utilities/rotate.html +++ b/3/utilities/effects/utilities/rotate.html @@ -14,12 +14,12 @@ - - + +
      ZUI 3

      旋转 ​

      添加rotate-*设置元素翻转角度

      rotate-0
      rotate-1
      rotate-2
      rotate-3
      rotate-6
      rotate-12
      rotate-45
      rotate-90
      rotate-180

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/scale.html b/3/utilities/effects/utilities/scale.html index 94a5404055..9b13f11489 100644 --- a/3/utilities/effects/utilities/scale.html +++ b/3/utilities/effects/utilities/scale.html @@ -14,12 +14,12 @@ - - + +
      ZUI 3

      缩放 ​

      添加scale-*设置元素的缩放

      scale-150
      scale-125
      scale-110
      scale-105
      scale-100
      scale-50
      scale-0

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/shadow.html b/3/utilities/effects/utilities/shadow.html index 45f40a350f..4f95c66200 100644 --- a/3/utilities/effects/utilities/shadow.html +++ b/3/utilities/effects/utilities/shadow.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      盒阴影 ​

      阴影大小 ​

      使用shadow-*设置阴影大小。

      shadow-none
      shadow-sm
      shadow
      shadow-md
      shadow-lg
      shadow-xl
      shadow-2xl
      shadow-inner

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/align-content.html b/3/utilities/flex/utilities/align-content.html index 155b0a2198..8794b73867 100644 --- a/3/utilities/flex/utilities/align-content.html +++ b/3/utilities/flex/utilities/align-content.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      align-content ​

      使用content-*应用CSSalign-content属性设置Flex容器中多行子元素沿交叉轴的对齐方式。

      效果展示 ​

      content-center

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      content-start

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      content-end

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      content-between

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      content-around

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      content-evenly

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/align-items.html b/3/utilities/flex/utilities/align-items.html index 8e0fba0adb..cb0cb00473 100644 --- a/3/utilities/flex/utilities/align-items.html +++ b/3/utilities/flex/utilities/align-items.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      align-items ​

      使用items-*应用CSSalign-items属性 属性设置 Flex 容器中的交叉轴方向上的对齐方式。

      items-center

      1
      2
      3
      4
      5

      items-start

      1
      2
      3
      4
      5

      items-end

      1
      2
      3
      4
      5

      items-baseline

      1
      2
      3
      4
      5

      items-stretch

      1
      2
      3
      4
      5

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/align-self.html b/3/utilities/flex/utilities/align-self.html index 14ededb945..b61bdb0ddf 100644 --- a/3/utilities/flex/utilities/align-self.html +++ b/3/utilities/flex/utilities/align-self.html @@ -13,15 +13,15 @@ - - + +
      ZUI 3

      align-self ​

      使用 self-* 应用 CSS align-self 属性设置当前元素在 Grid 或 Flex 容器中的交叉轴方向上的对齐方式。

      self-auto

      self-auto
      default
      default
      default
      default

      self-start

      self-start
      default
      default
      default
      default

      self-end

      self-end
      default
      default
      default
      default

      self-center

      self-center
      default
      default
      default
      default

      self-stretch

      self-stretch
      default
      default
      default
      default

      self-baseline

      self-baseline
      default
      default
      default
      default
      html
      <div class="flex flex-wrap ...">
     <div class="align-auto ...">
     ...
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/basis.html b/3/utilities/flex/utilities/basis.html index 77b7a9a507..3e93cc88bc 100644 --- a/3/utilities/flex/utilities/basis.html +++ b/3/utilities/flex/utilities/basis.html @@ -13,15 +13,15 @@ - - + +
      ZUI 3

      basis ​

      使用 basis-* 应用 CSS flex-basis 属性设置当前元素在 Grid 或 Flex 容器中弹性盒伸缩的基准值。

      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      14
      16
      20
      24
      28
      32
      36
      40
      44
      48
      52
      56
      60
      64
      72
      80
      96
      full
      auto
      px
      html
      <div class="flex flex-wrap ...">
     <div class="basis-* ..."></div>
     ...
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/direction.html b/3/utilities/flex/utilities/direction.html index 1546fed8a9..3a6b5805c2 100644 --- a/3/utilities/flex/utilities/direction.html +++ b/3/utilities/flex/utilities/direction.html @@ -13,14 +13,14 @@ - - + +
      ZUI 3

      direction ​

      使用 self-* 应用 CSS flex-direction 属性设置 Flex 容器中主轴的展开方向。

      row

      1
      2
      3

      row-reverse

      1
      2
      3

      col

      1
      2
      3

      col-reverse

      1
      2
      3
      html
      <div class="flex row ...">
     ...
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/flex.html b/3/utilities/flex/utilities/flex.html index 3cde2d50ba..5c85cd71fe 100644 --- a/3/utilities/flex/utilities/flex.html +++ b/3/utilities/flex/utilities/flex.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      flex ​

      使用flex-*应用CSSflex属性设置当前元素在Grid或Flex容器中的伸缩方式。

      flex-1

      24 * 16
      24 * 16
      24 * 16

      flex-initial

      24 * 16
      24 * 16
      24 * 16

      flex-none

      24 * 16
      24 * 16
      24 * 16
      html
      <div class="flex ...">
@@ -22,7 +22,7 @@
     <div class="flex-1 ..."></div>
     <div class="flex-1 ..."></div>
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/gap.html b/3/utilities/flex/utilities/gap.html index ed77ac1f91..f45ee21620 100644 --- a/3/utilities/flex/utilities/gap.html +++ b/3/utilities/flex/utilities/gap.html @@ -13,13 +13,13 @@ - - + +
      ZUI 3

      gap ​

      使用gap-*应用CSS属性gap设置Flex容器中元素间距。

      gap-0

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-0

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-0

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-1

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-1

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-1

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-2

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-2

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-2

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-3

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-3

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-3

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-4

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-4

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-4

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-5

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-5

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-5

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-6

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-6

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-6

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-7

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-7

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-7

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-8

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-x-8

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12

      gap-y-8

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      html
      <div class="flex flex-wrap gap-* ...">
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/grow.html b/3/utilities/flex/utilities/grow.html index baf4b4dde6..ccf054fa19 100644 --- a/3/utilities/flex/utilities/grow.html +++ b/3/utilities/flex/utilities/grow.html @@ -13,13 +13,13 @@ - - + +
      ZUI 3

      grow ​

      使用grow应用CSSflex-grow属性设置Flex容器中元素是否能放大。

      grow-0
      grow
      html
      <div class="bg-primary w-16 h-16 grow-0"></div>
   <div class="bg-primary w-16 h-16 grow"></div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/justify-content.html b/3/utilities/flex/utilities/justify-content.html index 5d1f5636ec..e5c28c5249 100644 --- a/3/utilities/flex/utilities/justify-content.html +++ b/3/utilities/flex/utilities/justify-content.html @@ -13,15 +13,15 @@ - - + +
      ZUI 3

      justify-content ​

      使用justify-*应用CSSjustify-content属性设置Flex容器中元素沿水平轴的对齐方式。

      justify-start

      1
      2
      3
      4

      justify-end

      1
      2
      3
      4

      justify-center

      1
      2
      3
      4

      justify-between

      1
      2
      3
      4

      justify-around

      1
      2
      3
      4

      justify-evenly

      1
      2
      3
      4
      html
      <div class="justify-start flex flex-wrap ...">
     <div></div>
     ...
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/order.html b/3/utilities/flex/utilities/order.html index 90891ec413..b6e4c7997a 100644 --- a/3/utilities/flex/utilities/order.html +++ b/3/utilities/flex/utilities/order.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      order ​

      使用order-*应用CSS属性order设置当前元素在Flex容器中的排列顺序

      1
      order-12
      2
      order-11
      3
      order-10
      4
      order-9
      5
      order-8
      6
      order-7
      7
      order-6
      8
      order-5
      9
      order-4
      10
      order-3
      11
      order-2
      12
      order-1
      html
      <div class="flex flex-wrap gap-3 ...">
@@ -28,7 +28,7 @@
   <div class="order-first ...">2</div>
   <div class="order-none ...">3</div>
 <div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/shrink.html b/3/utilities/flex/utilities/shrink.html index d0ffe4af18..e9910b1663 100644 --- a/3/utilities/flex/utilities/shrink.html +++ b/3/utilities/flex/utilities/shrink.html @@ -13,15 +13,15 @@ - - + +
      ZUI 3

      shrink ​

      使用shrink应用CSSflex-shrinl属性设置Flex容器中元素是否缩小。

      shrink
      shrink-0
      html
      <div class="w-64 flex gap-3">
     <div class="w-48 h-16 shrink"></div>
     <div class="w-48 h-16 shrink-0"></div>
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/wrap.html b/3/utilities/flex/utilities/wrap.html index bfcdb27fd1..54f0cc0d48 100644 --- a/3/utilities/flex/utilities/wrap.html +++ b/3/utilities/flex/utilities/wrap.html @@ -13,14 +13,14 @@ - - + +
      ZUI 3

      wrap ​

      添加flex-*应用CSSflex-wrap相关属性设置Flex容器中换行方式

      flex-wrap

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      flex-wrap-reverse

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10

      flex-nowrap

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      html
      <div class="flex flex-wrap ...">
     ...
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/index.html b/3/utilities/index.html index a24dda067e..4445fc960f 100644 --- a/3/utilities/index.html +++ b/3/utilities/index.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      CSS 工具类 ​

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/interactivity/utilities/disabled.html b/3/utilities/interactivity/utilities/disabled.html index 9b35f01ce3..be0aa269e4 100644 --- a/3/utilities/interactivity/utilities/disabled.html +++ b/3/utilities/interactivity/utilities/disabled.html @@ -13,13 +13,13 @@ - - + +
      ZUI 3

      禁用 ​

      工具类作用
      disabled组件禁用

      效果展示 ​

      默认展示禁用展示
      html
      <a>默认展示</a>
 <a class="disabled">禁用展示</a>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/interactivity/utilities/pointer-events.html b/3/utilities/interactivity/utilities/pointer-events.html index 941544669a..2d1cd3afee 100644 --- a/3/utilities/interactivity/utilities/pointer-events.html +++ b/3/utilities/interactivity/utilities/pointer-events.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      指向事件 ​

      用于控制元素是否响应指向事件的工具类。

      工具类属性
      events-nonepointer-events: none;
      events-autopointer-events: auto;

      效果展示 ​

      隐蔽事件 ​

      使用 events-none 使元素忽略指向事件。指向事件仍然会在子元素上触发，并传递到目标元素的下方。

      html
      <button class="btn events-none">隐蔽事件</button>

      开启事件 ​

      使用 events-auto 来恢复浏览器对指向事件（如 :hover 和 click ）的默认行为。

      html
      <button class="btn events-auto">开启事件</button>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/interactivity/utilities/scroll.html b/3/utilities/interactivity/utilities/scroll.html index 1f965c3ebb..68a29c2a69 100644 --- a/3/utilities/interactivity/utilities/scroll.html +++ b/3/utilities/interactivity/utilities/scroll.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      滚动 ​

      用于指定滚动框滚动行为的工具类。

      工具类属性
      scroll-autoscroll-behavior:auto;
      scroll-smoothscroll-behavior:smooth

      效果展示 ​

      立即滚动 ​

      使用 scroll-auto 使得滚动条立即滚动。点击按钮查看滚动效果：

      1
      2
      3
      4
      html
      <div class="scroll-auto">
@@ -40,7 +40,7 @@
   <label for="smoothThree">3</label>
   <label for="smoothFour">4</label>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/interactivity/utilities/state.html b/3/utilities/interactivity/utilities/state.html index 6f647029cf..86d3a39806 100644 --- a/3/utilities/interactivity/utilities/state.html +++ b/3/utilities/interactivity/utilities/state.html @@ -13,13 +13,13 @@ - - + +
      ZUI 3

      状态 ​

      用于为元素设置类似于按钮或链接状态的工具类。

      工具类属性
      statecursor: pointer; position: relative;

      效果展示 ​

      未使用 state 类
      使用 state 类
      html
      <div class="...">未使用 state 类</div>
 <div class="state ...">使用 state 类</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/interactivity/utilities/user-select.html b/3/utilities/interactivity/utilities/user-select.html index e3feea30d3..aa2b22e717 100644 --- a/3/utilities/interactivity/utilities/user-select.html +++ b/3/utilities/interactivity/utilities/user-select.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      用户选择 ​

      用于控制用户能否选中文本的工具类。

      工具类属性
      select-noneuser-select: none;
      select-textuser-select: text;
      select-alluser-select: all;
      select-autouser-select: auto;

      效果展示 ​

      禁用文本选择 ​

      使用工具类 select-none 来防止选择元素及其子元素中的文本。

      此文本不可选择
      html
      <div class="select-none ...">此文本不可选择</div>

      允许选择文本 ​

      使用工具类 select-text 允许选择元素及其子元素中的文本。

      此文本可选择
      html
      <div class="select-text ...">此文本可选择</div>

      一键选择所有文本 ​

      使用工具类 select-all 在用户点击时自动选择元素中的所有文本。

      单击此文本中的任意位置以全选
      html
      <div class="select-all ...">单击此文本中的任意位置以全选</div>

      自动 ​

      使用工具类 select-auto 来使用默认的浏览器行为来选择文本。对于撤销其他工具类（如 .select-none）在不同断点的行为时很有用。

      此文本可选择
      html
      <div class="select-auto ...">此文本可选择</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/aspect-ratio.html b/3/utilities/layout/utilities/aspect-ratio.html index deeffba6b9..f8cee312f2 100644 --- a/3/utilities/layout/utilities/aspect-ratio.html +++ b/3/utilities/layout/utilities/aspect-ratio.html @@ -13,14 +13,14 @@ - - + +
      ZUI 3

      宽高比 ​

      为元素提供固定的宽高比，详细配置可参考 Tailwind 官网。

      工具类属性
      aspect-autoaspect-ratio: auto;
      aspect-squareaspect-ratio: 1 / 1;
      aspect-videoaspect-ratio: 16 / 9;

      效果展示 ​

      html
      <div class="w-16 h-2 aspect-auto"></div>
 <div class="w-16 aspect-square"></div>
 <div class="w-16 aspect-video"></div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/container.html b/3/utilities/layout/utilities/container.html index 9a0d2221b6..82eed8fd7d 100644 --- a/3/utilities/layout/utilities/container.html +++ b/3/utilities/layout/utilities/container.html @@ -13,14 +13,14 @@ - - + +
      ZUI 3

      容器 ​

      container 类设置一个元素的 max-width 来匹配当前断点的 min-width。如果您想为一组固定的屏幕尺寸设计，而不是试图适应一个完全流动的视窗，这很有用。

      工具类断点属性
      container无width: 100%;
      containersm (640px)max-width: 640px;
      containersm (768px)max-width: 768px;
      containersm (1024px)max-width: 1024px;
      containersm (1280px)max-width: 1280px;
      containersm (1536px)max-width: 1536px;

      使用方法 ​

      html
      <div class="container">
   <!-- ... -->
 </div>

      提示

      请注意，容器不会自动居中，也没有任何内置的水平方向的内边距。

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/display.html b/3/utilities/layout/utilities/display.html index 1309fe42b9..13d4f89d02 100644 --- a/3/utilities/layout/utilities/display.html +++ b/3/utilities/layout/utilities/display.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      显示类型 ​

      控制元素显示类型的工具类。

      工具类属性
      blockdisplay: block;
      inline-blockdisplay: inline-block;
      inlinedisplay: inline;
      flexdisplay: flex;
      inline-flexdisplay: inline-flex;
      tabledisplay: table;
      table-celldisplay: table-cell;
      table-rowdisplay: table-row;
      list-itemdisplay: list-item;
      hiddendisplay: hidden;

      效果展示 ​

      块级元素 ​

      使用工具类 block 创建一个块级元素。

      span 元素span 元素
      html
      <span>span 元素</span>
@@ -47,7 +47,7 @@
   <div class="...">2</div>
   <div class="...">3</div>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/floats.html b/3/utilities/layout/utilities/floats.html index 305a4efdb0..75d039e9b6 100644 --- a/3/utilities/layout/utilities/floats.html +++ b/3/utilities/layout/utilities/floats.html @@ -14,8 +14,8 @@ - - + +
      ZUI 3

      浮动 ​

      用于设置元素浮动或清除浮动影响的工具类。

      工具类属性
      pull-rightfloat: right;
      pull-leftfloat: left;
      clearfix.clearfix::after {content: ""; display: block; clear: both;}

      提示

      浮动应当仅适用于实现文字环绕效果，布局请使用 flex 等工具类。

      效果展示 ​

      向右浮动 ​

      使用工具类 pull-right 将一个元素浮动到其容器的右边。

      ZUI3 是一个开箱即用的组合式前端 UI 框架。ZUI3 组件库内置了大量组件，并支持集中开发、调试和打包，其中打包还支持只选择指定的组件进行个性化定制，同步输出组件库文档。但当需求扩展到组件库之外时，就需要用到扩展组件库了。ZUI3 支持扩展组件库模式，可以从其他位置引入一个或多个组件库目录，享受集中开发、调试和打包。下面介绍扩展组件库的使用方法。ZUI3 每个组件在一个独立的目录内，拥有自己的 package.json 文件，使得组件可以独立作为 npm 包来使用，也可以单独作为子项目进行开发维护。通常组件通过在 package.json 文件中设置属性 private: true 来让包仅在 zui3 工作空间内可用，但组件仍然拥有作为公开的包发布到 npm 上进行独立使用。

      html
      <div class="clearfix">
@@ -25,7 +25,7 @@
   <img class="pull-left mr-4 h-24" src="/favicon.svg">
   <p>ZUI3 是一个开箱即用的组合式前端 UI 框架。ZUI3 组件库内置了大量组件，并支持集中开发、调试和打包，其中打包还支持只选择指定的组件进行个性化定制，同步输出组件库文档。但当需求扩展到组件库之外时，就需要用到扩展组件库了。ZUI3 支持扩展组件库模式，可以从其他位置引入一个或多个组件库目录，享受集中开发、调试和打包。下面介绍扩展组件库的使用方法。ZUI3 每个组件在一个独立的目录内，拥有自己的 package.json 文件，使得组件可以独立作为 npm 包来使用，也可以单独作为子项目进行开发维护。通常组件通过在 package.json 文件中设置属性 private: true 来让包仅在 zui3 工作空间内可用，但组件仍然拥有作为公开的包发布到 npm 上进行独立使用。</p>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/object-fit.html b/3/utilities/layout/utilities/object-fit.html index d3731b2579..4fe268dac6 100644 --- a/3/utilities/layout/utilities/object-fit.html +++ b/3/utilities/layout/utilities/object-fit.html @@ -14,8 +14,8 @@ - - + +
      ZUI 3

      内容适配 ​

      元素的内容应该如何去适应指定容器的高度与宽度。

      工具类属性
      object-containobject-fit: contain;
      object-coverobject-fit: cover;
      object-fillobject-fit: fill;
      object-noneobject-fit: none;
      object-scale-downobject-fit: scale-down;

      效果展示 ​

      包含 ​

      使用工具类 object-contain 调整元素内容的大小，使其保持在容器内。

      html
      <div class="bg-surface">
@@ -29,7 +29,7 @@
 </div>

      缩小 ​

      以原始大小显示元素的内容，但必要时使用 object-scale-down 将其缩小以适应其容器。

      html
      <div class="bg-surface">
   <img src="/favicon.svg" class="object-scale-down h-48 w-full">
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/overflow.html b/3/utilities/layout/utilities/overflow.html index 2d7a0fe1e9..14fca2a2a7 100644 --- a/3/utilities/layout/utilities/overflow.html +++ b/3/utilities/layout/utilities/overflow.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      溢出 ​

      用于控制元素如何处理超出容器的内容的工具类。

      工具类属性
      overflow-autooverflow: auto;
      overflow-hiddenoverflow: hidden;
      overflow-cliptext-overflow: clip;
      overflow-visibleoverflow: visible;
      overflow-scrolloverflow: scroll;
      overflow-x-autooverflow-x: auto;
      overflow-y-autooverflow-y: auto;
      overflow-x-hiddenoverflow-x: hidden;
      overflow-y-hiddenoverflow-y: hidden;
      overflow-x-visibleoverflow-x: visible;
      overflow-y-visibleoverflow-y: visible;
      overflow-x-scrolloverflow-x: scroll;
      overflow-y-scrolloverflow-y: scroll;

      效果展示 ​

      自动 ​

      使用工具类 overflow-auto 在一个元素的内容溢出该元素的边界时为其添加滚动条。不像 overflow-scroll 总是显示滚动条，这个工具类只在需要滚动时才会显示。

      虞美人·春花秋月何时了

      五代·李煜

      春花秋月何时了？往事知多少。
      小楼昨夜又东风，故国不堪回首月明中。
      雕栏玉砌应犹在，只是朱颜改。
      问君能有几多愁？恰似一江春水向东流

      html
      <div class="overflow-auto h-24">
@@ -74,7 +74,7 @@
   <p><small>五代·李煜</small></p>
   <p>春花秋月何时了？往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。问君能有几多愁？恰似一江春水向东流</p>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/position.html b/3/utilities/layout/utilities/position.html index 00e4b30280..fe386d4d9b 100644 --- a/3/utilities/layout/utilities/position.html +++ b/3/utilities/layout/utilities/position.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      定位 ​

      用于控制元素在DOM中的位置的工具类。

      工具类属性
      staticposition: static;
      fixedposition: fixed;
      absoluteposition: absolute;
      relativeposition: relative;
      stickyposition: sticky;

      使用方法 ​

      static 与 absolute ​

      使用 static 根据常规的文档流来定位元素，浏览器默认 position 取值就是 static。任何偏移都将被忽略，而且该元素不会作为绝对定位的子元素的位置参考。

      Static 父元素

      Absolute 子元素

      html
      <div class="static h-20 ...">
@@ -41,7 +41,7 @@
     <!-- ... -->
   </div>
 </div>

      fixed ​

      使用 fixed 来定位一个元素相对于浏览器窗视口的位置。偏移量是相对于视口计算的，且该元素将作为绝对定位的子元素的位置参考。

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/top-right-bottom-left.html b/3/utilities/layout/utilities/top-right-bottom-left.html index 206b077610..f753614a15 100644 --- a/3/utilities/layout/utilities/top-right-bottom-left.html +++ b/3/utilities/layout/utilities/top-right-bottom-left.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      上/右/下/左 ​

      用于控制定位元素的位置的工具类。

      工具类属性
      inset-0top: 0px; right: 0px; bottom: 0px; left: 0px;
      inset-autotop: auto; right: auto; bottom: auto; left: auto;
      inset-x-0left: 0px; right: 0px;
      inset-y-0top: 0px; bottom: 0px;
      top-0top: 0px;
      right-0right: 0px;
      bottom-0bottom: 0px;
      left-0left: 0px;
      top-fulltop: 100%;
      right-fullright: 100%;
      bottom-fullbottom: 100%;
      left-fullleft: 100%;
      top-autotop: auto;
      right-autoright: auto;
      bottom-autobottom: auto;
      left-autoleft: auto;

      效果展示 ​

      1
      2
      3
      4
      html
      <div class="relative ...">
@@ -40,7 +40,7 @@
 <div class="relative ...">
   <div class="absolute right-0 bottom-0 ...">8</div>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/visibility.html b/3/utilities/layout/utilities/visibility.html index afa7c7988b..9a42e85816 100644 --- a/3/utilities/layout/utilities/visibility.html +++ b/3/utilities/layout/utilities/visibility.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      可见性 ​

      用于控制元素可见性的工具类。

      工具类属性
      visiblevisibility: visible;
      invisiblevisibility: hidden;

      效果展示 ​

      可见
      1
      2
      不可见
      1
      html
      <div>可见</div>
@@ -28,7 +28,7 @@
   <div class="...">1</div>
   <div class="invisible ...">2</div>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/z-index.html b/3/utilities/layout/utilities/z-index.html index a57d15c28a..3f417f5000 100644 --- a/3/utilities/layout/utilities/z-index.html +++ b/3/utilities/layout/utilities/z-index.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      层级 ​

      用于控制元素的堆栈顺序的工具类。

      工具类属性
      z-0z-index: 0;
      z-10z-index: 10;
      z-20z-index: 20;
      z-30z-index: 30;
      z-40z-index: 40;
      z-50z-index: 50;
      z-autoz-index: auto;

      效果展示 ​

      z-50
      z-40
      z-30
      z-20
      z-10
      html
      <div class="z-50 ...">z-50</div>
@@ -22,7 +22,7 @@
 <div class="z-30 ...">z-30</div>
 <div class="z-20 ...">z-20</div>
 <div class="z-10 ...">z-10</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/sizing/utilities/height.html b/3/utilities/sizing/utilities/height.html index 586761f212..462fa43630 100644 --- a/3/utilities/sizing/utilities/height.html +++ b/3/utilities/sizing/utilities/height.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      高 ​

      详细配置可参考 Tailwind 官网。

      工具类属性
      .h-0height: 0px;
      .h-pxheight: 1px;
      .h-0.5height: 0.125rem; /* 2px */
      .h-1height: 0.25rem; /* 4px */
      .h-1.5height: 0.375rem; /* 6px */
      .h-2height: 0.5rem; /* 8px */
      .h-2.5height: 0.625rem; /* 10px */
      .h-3height: 0.75rem; /* 12px */
      .h-3.5height: 0.875rem; /* 14px */
      .h-4height: 1rem; /* 16px */
      .h-5height: 1.25rem; /* 20px */
      .h-6height: 1.5rem; /* 24px */
      .h-7height: 1.75rem; /* 28px */
      .h-8height: 2rem; /* 32px */
      .h-9height: 2.25rem; /* 36px */
      .h-10height: 2.5rem; /* 40px */
      .h-11height: 2.75rem; /* 44px */
      .h-12height: 3rem; /* 48px */
      .h-14height: 3.5rem; /* 56px */
      .h-16height: 4rem; /* 64px */
      .h-20height: 5rem; /* 80px */
      .h-24height: 6rem; /* 96px */
      .h-28height: 7rem; /* 112px */
      .h-32height: 8rem; /* 128px */
      .h-36height: 9rem; /* 144px */
      .h-40height: 10rem; /* 160px */
      .h-44height: 11rem; /* 176px */
      .h-48height: 12rem; /* 192px */
      .h-52height: 13rem; /* 208px */
      .h-56height: 14rem; /* 224px */
      .h-60height: 15rem; /* 240px */
      .h-64height: 7rem; /* 256px */
      .h-72height: 7rem; /* 288px */
      .h-80height: 7rem; /* 320px */
      .h-96height: 7rem; /* 384px */
      .h-autoheight: auto;
      .h-1/2height: 50%;
      .h-1/3height: 33.333333%;
      .h-2/3height: 66.666667%;
      .h-1/4height: 25%;
      .h-2/4height: 50%;
      .h-3/4height: 75%;
      .h-1/5height: 20%;
      .h-2/5height: 40%;
      .h-3/5height: 60%;
      .h-4/5height: 80%;
      .h-1/6height: 16.666667%;
      .h-2/6height: 33.333333%;
      .h-3/6height: 50%;
      .h-4/6height: 66.666667%;
      .h-5/6height: 83.333333%;
      .h-fullheight: 100%;
      .h-screenheight: 100vh;
      .h-minheight: min-content;
      .h-maxheight: max-content;
      .h-fitheight: fit-content;

      使用方法 ​

      使用 h-{数字} 或 h-*px 来给元素设置固定高度。

      h-96
      h-80
      h-64
      h-48
      h-40
      h-32
      h-24
      html
      <div class="h-96 ...">h-96</div>
@@ -50,7 +50,7 @@
  <div class="flex ...">
     <div class="h-full ...">h-full</div>
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/sizing/utilities/width.html b/3/utilities/sizing/utilities/width.html index 9ee09a2858..4e62e8d19f 100644 --- a/3/utilities/sizing/utilities/width.html +++ b/3/utilities/sizing/utilities/width.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      宽 ​

      详细配置可参考 Tailwind 官网。

      工具类属性
      .w-0width: 0px;
      .w-pxwidth: 1px;
      .w-0.5width: 0.125rem; /* 2px */
      .w-1width: 0.25rem; /* 4px */
      .w-1.5width: 0.375rem; /* 6px */
      .w-2width: 0.5rem; /* 8px */
      .w-2.5width: 0.625rem; /* 10px */
      .w-3width: 0.75rem; /* 12px */
      .w-3.5width: 0.875rem; /* 14px */
      .w-4width: 1rem; /* 16px */
      .w-5width: 1.25rem; /* 20px */
      .w-6width: 1.5rem; /* 24px */
      .w-7width: 1.75rem; /* 28px; */
      .w-8width: 2rem; /* 32rem */
      .w-9width: 2.25rem; /* 36px */
      .w-10width: 2.5rem; /* 40px */
      .w-11width: 2.75rem; /* 44px */
      .w-12width: 3rem; /* 48px */
      .w-14width: 3.5rem; /* 56px */
      .w-16width: 4rem; /* 64px */
      .w-20width: 5rem; /* 80px */
      .w-24width: 6rem; /* 96px */
      .w-28width: 7rem; /* 112px */
      .w-32width: 8rem; /* 128px */
      .w-36width: 9rem; /* 144px */
      .w-40width: 10rem; /* 160px */
      .w-44width: 11rem; /* 176px; */
      .w-48width: 12rem; /* 192rem */
      .w-52width: 13rem; /* 208px */
      .w-56width: 14rem; /* 224px */
      .w-60width: 15rem; /* 240px */
      .w-64width: 16rem; /* 256px */
      .w-72width: 18rem; /* 288px */
      .w-80width: 20rem; /* 320px */
      .w-96width: 24rem; /* 384px */
      .w-autowidth: auto;
      .w-1/2width: 50%;
      .w-1/3width: 33.333333%;
      .w-2/3width: 66.666667%;
      .w-1/4width: 25%;
      .w-2/4width: 50%;
      .w-3/4width: 75%;
      .w-1/5width: 20%;
      .w-2/5width: 40%;
      .w-3/5width: 60%;
      .w-4/5width: 80%;
      .w-1/6width: 16.666667%;
      .w-2/6width: 33.333333%;
      .w-3/6width: 50%;
      .w-4/6width: 66.666667%;
      .w-5/6width: 83.333333%;
      .w-1/12width: 8.333333%;
      .w-2/12width: 16.666667%;
      .w-3/12width: 25%;
      .w-4/12width: 33.333333%;
      .w-5/12width: 41.666667%;
      .w-6/12width: 50%;
      .w-7/12width: 58.333333%;
      .w-8/12width: 66.666667%;
      .w-9/12width: 75%;
      .w-10/12width: 83.333333%;
      .w-11/12width: 91.666667%;
      .w-fullwidth: 100%;
      .w-screenwidth: 100vw;
      .w-minwidth: min-content;
      .w-maxwidth: max-content;
      .w-fitwidth: fit-content;
      .max-w-fullmax-width: 100%;

      使用方法 ​

      使用 w-{数字} 或 w-*px 来给元素设置固定宽度。

      w-96
      w-80
      w-64
      w-48
      w-40
      w-32
      w-24
      html
      <div class="w-96 ...">w-96</div>
@@ -50,7 +50,7 @@
  <div class="flex ...">
     <div class="w-full ...">w-full</div>
   </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/spacing/utilities/margin.html b/3/utilities/spacing/utilities/margin.html index 9e940c6ec9..3dc3896ffa 100644 --- a/3/utilities/spacing/utilities/margin.html +++ b/3/utilities/spacing/utilities/margin.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      外边距 ​

      详细配置可参考 Tailwind 官网。

      工具类属性
      .m-0margin: 0px;
      .mx-0margin-left: 0px;
      margin-right: 0px;
      .my-0margin-top: 0px;
      margin-bottom: 0px;
      .mt-0margin-top: 0px;
      .mr-0margin-right: 0px;
      .mb-0margin-bottom: 0px;
      .ml-0margin-left: 0px;
      .m-pxmargin: 1px;
      .mx-pxmargin-left: 1px;
      margin-right: 1px;
      .my-pxmargin-top: 1px;
      margin-bottom: 1px;
      .mt-pxmargin-top: 1px;
      .mr-pxmargin-right: 1px;
      .mb-pxmargin-bottom: 1px;
      .ml-pxmargin-left: 1px;
      .m-0.5margin: 0.125rem; /* 2px */
      .mx-0.5margin-left: 0.125rem; /* 2px */
      margin-right: 0.125rem; /* 2px */
      .my-0.5margin-top: 0.125rem; /* 2px */
      margin-bottom: 0.125rem; /* 2px */
      .mt-0.5margin-top: 0.125rem; /* 2px */
      .mr-0.5margin-right: 0.125rem; /* 2px */
      .mb-0.5margin-bottom: 0.125rem; /* 2px */
      .ml-0.5margin-left: 0.125rem; /* 2px */
      .m-1margin: 0.25rem; /* 4px */
      .mx-1margin-left: 0.25rem; /* 4px */
      margin-right: 0.25rem; /* 4px */
      .my-1margin-top: 0.25rem; /* 4px */
      margin-bottom: 0.25rem; /* 4px */
      .mt-1margin-top: 0.25rem; /* 4px */
      .mr-1margin-right: 0.25rem; /* 4px */
      .mb-1margin-bottom: 0.25rem; /* 4px */
      .ml-1margin-left: 0.25rem; /* 4px */
      .m-1.5margin: 0.375rem; /* 6px */
      .mx-1.5margin-left: 0.375rem; /* 6px */
      margin-right: 0.375rem; /* 6px */
      .my-1.5margin-top: 0.375rem; /* 6px */
      margin-bottom: 0.375rem; /* 6px */
      .mt-1.5margin-top: 0.375rem; /* 6px */
      .mr-1.5margin-right: 0.375rem; /* 6px */
      .mb-1.5margin-bottom: 0.375rem; /* 6px */
      .ml-1.5margin-left: 0.375rem; /* 6px */
      .m-2margin: 0.5rem; /* 8px */
      .mx-2margin-left: 0.5rem; /* 8px */
      margin-right: 0.5rem; /* 8px */
      .my-2margin-top: 0.5rem; /* 8px */
      margin-bottom: 0.5rem; /* 8px */
      .mt-2margin-top: 0.5rem; /* 8px */
      .mr-2margin-right: 0.5rem; /* 8px */
      .mb-2margin-bottom: 0.5rem; /* 8px */
      .ml-2margin-left: 0.5rem; /* 8px */
      .m-2.5margin: 0.625rem; /* 10px */
      .mx-2.5margin-left: 0.625rem; /* 10px */
      margin-right: 0.625rem; /* 10px */
      .my-2.5margin-top: 0.625rem; /* 10px */
      margin-bottom: 0.625rem; /* 10px */
      .mt-2.5margin-top: 0.625rem; /* 10px */
      .mr-2.5margin-right: 0.625rem; /* 10px */
      .mb-2.5margin-bottom: 0.625rem; /* 10px */
      .ml-2.5margin-left: 0.625rem; /* 10px */
      .m-3margin: 0.75rem; /* 12px */
      .mx-3margin-left: 0.75rem; /* 12px */
      margin-right: 0.75rem; /* 12px */
      .my-3margin-top: 0.75rem; /* 12px */
      margin-bottom: 0.75rem; /* 12px */
      .mt-3margin-top: 0.75rem; /* 12px */
      .mr-3margin-right: 0.75rem; /* 12px */
      .mb-3margin-bottom: 0.75rem; /* 12px */
      .ml-3margin-left: 0.75rem; /* 12px */
      .m-3.5margin: 0.875rem; /* 14px */
      .mx-3.5margin-left: 0.875rem; /* 14px */
      margin-right: 0.875rem; /* 14px */
      .my-3.5margin-top: 0.875rem; /* 14px */
      margin-bottom: 0.875rem; /* 14px */
      .mt-3.5margin-top: 0.875rem; /* 14px */
      .mr-3.5margin-right: 0.875rem; /* 14px */
      .mb-3.5margin-bottom: 0.875rem; /* 14px */
      .ml-3.5margin-left: 0.875rem; /* 14px */
      .m-4margin: 1rem; /* 16px */
      .mx-4margin-left: 1rem; /* 16px */
      margin-right: 1rem; /* 16px */
      .my-4margin-top: 1rem; /* 16px */
      margin-bottom: 1rem; /* 16px */
      .mt-4margin-top: 1rem; /* 16px */
      .mr-4margin-right: 1rem; /* 16px */
      .mb-4margin-bottom: 1rem; /* 16px */
      .ml-4margin-left: 1rem; /* 16px */
      .m-5margin: 1.25rem; /* 20px */
      .mx-5margin-left: 1.25rem; /* 20px */
      margin-right: 1.25rem; /* 20px */
      .my-5margin-top: 1.25rem; /* 20px */
      margin-bottom: 1.25rem; /* 20px */
      .mt-5margin-top: 1.25rem; /* 20px */
      .mr-5margin-right: 1.25rem; /* 20px */
      .mb-5margin-bottom: 1.25rem; /* 20px */
      .ml-5margin-left: 1.25rem; /* 20px */
      .m-6margin: 1.5rem; /* 24px */
      .mx-6margin-left: 1.5rem; /* 24px */
      margin-right: 1.5rem; /* 24px */
      .my-6margin-top: 1.5rem; /* 24px */
      margin-bottom: 1.5rem; /* 24px */
      .mt-6margin-top: 1.5rem; /* 24px */
      .mr-6margin-right: 1.5rem; /* 24px */
      .mb-6margin-bottom: 1.5rem; /* 24px */
      .ml-6margin-left: 1.5rem; /* 24px */
      .m-7width: 7rem; /* 112px */
      .mx-7margin-left: 1.75rem; /* 28px */
      margin-right: 1.75rem; /* 28px */
      .my-7margin-left: 1.75rem; /* 28px */
      margin-right: 1.75rem; /* 28px */
      .mt-7margin-top: 1.75rem; /* 28px */
      .mr-7margin-right: 1.75rem; /* 28px */
      .mb-7margin-bottom: 1.75rem; /* 28px */
      .ml-7margin-left: 1.75rem; /* 28px */
      .m-8margin: 2rem; /* 32px */
      .mx-8margin-left: 2rem; /* 32px */
      margin-right: 2rem; /* 32px */
      .my-8margin-top: 2rem; /* 32px */
      margin-bottom: 2rem; /* 32px */
      .mt-8margin-top: 2rem; /* 32px */
      .mr-8margin-right: 2rem; /* 32px */
      .mb-8margin-bottom: 2rem; /* 32px */
      .ml-8margin-left: 2rem; /* 32px */

      使用方法 ​

      可以使用 m{t|r|b|l}-* 来设置元素的上、右、下、左 外边距。 可以使用 mx-* 来设置元素的横向外边距。 可以使用 my-* 来设置元素的纵向外边距。 可以使用 m-* 来设置元素的四周外边距。

      ml-2
      mt-6
      mb-8
      mr-4
      mx-4
      my-6
      m-4
      html
      <div class="ml-2 ...">ml-2</div>
@@ -24,7 +24,7 @@
 <div class="mx-4 ...">mx-4</div>
 <div class="my-6 ...">my-6</div>
 <div class="m-4 ...">m-4</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/spacing/utilities/padding.html b/3/utilities/spacing/utilities/padding.html index c6a59ee4f8..26460a6adc 100644 --- a/3/utilities/spacing/utilities/padding.html +++ b/3/utilities/spacing/utilities/padding.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      内边距 ​

      详细配置可参考 Tailwind 官网。

      工具类属性
      .p-0padding: 0px;
      .px-0padding-left: 0px;
      padding-right: 0px;
      .py-0padding-top: 0px;
      padding-bottop: 0px;
      .pt-0padding-top: 0px;
      .pr-0padding-right: 0px;
      .pb-0padding-bottop: 0px;
      .pl-0padding-left: 0px;
      .p-pxpadding: 1px;
      .px-pxpadding-left: 1px;
      padding-right: 1px;
      .py-pxpadding-top: 1px;
      padding-bottop: 1px;
      .pt-pxpadding-top: 1px;
      .pr-pxpadding-right: 1px;
      .pb-pxpadding-bottop: 1px;
      .pl-pxpadding-left: 1px;
      .p-0.5padding: 0.125rem; /* 2px */
      .px-0.5padding-left: 0.125rem; /* 2px */
      padding-right: 0.125rem; /* 2px */
      .py-0.5padding-top: 0.125rem; /* 2px */
      padding-bottop: 0.125rem; /* 2px */
      .pt-0.5padding-top: 0.125rem; /* 2px */
      .pr-0.5padding-right: 0.125rem; /* 2px */
      .pb-0.5padding-bottop: 0.125rem; /* 2px */
      .pl-0.5padding-left: 0.125rem; /* 2px */
      .p-1padding: 0.25rem; /* 4px */
      .px-1padding-left: 0.25rem; /* 4px */
      padding-right: 0.25rem; /* 4px */
      .py-1padding-top: 0.25rem; /* 4px */
      padding-bottop: 0.25rem; /* 4px */
      .pt-1padding-top: 0.25rem; /* 4px */
      .pr-1padding-right: 0.25rem; /* 4px */
      .pb-1padding-bottop: 0.25rem; /* 4px */
      .pl-1padding-left: 0.25rem; /* 4px */
      .p-1.5padding: 0.375rem; /* 6px */
      .px-1.5padding-left: 0.375rem; /* 6px */
      padding-right: 0.375rem; /* 6px */
      .py-1.5padding-top: 0.375rem; /* 6px */
      padding-bottop: 0.375rem; /* 6px */
      .pt-1.5padding-top: 0.375rem; /* 6px */
      .pr-1.5padding-right: 0.375rem; /* 6px */
      .pb-1.5padding-bottop: 0.375rem; /* 6px */
      .pl-1.5padding-left: 0.375rem; /* 6px */
      .p-2padding: 0.5rem; /* 8px */
      .px-2padding-left: 0.5rem; /* 8px */
      padding-right: 0.5rem; /* 8px */
      .py-2padding-top: 0.5rem; /* 8px */
      padding-bottop: 0.5rem; /* 8px */
      .pt-2padding-top: 0.5rem; /* 8px */
      .pr-2padding-right: 0.5rem; /* 8px */
      .pb-2padding-bottop: 0.5rem; /* 8px */
      .pl-2padding-left: 0.5rem; /* 8px */
      .p-2.5padding: 0.625rem; /* 10px */
      .px-2.5padding-left: 0.625rem; /* 10px */
      padding-right: 0.625rem; /* 10px */
      .py-2.5padding-top: 0.625rem; /* 10px */
      padding-bottop: 0.625rem; /* 10px */
      .pt-2.5padding-top: 0.625rem; /* 10px */
      .pr-2.5padding-right: 0.625rem; /* 10px */
      .pb-2.5padding-bottop: 0.625rem; /* 10px */
      .pl-2.5padding-left: 0.625rem; /* 10px */
      .p-3padding: 0.75rem; /* 12px */
      .px-3padding-left: 0.75rem; /* 12px */
      padding-right: 0.75rem; /* 12px */
      .py-3padding-top: 0.75rem; /* 12px */
      padding-bottop: 0.75rem; /* 12px */
      .pt-3padding-top: 0.75rem; /* 12px */
      .pr-3padding-right: 0.75rem; /* 12px */
      .pb-3padding-bottop: 0.75rem; /* 12px */
      .pl-3padding-left: 0.75rem; /* 12px */
      .p-3.5padding: 0.875rem; /* 14px */
      .px-3.5padding-left: 0.875rem; /* 14px */
      padding-right: 0.875rem; /* 14px */
      .py-3.5padding-top: 0.875rem; /* 14px */
      padding-bottop: 0.875rem; /* 14px */
      .pt-3.5padding-top: 0.875rem; /* 14px */
      .pr-3.5padding-right: 0.875rem; /* 14px */
      .pb-3.5padding-bottop: 0.875rem; /* 14px */
      .pl-3.5padding-left: 0.875rem; /* 14px */
      .p-4padding: 1rem; /* 16px */
      .px-4padding-left: 1rem; /* 16px */
      padding-right: 1rem; /* 16px */
      .py-4padding-top: 1rem; /* 16px */
      padding-bottop: 1rem; /* 16px */
      .pt-4padding-top: 1rem; /* 16px */
      .pr-4padding-right: 1rem; /* 16px */
      .pb-4padding-bottop: 1rem; /* 16px */
      .pl-4padding-left: 1rem; /* 16px */
      .p-5padding: 1.25rem; /* 20px */
      .px-5padding-left: 1.25rem; /* 20px */
      padding-right: 1.25rem; /* 20px */
      .py-5padding-top: 1.25rem; /* 20px */
      padding-bottop: 1.25rem; /* 20px */
      .pt-5padding-top: 1.25rem; /* 20px */
      .pr-5padding-right: 1.25rem; /* 20px */
      .pb-5padding-bottop: 1.25rem; /* 20px */
      .pl-5padding-left: 1.25rem; /* 20px */
      .p-6padding: 1.5rem; /* 24px */
      .px-6padding-left: 1.5rem; /* 24px */
      padding-right: 1.5rem; /* 24px */
      .py-6padding-top: 1.5rem; /* 24px */
      padding-bottop: 1.5rem; /* 24px */
      .pt-6padding-top: 1.5rem; /* 24px */
      .pr-6padding-right: 1.5rem; /* 24px */
      .pb-6padding-bottop: 1.5rem; /* 24px */
      .pl-6padding-left: 1.5rem; /* 24px */
      .p-7width: 7rem; /* 112px */
      .px-7padding-left: 1.75rem; /* 28px */
      padding-right: 1.75rem; /* 28px */
      .py-7padding-left: 1.75rem; /* 28px */
      padding-right: 1.75rem; /* 28px */
      .pt-7padding-top: 1.75rem; /* 28px */
      .pr-7padding-right: 1.75rem; /* 28px */
      .pb-7padding-bottop: 1.75rem; /* 28px */
      .pl-7padding-left: 1.75rem; /* 28px */
      .p-8padding: 2rem; /* 32px */
      .px-8padding-left: 2rem; /* 32px */
      padding-right: 2rem; /* 32px */
      .py-8padding-top: 2rem; /* 32px */
      padding-bottop: 2rem; /* 32px */
      .pt-8padding-top: 2rem; /* 32px */
      .pr-8padding-right: 2rem; /* 32px */
      .pb-8padding-bottop: 2rem; /* 32px */
      .pl-8padding-left: 2rem; /* 32px */

      使用方法 ​

      可以使用 p{t|r|b|l}-* 来设置元素的上、右、下、左 内边距。 可以使用 px-* 来设置元素的横向内边距。 可以使用 py-* 来设置元素的纵向内边距。 可以使用 p-* 来设置元素的四周内边距。

      pl-2
      pt-6
      pb-8
      pr-4
      px-4
      py-6
      p-4
      html
      <div class="pl-2 ...">pl-2</div>
@@ -24,7 +24,7 @@
 <div class="px-4 ...">px-4</div>
 <div class="py-6 ...">py-6</div>
 <div class="p-4 ...">p-4</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/spacing/utilities/space.html b/3/utilities/spacing/utilities/space.html index d93e2e74d8..ca66a7daf1 100644 --- a/3/utilities/spacing/utilities/space.html +++ b/3/utilities/spacing/utilities/space.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      子元素间距 ​

      详细配置可参考 Tailwind 官网。

      工具类属性
      .space-x-0margin-left: 0px;
      .space-y-0margin-top: 0px;
      .space-x-0.5margin-left: 0.125rem; /* 2px */
      .space-y-0.5margin-top: 0.125rem; /* 2px */
      .space-x-1margin-left: 0.25rem; /* 4px */
      .space-y-1margin-top: 0.25rem; /* 4px */
      .space-x-1.5margin-left: 0.375rem; /* 6px */
      .space-y-1.5margin-top: 0.375rem; /* 6px */
      .space-x-2margin-left: 0.5rem; /* 8px */
      .space-y-2margin-top: 0.5rem; /* 8px */
      .space-x-2.5margin-left: 0.625rem; /* 10px */
      .space-y-2.5margin-top: 0.625rem; /* 10px */
      .space-x-3margin-left: 0.75rem; /* 12px */
      .space-y-3margin-top: 0.75rem; /* 12px */
      .space-x-3.5margin-left: 0.875rem; /* 14px */
      .space-y-3.5margin-top: 0.875rem; /* 14px */
      .space-x-4margin-left: 1rem; /* 16px */
      .space-y-4margin-top: 1rem; /* 16px */
      .space-x-5margin-left: 1.25rem; /* 20px */
      .space-y-5margin-top: 1.25rem; /* 20px */
      .space-x-6margin-left: 1.5rem; /* 24px */
      .space-y-6margin-top: 1.5rem; /* 24px */
      .space-x-7margin-left: 1.75rem; /* 28px */
      .space-y-7margin-top: 1.75rem; /* 28px */
      .space-x-8margin-left: 2rem; /* 32px */
      .space-y-8margin-top: 2rem; /* 32px */

      使用方法 ​

      使用 space-x-* 来设置元素横向间距。

      01
      02
      03
      html
      <div class="inline-flex space-x-4">
@@ -26,7 +26,7 @@
     <div>02</div>
     <div>03</div>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/style/utilities/outline.html b/3/utilities/style/utilities/outline.html index c59029640d..8a5a75d3b3 100644 --- a/3/utilities/style/utilities/outline.html +++ b/3/utilities/style/utilities/outline.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      线框 ​

      使用 *-outline 来设置文字颜色和边框颜色一致。

      工具类属性
      primary-outlineborder-color: #2b80ff; color: #2b80ff;
      secondary-outlineborder-color: #37b2fe; color: #37b2fe;
      success-outlineborder-color: #17ce97; color: #17ce97;
      warning-outlineborder-color: #ffa34d; color: #ffa34d;
      danger-outlineborder-color: #ff5858; color: #ff5858;
      important-outlineborder-color: #ff4f9e; color: #ff4f9e;
      special-outlineborder-color: #9d5eff; color: #9d5eff;
      lighter-outlineborder-color: #f5f5f5; color: #f5f5f5;
      light-outlineborder-color: #e3e4e9; color: #e3e4e9;
      gray-outlineborder-color: #9ea3b0; color: #9ea3b0;
      darken-outlineborder-color: #5e626d; color: #5e626d;
      darker-outlineborder-color: #1b1f28; color: #1b1f28;
      black-outlineborder-color: #2b80ff; color: #2b80ff;

      效果展示 ​

      语义化配色 ​

      primary-outline
      secondary-outline
      success-outline
      warning-outline
      danger-outline
      important-outline
      special-outline

      黑白配色 ​

      lighter-outline
      light-outline
      gray-outline
      darken-outline
      darker-outline
      black-outline

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/style/utilities/pale.html b/3/utilities/style/utilities/pale.html index b11c07a72e..34fb581553 100644 --- a/3/utilities/style/utilities/pale.html +++ b/3/utilities/style/utilities/pale.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      浅色 ​

      使用 *-pale 来设置文字颜色和背景颜色同色系，但背景色透明度相对低一些。

      工具类属性
      primary-palebackground-color: #eff5ff; border-color: #eff5ff; color: #2b80ff;
      secondary-palebackground-color: #e7f6ff; border-color: #e7f6ff; color: #37b2fe;
      success-palebackground-color: #e3f9f3; border-color: #e3f9f3; color: #17ce97;
      warning-palebackground-color: #fff4ea; border-color: #fff4ea; color: #ffa34d;
      danger-palebackground-color: #ffebeb; border-color: #ffebeb; color: #ff5858;
      important-palebackground-color: #feebf4; border-color: #feebf4; color: #ff4f9e;
      special-palebackground-color: #f1eafc; border-color: #f1eafc; color: #9d5eff;
      lighter-palebackground-color: #f5f5f5; border-color: #f5f5f5; color: #9ea3b0;
      light-palebackground-color: #edeef2; border-color: #edeef2; color: #838a9d;
      gray-palebackground-color: #e3e4e9; border-color: #e3e4e9; color: #5e626d;
      darken-palebackground-color: #e6eaf1; border-color: #e6eaf1; color: #5e626d;

      效果展示 ​

      语义化配色 ​

      primary-pale
      secondary-pale
      success-pale
      warning-pale
      danger-pale
      important-pale
      special-pale

      黑白配色 ​

      lighter-pale
      light-pale
      gray-pale
      darken-pale

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/style/utilities/solid.html b/3/utilities/style/utilities/solid.html index 86b0cfa3ec..4bb43a45e6 100644 --- a/3/utilities/style/utilities/solid.html +++ b/3/utilities/style/utilities/solid.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      实心 ​

      设置背景色实心样式。

      工具类属性
      primarybackground-color: #2b80ff; border-color: #2b80ff; color: #fff;
      secondarybackground-color: #37b2fe; border-color: #37b2fe; color: #fff;
      successbackground-color: #17ce97; border-color: #17ce97; color: #fff;
      warningbackground-color: #ffa34d; border-color: #ffa34d; color: #fff;
      dangerbackground-color: #ff5858; border-color: #ff5858; color: #fff;
      importantbackground-color: #ff4f9e; border-color: #ff4f9e; color: #fff;
      specialbackground-color: #9d5eff; border-color: #9d5eff; color: #fff;
      whitebackground-color: #fff; border-color: #fff;
      lighterbackground-color: #f5f5f5; border-color: #f5f5f5;
      lightbackground-color: #e3e4e9; border-color: #e3e4e9;
      graybackground-color: #9ea3b0; border-color: #9ea3b0; color: #fff;
      darkenbackground-color: #5e626d; border-color: #5e626d; color: #fff;
      darkerbackground-color: #1b1f28; border-color: #1b1f28; color: #fff;
      blackbackground-color: #000; border-color: #000; color: #fff;
      surfacebackground-color: #f5f5f5; border-color: #f5f5f5;
      canvasbackground-color: 画布颜色; border-color: 画布颜色;
      ghostbackground-color: transparent; border-color: transparent;
      inversebackground-color: 画布反色; border-color: 画布反色; color: 画布颜色;

      效果展示 ​

      语义化配色 ​

      primary
      secondary
      success
      warning
      danger
      important
      special

      黑白配色 ​

      white
      lighter
      light
      gray
      darken
      darker
      black

      特殊配色 ​

      surface
      canvas
      ghost
      inverse

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/font-family.html b/3/utilities/typography/utilities/font-family.html index 3c13a1c9c1..919fa797e6 100644 --- a/3/utilities/typography/utilities/font-family.html +++ b/3/utilities/typography/utilities/font-family.html @@ -13,14 +13,14 @@ - - + +
      ZUI 3

      字体 ​

      控制元素字体的工具类。

      工具类属性
      sansfont-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      seriffont-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
      monofont-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

      效果展示 ​

      sans 是网络安全的无衬线字体；serif 是网络安全的衬线字体；mono 是网络安全的等宽字体。

      sans 字体
      serif 字体
      mono 字体
      html
      <div class="font-sans">sans 字体</div>
 <div class="font-serif">serif 字体</div>
 <div class="font-mono">mono 字体</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/font-size.html b/3/utilities/typography/utilities/font-size.html index e09e3d5537..77a3d79cf8 100644 --- a/3/utilities/typography/utilities/font-size.html +++ b/3/utilities/typography/utilities/font-size.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      字体大小 ​

      使用 text-* 工具类控制元素的字体大小。

      工具类属性
      text-xsfont-size: 0.75rem; line-height: 1rem;
      text-smfont-size: 0.75rem; line-height: 1rem;
      text-basefont-size: 0.8125rem; line-height: 1.25rem;
      text-lgfont-size: 1rem; line-height: 1.5rem;
      text-xlfont-size: 1.125rem; line-height: 1.75rem;
      text-2xlfont-size: 1.5rem;line-height: 2rem;

      效果展示 ​

      text-xs 字体大小
      text-sm 字体大小
      text-base 字体大小
      text-md 字体大小
      text-lg 字体大小
      text-xl 字体大小
      text-2xl 字体大小
      html
      <div class="text-xs">text-xs 字体大小</div>
@@ -24,7 +24,7 @@
 <div class="text-lg">text-lg 字体大小</div>
 <div class="text-xl">text-xl 字体大小</div>
 <div class="text-2xl">text-2xl 字体大小</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/font-weight.html b/3/utilities/typography/utilities/font-weight.html index fa77331064..39012ec857 100644 --- a/3/utilities/typography/utilities/font-weight.html +++ b/3/utilities/typography/utilities/font-weight.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      字体粗细 ​

      使用 font-* 工具类来控制元素字体粗细。

      工具类属性
      font-thinfont-weight: 100;
      font-lightfont-weight: 300;
      font-mediumfont-weight: 500;
      font-semiboldfont-weight: 600;
      font-boldfont-weight: 700;
      font-blackfont-weight: 900;

      效果展示 ​

      font-thin 字体粗细
      font-light 字体粗细
      font-medium 字体粗细
      font-semibold 字体粗细
      font-bold 字体粗细
      font-black 字体粗细
      html
      <div class="font-thin">font-thin 字体粗细</div>
@@ -23,7 +23,7 @@
 <div class="font-semibold">font-semibold 字体粗细</div>
 <div class="font-bold">font-bold 字体粗细</div>
 <div class="font-black">font-black 字体粗细</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/leading.html b/3/utilities/typography/utilities/leading.html index e044ee17b3..3218db0726 100644 --- a/3/utilities/typography/utilities/leading.html +++ b/3/utilities/typography/utilities/leading.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      行高 ​

      用于控制元素的前行距（行高）的工具类。

      工具类属性
      leading-3line-height: .75rem;
      leading-4line-height: 1rem;
      leading-5line-height: 1.25rem;
      leading-6line-height: 1.5rem;
      leading-7line-height: 1.75rem;
      leading-8line-height: 2rem;
      leading-9line-height: 2.25rem;
      leading-10line-height: 2.5rem;
      leading-noneline-height: 1;
      leading-tightline-height: 1.25;
      leading-snugline-height: 1.375;
      leading-normalline-height: 1.5;
      leading-relaxedline-height: 1.625;
      leading-looseline-height: 2;

      效果展示 ​

      固定行高 ​

      使用 leading-* 工具类给一个元素一个固定的行高。

      leading-3 行高展示
      leading-4 行高展示
      leading-5 行高展示
      leading-6 行高展示
      leading-7 行高展示
      leading-8 行高展示
      leading-9 行高展示
      leading-10 行高展示
      html
      <div class="leading-3 primary-pale mb-4">leading-3 行高展示</div>
@@ -55,7 +55,7 @@
   <div class="success-pale leading-loose text-lg">leading-loose 行高展示</div>
   <div class="danger-pale leading-loose text-xl">leading-loose 行高展示</div>
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/line-clamp.html b/3/utilities/typography/utilities/line-clamp.html index e1f5de2d00..4bbd59cb90 100644 --- a/3/utilities/typography/utilities/line-clamp.html +++ b/3/utilities/typography/utilities/line-clamp.html @@ -13,14 +13,14 @@ - - + +
      ZUI 3

      控制文本行数 ​

      使用 line-* 实用程序指定截断前应显示多少行文本：

      工具类属性
      line-2overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
      line-3overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
      line-4overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
      line-5overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;
      line-6overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;

      效果展示 ​

      显示2行文本
      禅道是专业的研发项目管理软件。细分需求、任务、缺陷和用例；完整覆盖研发项目核心流程；完整软件生命周期管理。 禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。
      显示3行文本
      禅道是专业的研发项目管理软件。细分需求、任务、缺陷和用例；完整覆盖研发项目核心流程；完整软件生命周期管理。 禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。 禅道是灵活的项目管理软件。适用不同的管理场景，如软件公司，互联网企业等；功能可组合使用，可只做缺陷管理、需求管理或任务管理；可私有部署，也可以选择云计算方案。 禅道是开源免费的项目管理软件。基于ZPL协议发布；源代码开放，不限商用；强大扩展机制，丰富插件。 禅道是有保障的项目管理软件。；禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能。
      显示4行文本
      禅道是专业的研发项目管理软件。细分需求、任务、缺陷和用例；完整覆盖研发项目核心流程；完整软件生命周期管理。 禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。 禅道是灵活的项目管理软件。适用不同的管理场景，如软件公司，互联网企业等；功能可组合使用，可只做缺陷管理、需求管理或任务管理；可私有部署，也可以选择云计算方案。 禅道是开源免费的项目管理软件。基于ZPL协议发布；源代码开放，不限商用；强大扩展机制，丰富插件。 禅道是有保障的项目管理软件。；禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能。
      显示5行文本
      禅道是专业的研发项目管理软件。细分需求、任务、缺陷和用例；完整覆盖研发项目核心流程；完整软件生命周期管理。 禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。 禅道是灵活的项目管理软件。适用不同的管理场景，如软件公司，互联网企业等；功能可组合使用，可只做缺陷管理、需求管理或任务管理；可私有部署，也可以选择云计算方案。 禅道是开源免费的项目管理软件。基于ZPL协议发布；源代码开放，不限商用；强大扩展机制，丰富插件。 禅道是有保障的项目管理软件。；禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能。
      显示6行文本
      禅道是专业的研发项目管理软件。细分需求、任务、缺陷和用例；完整覆盖研发项目核心流程；完整软件生命周期管理。 禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。 禅道是灵活的项目管理软件。适用不同的管理场景，如软件公司，互联网企业等；功能可组合使用，可只做缺陷管理、需求管理或任务管理；可私有部署，也可以选择云计算方案。 禅道是开源免费的项目管理软件。基于ZPL协议发布；源代码开放，不限商用；强大扩展机制，丰富插件。 禅道是有保障的项目管理软件。；禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能。
      html
      <div class="line-2 my-2">禅道是专业的研发项目管理软件。细分需求、任务、缺陷和用例；完整覆盖研发项目核心流程；完整软件生命周期管理。
 禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。</div>
 ...

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/text-align.html b/3/utilities/typography/utilities/text-align.html index 9848b160bb..33a5efd016 100644 --- a/3/utilities/typography/utilities/text-align.html +++ b/3/utilities/typography/utilities/text-align.html @@ -13,15 +13,15 @@ - - + +
      ZUI 3

      文本对齐 ​

      使用 text-left、text-center、text-right 和 text-justify 工具类来控制元素的文本对齐方式。

      工具类属性
      text-lefttext-align: left;
      text-centertext-align: center;
      text-righttext-align: right;
      text-justifytext-align: justify;

      效果展示 ​

      文本左对齐

      文本居中对齐

      文本右对齐

      文本两端对齐 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

      html
      <p class="text-left">文本左对齐</p>
 <p class="text-center">文本居中对齐</p>
 <p class="text-right">文本右对齐</p>
 <p class="text-justify">文本两端对齐 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/text-color.html b/3/utilities/typography/utilities/text-color.html index fcc32a7469..5c5c0d92d2 100644 --- a/3/utilities/typography/utilities/text-color.html +++ b/3/utilities/typography/utilities/text-color.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      文本颜色 ​

      使用 text-* 工具类控制元素的文字颜色。

      工具类属性
      text-primarycolor: #2b80ff;
      text-secondarycolor: #37b2fe;
      text-successcolor: #17ce97;
      text-warningcolor: #ffa34d;
      text-dangercolor: #ff5858;
      text-importantcolor: #ff4f9e;
      text-specialcolor: #9d5eff;
      text-whitecolor: #fff;
      text-lightercolor: #e3e4e9;
      text-lightcolor: #e6eaf1;
      text-graycolor: #9ea3b0;
      text-darkcolor: #5e626d;
      text-darkercolor: #1b1f28;
      text-blackcolor: #000;
      text-canvascolor: #fff;
      text-surfacecolor: #f4f5f7;
      text-inversecolor: #3c4353;

      效果展示 ​

      text-primary
      text-secondary
      text-success
      text-warning
      text-danger
      text-important
      text-special

      黑白配色 ​

      text-white
      text-lighter
      text-light
      text-gray
      text-dark
      text-darker
      text-black

      特殊配色 ​

      text-canvas
      text-surface
      text-inverse

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/text-overflow.html b/3/utilities/typography/utilities/text-overflow.html index 3561c40371..18200493a9 100644 --- a/3/utilities/typography/utilities/text-overflow.html +++ b/3/utilities/typography/utilities/text-overflow.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      文本溢出 ​

      用于控制元素中文本溢出的工具类。

      工具类属性
      ellipsisoverflow: hidden; text-overflow: ellipsis; white-space: nowrap;
      clipoverflow: hidden; text-overflow: clip; white-space: nowrap;

      效果展示 ​

      省略 ​

      使用 ellipsis 用省略号(…)来截断溢出的文本。

      禅道是有保障的项目管理软件。禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能

      html
      <p class="ellipsis">禅道是有保障的项目管理软件。禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能</p>

      裁剪 ​

      使用 clip 在内容区域的极限处截断文本。

      禅道是有保障的项目管理软件。禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能

      html
      <p class="clip">禅道是有保障的项目管理软件。禅道开发团队从04年从事开源，坚持到现在；已为数以万计的公司提供即时有力的支持；版本迭代快速，为您提供更好的功能</p>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/vertical-align.html b/3/utilities/typography/utilities/vertical-align.html index 88bed731d5..e2a50baa28 100644 --- a/3/utilities/typography/utilities/vertical-align.html +++ b/3/utilities/typography/utilities/vertical-align.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      垂直对齐 ​

      用于控制内联或表格单元格的垂直对齐的工具类。

      工具类属性
      align-middlevertical-align: middle;
      align-topvertical-align: top;
      align-bottomvertical-align: bottom;
      align-subvertical-align: sub;
      align-supervertical-align: super;

      效果展示 ​

      参照文本中部对齐

      参照文本顶端对齐

      参照文本底部对齐

      参照文本文本下标对齐

      参照文本文本上标对齐

      html
      <p class="text-xl">参照文本<span class="align-middle text-xs">中部对齐</span></p>
@@ -22,7 +22,7 @@
 <p class="text-xl">参照文本<span class="align-bottom text-xs">底部对齐</span></p>
 <p class="text-xl">参照文本<span class="align-super text-xs">文本下标对齐</span></p>
 <p class="text-xl">参照文本<span class="align-sub text-xs">文本上标对齐</span></p>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/whitespace.html b/3/utilities/typography/utilities/whitespace.html index 933f77f199..3b1a963bbb 100644 --- a/3/utilities/typography/utilities/whitespace.html +++ b/3/utilities/typography/utilities/whitespace.html @@ -13,12 +13,12 @@ - - + +
      ZUI 3

      空格 ​

      用于控制元素的空格属性的工具类。

      工具类属性
      nowrapwhite-space: nowrap;
      prewhite-space: pre;
      pre-linewhite-space: pre-line;
      pre-wrapwhite-space: pre-wrap;

      效果展示 ​

      不保留空格不自动换行 ​

      使用 nowrap 来防止文本在元素中被包裹。换行和空格将被折叠。

      禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架。
      html
      <div class="bd p-2 nowrap">禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架。</div>

      保留空格不自动换行 ​

      使用 pre 来保留元素中的换行和空格。文本不会被包装。

      禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架。
      html
      <div class="bd p-2 pre">禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架。</div>

      不保留空格自动换行 ​

      使用 pre-line 保留换行，但不保留元素中的空格。文本将被正常包装。

      禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。
      html
      <div class="bd p-2 pre-line">禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。</div>

      保留空格自动换行 ​

      使用 pre-wrap 来保留元素中的换行和空格。文本将被正常包装。

      禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。
      html
      <div class="bd p-2 pre-wrap">禅道是通用的项目管理软件。完整支持敏捷项目模型、瀑布项目模型、看板模型；内置项目集、产品、项目和执行四个管理框架；支持CMMI标准的落地实施。</div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/word-break.html b/3/utilities/typography/utilities/word-break.html index 21983a6851..e6ed30292e 100644 --- a/3/utilities/typography/utilities/word-break.html +++ b/3/utilities/typography/utilities/word-break.html @@ -13,8 +13,8 @@ - - + +
      ZUI 3

      文本换行 ​

      用于控制元素中的换行符的工具类。

      工具类属性
      break-normaloverflow-wrap: normal;word-break: normal;
      break-wordsoverflow-wrap: break-word;
      break-allword-break: break-all;

      效果展示 ​

      字内换行 ​

      使用 break-normal 只在正常的换行点添加换行符。

      禅道高级版为您提供高级功能，简化您的项目管理并提高您的工作效率。 ZenTao premium versions offer you advanced features which streamline your project management and improve your work efficiency.
      html
      <div class="p-2 break-words bg-surface">禅道高级版为您提供高级功能，简化您的项目管理并提高您的工作效率。
@@ -22,7 +22,7 @@
 </div>

      单词内换行 ​

      使用 break-words 在词中间添加换行符。

      ZenTao premium versions offer you advanced features which streamline your project management and improve your work efficiency.
      html
      <div class="p-2 break-words bg-surface">ZenTao premium versions offer you advanced features which streamline your project management and improve your work efficiency.
 </div>

      任意字内断开 ​

      使用 break-all 在必要的时候添加换行符，而不是试图保留整个单词。

      ZenTao premium versions offer you advanced features which streamline your project management and improve your work efficiency.
      html
      <div class="p-2 break-all bg-surface">ZenTao premium versions offer you advanced features which streamline your project management and improve your work efficiency.
 </div>

      MIT License (MIT)

      Copyright (C) 2022 cnezsoft.com

      - + \ No newline at end of file diff --git a/3/zui.css b/3/zui.css index 5ce597fb53..4b21668610 100644 --- a/3/zui.css +++ b/3/zui.css @@ -1 +1 @@ -/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/*,:after,:before{border-color:rgb(var(--color-gray-200-rgb));border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:-apple-system,Noto Sans,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Source Han Sans CN,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:rgb(var(--color-gray-400-rgb));opacity:1}input::placeholder,textarea::placeholder{color:rgb(var(--color-gray-400-rgb));opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-gray-50-rgb:248,250,252;--color-gray-100-rgb:241,245,249;--color-gray-200-rgb:226,232,240;--color-gray-300-rgb:203,213,225;--color-gray-400-rgb:148,163,184;--color-gray-500-rgb:100,116,139;--color-gray-600-rgb:71,85,105;--color-gray-700-rgb:51,65,85;--color-gray-800-rgb:30,41,59;--color-gray-900-rgb:15,23,42;--color-gray-950-rgb:2,6,23;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-950:#172554;--color-primary-50-rgb:239,246,255;--color-primary-100-rgb:219,234,254;--color-primary-200-rgb:191,219,254;--color-primary-300-rgb:147,197,253;--color-primary-400-rgb:96,165,250;--color-primary-500-rgb:59,130,246;--color-primary-600-rgb:37,99,235;--color-primary-700-rgb:29,78,216;--color-primary-800-rgb:30,64,175;--color-primary-900-rgb:30,58,138;--color-primary-950-rgb:23,37,84;--color-secondary-50:#f0f9ff;--color-secondary-100:#e0f2fe;--color-secondary-200:#bae6fd;--color-secondary-300:#7dd3fc;--color-secondary-400:#38bdf8;--color-secondary-500:#0ea5e9;--color-secondary-600:#0284c7;--color-secondary-700:#0369a1;--color-secondary-800:#075985;--color-secondary-900:#0c4a6e;--color-secondary-950:#082f49;--color-secondary-50-rgb:240,249,255;--color-secondary-100-rgb:224,242,254;--color-secondary-200-rgb:186,230,253;--color-secondary-300-rgb:125,211,252;--color-secondary-400-rgb:56,189,248;--color-secondary-500-rgb:14,165,233;--color-secondary-600-rgb:2,132,199;--color-secondary-700-rgb:3,105,161;--color-secondary-800-rgb:7,89,133;--color-secondary-900-rgb:12,74,110;--color-secondary-950-rgb:8,47,73;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-success-950:#052e16;--color-success-50-rgb:240,253,244;--color-success-100-rgb:220,252,231;--color-success-200-rgb:187,247,208;--color-success-300-rgb:134,239,172;--color-success-400-rgb:74,222,128;--color-success-500-rgb:34,197,94;--color-success-600-rgb:22,163,74;--color-success-700-rgb:21,128,61;--color-success-800-rgb:22,101,52;--color-success-900-rgb:20,83,45;--color-success-950-rgb:5,46,22;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-warning-950:#451a03;--color-warning-50-rgb:255,251,235;--color-warning-100-rgb:254,243,199;--color-warning-200-rgb:253,230,138;--color-warning-300-rgb:252,211,77;--color-warning-400-rgb:251,191,36;--color-warning-500-rgb:245,158,11;--color-warning-600-rgb:217,119,6;--color-warning-700-rgb:180,83,9;--color-warning-800-rgb:146,64,14;--color-warning-900-rgb:120,53,15;--color-warning-950-rgb:69,26,3;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-danger-900:#7f1d1d;--color-danger-950:#450a0a;--color-danger-50-rgb:254,242,242;--color-danger-100-rgb:254,226,226;--color-danger-200-rgb:254,202,202;--color-danger-300-rgb:252,165,165;--color-danger-400-rgb:248,113,113;--color-danger-500-rgb:239,68,68;--color-danger-600-rgb:220,38,38;--color-danger-700-rgb:185,28,28;--color-danger-800-rgb:153,27,27;--color-danger-900-rgb:127,29,29;--color-danger-950-rgb:69,10,10;--color-important-50:#fdf2f8;--color-important-100:#fce7f3;--color-important-200:#fbcfe8;--color-important-300:#f9a8d4;--color-important-400:#f472b6;--color-important-500:#ec4899;--color-important-600:#db2777;--color-important-700:#be185d;--color-important-800:#9d174d;--color-important-900:#831843;--color-important-950:#500724;--color-important-50-rgb:253,242,248;--color-important-100-rgb:252,231,243;--color-important-200-rgb:251,207,232;--color-important-300-rgb:249,168,212;--color-important-400-rgb:244,114,182;--color-important-500-rgb:236,72,153;--color-important-600-rgb:219,39,119;--color-important-700-rgb:190,24,93;--color-important-800-rgb:157,23,77;--color-important-900-rgb:131,24,67;--color-important-950-rgb:80,7,36;--color-special-50:#faf5ff;--color-special-100:#f3e8ff;--color-special-200:#e9d5ff;--color-special-300:#d8b4fe;--color-special-400:#c084fc;--color-special-500:#a855f7;--color-special-600:#9333ea;--color-special-700:#7e22ce;--color-special-800:#6b21a8;--color-special-900:#581c87;--color-special-950:#3b0764;--color-special-50-rgb:250,245,255;--color-special-100-rgb:243,232,255;--color-special-200-rgb:233,213,255;--color-special-300-rgb:216,180,254;--color-special-400-rgb:192,132,252;--color-special-500-rgb:168,85,247;--color-special-600-rgb:147,51,234;--color-special-700-rgb:126,34,206;--color-special-800-rgb:107,33,168;--color-special-900-rgb:88,28,135;--color-special-950-rgb:59,7,100;--color-inherit:inherit;--color-transparent:transparent;--color-current:currentColor;--color-black:#000;--color-white:#fff;--color-canvas:#fff;--color-inverse:#000;--color-surface:#f1f5f9;--color-fore:#334155;--color-focus:#bfdbfe;--color-link:#3b82f6;--color-link-hover:#2563eb;--color-link-visited:#1d4ed8;--color-placeholder:#94a3b8;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-border-light:#f1f5f9;--color-black-rgb:0,0,0;--color-white-rgb:255,255,255;--color-canvas-rgb:255,255,255;--color-inverse-rgb:0,0,0;--color-surface-rgb:241,245,249;--color-fore-rgb:51,65,85;--color-focus-rgb:191,219,254;--color-link-rgb:59,130,246;--color-link-hover-rgb:37,99,235;--color-link-visited-rgb:29,78,216;--color-placeholder-rgb:148,163,184;--color-border-rgb:226,232,240;--color-border-strong-rgb:203,213,225;--color-border-light-rgb:241,245,249;--radius-none:0px;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.1),0 0 2px -1px rgba(0,0,0,.05);--shadow:0 1px 4px 0 rgba(0,0,0,.15),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 2px 6px -1px rgba(0,0,0,.2),0 1px 4px -2px rgba(0,0,0,.15);--shadow-lg:0 5px 15px -3px rgba(0,0,0,.2),0 2px 6px -4px rgba(0,0,0,.15);--shadow-xl:0 10px 25px -5px rgba(0,0,0,.2),0 4px 10px -6px rgba(0,0,0,.15);--shadow-2xl:0 10px 50px -10px rgba(0,0,0,.4),0 8px 20px -10px rgba(0,0,0,.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--shadow-none:none;--space:0.25rem;--font-size-root:16px;--font-size-page:0.8125rem,[object Object]}*,:after,:before{--tw-border-opacity:1;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity))}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }html{font-size:var(--font-size-root)}body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));color:rgba(var(--color-fore-rgb),var(--tw-text-opacity));font-size:.8125rem;line-height:1.5384615385}a,a.disabled:hover{--tw-text-opacity:1;color:rgba(var(--color-link-rgb),var(--tw-text-opacity))}a:hover{--tw-text-opacity:1;color:rgba(var(--color-link-hover-rgb),var(--tw-text-opacity))}a:focus-visible{outline-color:rgb(var(--color-focus-rgb));outline-offset:2px;outline-width:2px}:root{--alert-bg:var(--color-surface)}.alert{align-items:center;background-color:var(--alert-bg);border-radius:var(--radius);display:flex;gap:.75rem;padding:.75rem 1rem}.alert-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem}.alert-close{align-self:flex-start;flex:none;margin-bottom:-.5rem;margin-right:-.5rem;margin-top:-.5rem}.alert-link{color:var(--color-inherit);font-weight:700}.alert-link:hover{color:var(--color-inherit);text-decoration-line:underline}.alert-icon{margin-left:.5rem;margin-right:1rem}.alert-heading{font-weight:700;margin:0}.alert-text{white-space:pre-line}.alert-actions{align-items:center;display:flex;gap:.5rem}:root{--breadcrumb-divider:"/";--breadcrumb-divider-color:var(--color-gray-500);--breadcrumb-color-active:var(--color-gray-500)}.breadcrumb{display:flex;gap:1.25rem}.breadcrumb>li{position:relative}.breadcrumb>li+li:before{color:var(--breadcrumb-divider-color);content:var(--breadcrumb-divider);display:block;left:-1.25rem;position:absolute;text-align:center;width:1.25rem}.breadcrumb>.active{color:var(--breadcrumb-color-active)}:root{--btn-radius:var(--radius);--btn-bg:var(--color-surface);--btn-border-color:var(--color-gray-300)}.btn{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--btn-border-color);align-items:center;background-color:var(--btn-bg);border-radius:var(--btn-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:inline-flex;gap:.375rem;height:2rem;justify-content:center;padding-left:.75rem;padding-right:.75rem;white-space:nowrap}.btn,.btn-default:hover{color:var(--color-inherit)}.btn-link{--tw-text-opacity:1;--tw-ring-color:var(--color-transparent);color:rgba(var(--color-link-rgb),var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:2px}.btn-link:visited{color:rgba(var(--color-link-visited-rgb),var(--tw-text-opacity))}.btn-link:hover{--tw-text-opacity:1;color:rgba(var(--color-link-hover-rgb),var(--tw-text-opacity))}.btn-link{--btn-bg:transparent}.btn.size-xs{height:1.25rem;padding-left:.25rem;padding-right:.25rem}.btn.size-sm,.btn.size-xs{font-size:.75rem;line-height:1rem}.btn.size-sm{height:1.5rem}.btn.size-md,.btn.size-sm{padding-left:.5rem;padding-right:.5rem}.btn.size-md{height:1.75rem}.btn.size-lg{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.btn.size-xl{font-size:1.125rem;height:3rem;line-height:1.75rem;padding-left:1.25rem;padding-right:1.25rem}.btn.square{aspect-ratio:1/1;gap:.125rem;padding-left:0;padding-right:0}.btn.btn-caret{padding-left:.25rem;padding-right:.25rem}.btn.btn-wide{min-width:80px}:root{--checkbox-size:12px}.checkbox,.radio{align-items:center;cursor:pointer;display:flex;gap:.375rem}.checkbox>input[type=checkbox],.radio>input[type=radio]{accent-color:rgb(var(--color-primary-500-rgb));border-radius:var(--radius-lg)}.checkbox-primary,.radio-primary{display:flex;gap:.375rem;min-height:20px;position:relative}.checkbox-primary>input[type=checkbox],.radio-primary>input[type=radio]{inset:0;opacity:0;position:absolute}.checkbox-primary>label,.radio-primary>label{cursor:pointer;padding-left:calc(var(--checkbox-size) + 8px);position:relative}.checkbox-primary>label:after,.checkbox-primary>label:before,.radio-primary>label:after,.radio-primary>label:before{--tw-content:"";content:var(--tw-content);display:block;height:var(--checkbox-size);left:0;position:absolute;top:calc((20px - var(--checkbox-size))/2);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--checkbox-size)}.checkbox-primary>label:before{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-gray-400-rgb),var(--tw-border-opacity));border-radius:var(--radius-sm);border-width:1px}.checkbox-primary>label:after{--tw-scale-x:.9;--tw-scale-y:.9;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTkgMjAuNDItNi4yMS02LjIxIDIuODMtMi44M0w5IDE0Ljc3bDkuODgtOS44OSAyLjgzIDIuODNMOSAyMC40MloiLz48L3N2Zz4=");transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.checkbox-primary.indeterminate>label:after,.checkbox-primary>input[type=checkbox]:indeterminate+label:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjA0OCAyMDQ4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUzNiA1MTJ2MTAyNEg1MTJWNTEyaDEwMjR6Ii8+PC9zdmc+");background-size:cover;opacity:1}.radio-primary>label:before{--tw-border-opacity:1;border-color:rgba(var(--color-gray-400-rgb),var(--tw-border-opacity));border-radius:var(--radius-full);border-width:1px}.radio-primary>label:after{--tw-bg-opacity:1;--checkbox-radio-size:calc(var(--checkbox-size)*2/3);background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-radius:var(--radius-full);height:var(--checkbox-radio-size);left:calc((var(--checkbox-size) - var(--checkbox-radio-size))/2);opacity:0;top:calc((20px - var(--checkbox-radio-size))/2);width:var(--checkbox-radio-size)}.checkbox-primary>label:hover:before,.radio-primary>label:hover:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-400-rgb),var(--tw-border-opacity))}.checkbox-primary.focus>label:before,.checkbox-primary>input[type=checkbox]:focus+label:before,.radio-primary.focus>label:before,.radio-primary>input[type=radio]:focus+label:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity));outline-color:rgb(var(--color-focus-rgb));outline-style:solid;outline-width:2px}.checkbox-primary.checked>label:before,.checkbox-primary.indeterminate>label:before,.checkbox-primary>input[type=checkbox]:checked+label:before,.checkbox-primary>input[type=checkbox]:indeterminate+label:before{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.radio-primary.checked>label:before,.radio-primary>input[type=radio]:checked+label:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.checkbox-primary.checked>label:after,.checkbox-primary>input[type=checkbox]:checked+label:after,.radio-primary.checked>label:after,.radio-primary>input[type=radio]:checked+label:after{opacity:1}.checkbox-primary.disabled>label,.checkbox-primary>input[type=checkbox]:disabled+label,.radio-primary.disabled>label,.radio-primary>input[type=radio]:disabled+label{--tw-grayscale:grayscale(100%);cursor:not-allowed;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);opacity:.7;pointer-events:none}.check-list{flex-direction:column;gap:.5rem}.check-list,.check-list-inline{display:flex;padding-bottom:.375rem;padding-top:.375rem}.check-list-inline{align-items:center;-moz-column-gap:1rem;column-gap:1rem;flex-direction:row;flex-wrap:wrap;row-gap:.5rem}.switch{display:flex;gap:.375rem;min-height:20px;padding-left:2.5rem;position:relative}.switch>input[type=checkbox]{inset:0;opacity:0;position:absolute}.switch>label:after,.switch>label:before{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-content:"";background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-border-light-rgb),var(--tw-border-opacity));border-radius:var(--radius-full);border-width:1px;content:var(--tw-content);height:1rem;left:0;position:absolute;top:.125rem;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.switch>label:before{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer}.switch>label:hover:before{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity))}.switch>label:after{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:.75rem;left:.125rem;top:.25rem;width:.75rem}.switch>input[type=checkbox]:checked+label:before{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-primary-600-rgb),var(--tw-border-opacity))}.switch>input[type=checkbox]:checked+label:after{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity));left:18px}.switch.focus>label:before,.switch>input[type=checkbox]:focus+label:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity));outline-color:rgb(var(--color-focus-rgb));outline-style:solid;outline-width:2px}:root{--form-control-radius:var(--radius);--form-control-border:var(--color-border);--form-control-focus:var(--color-primary-500);--form-control-disabled:var(--color-surface);--form-control-readonly:var(--color-surface)}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(var(--color-placeholder-rgb),var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity:1;color:rgba(var(--color-placeholder-rgb),var(--tw-placeholder-opacity))}.form-control{--tw-bg-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--form-control-border);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--form-control-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:block;height:2rem;outline-color:var(--color-transparent);outline-style:solid;outline-width:1px;padding:.25rem .5rem;transition-duration:.15s;transition-property:outline,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-control.focus,.form-control:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-focus-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.3;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline-color:var(--form-control-focus)}.form-control.disabled,.form-control[disabled]{background-color:var(--form-control-disabled);opacity:1}.form-control.readonly,.form-control[readonly]{background-color:var(--form-control-readonly)}select{-webkit-appearance:none;background-image:url("data:image/gif;base64,R0lGODlhBwAEAIAAAMvQ2////yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==");background-position:right 8px top 50%;background-repeat:no-repeat;background-size:8px auto;padding-right:1rem}select.form-control[multiple]{background-image:none}textarea.form-control{height:auto;min-height:32px}input[type=file].form-control{padding:.125rem}input[type=file].form-control::-webkit-file-upload-button{-webkit-appearance:none;appearance:none;border-radius:inherit;border-style:none;cursor:pointer;height:1.75rem;padding-left:.5rem;padding-right:.5rem}input[type=file].form-control::-webkit-file-upload-button:hover{background-color:rgba(var(--color-black-rgb),.1)}.has-error .form-control,.has-error.form-control{--tw-ring-color:rgba(var(--color-danger-500-rgb),0.2)}.has-error .form-control.focus,.has-error .form-control:focus,.has-error.form-control.focus,.has-error.form-control:focus{outline-color:rgb(var(--color-danger-500-rgb))}.has-warning .form-control,.has-warning.form-control{--tw-ring-color:rgba(var(--color-warning-500-rgb),0.6)}.has-warning .form-control.focus,.has-warning .form-control:focus,.has-warning.form-control.focus,.has-warning.form-control:focus{outline-color:rgb(var(--color-warning-500-rgb))}.has-success .form-control,.has-success.form-control{--tw-ring-color:rgba(var(--color-success-500-rgb),0.6)}.has-success .form-control.focus,.has-success .form-control:focus,.has-success.form-control.focus,.has-success.form-control:focus{outline-color:rgb(var(--color-success-500-rgb))}.form-control.size-sm{font-size:.75rem;height:1.5rem;line-height:1rem;padding-left:.5rem;padding-right:.5rem}.form-control.size-md{height:1.75rem;padding-left:.5rem;padding-right:.5rem}.form-control.size-lg{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}:root{--input-group-addon-bg:var(--color-gray-100)}.input-group{align-items:stretch;display:flex}.input-group>.form-control,.input-group>.input-control{flex:1 1 auto;z-index:1}.input-group-addon{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--form-control-border);align-items:center;background-color:var(--input-group-addon-bg);border-radius:var(--form-control-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:flex;flex:none;height:2rem;padding-left:.5rem;padding-right:.5rem;z-index:0}.input-group-control{flex:1 1 auto}.input-group>*+*{border-bottom-left-radius:var(--radius-none);border-top-left-radius:var(--radius-none)}.input-group>:not(:last-child){border-bottom-right-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.input-group .btn:focus-visible,.input-group .form-control:focus{z-index:2}:root{--form-tip-color:var(--color-slate-600);--form-label-color:var(--color-slate-700);--form-grid-label-width:6rem}.form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.form-label{align-items:center;color:var(--form-label-color);display:flex;flex-direction:row;height:2rem;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.form-label.required:after{--tw-translate-y:0.125rem;--tw-scale-x:1.25;--tw-scale-y:1.25;--tw-text-opacity:1;color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity));content:"*";display:inline-block;margin-left:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-tip{color:var(--form-tip-color);margin-top:.25rem}.has-error .form-tip{--tw-text-opacity:1;color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.has-warning .form-tip{--tw-text-opacity:1;color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.has-success .form-tip{--tw-text-opacity:1;color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.form-grid>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.form-row{align-items:flex-start;display:flex;flex-direction:row}.form-grid .form-group{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;min-height:32px;min-width:0;padding-left:var(--form-grid-label-width);position:relative}.form-grid .form-group>*{min-width:0}.form-grid .form-group.no-label{padding-left:0}.form-grid .form-group.no-label>.check-list-inline{padding-left:1rem;padding-right:1rem}.form-grid .form-label{justify-content:flex-end;left:0;padding-left:1rem;padding-right:.5rem;position:absolute;top:0;width:var(--form-grid-label-width)}.form-grid .form-label.required:after{margin-left:0;margin-right:.25rem;order:-9999}.form-grid .form-tip{width:100%}.form-grid .form-tip,.form-grid .input-control,.form-grid .input-group{flex:1 1 auto}.form .form-group-wrapper,.form-grid .form-group-wrapper{flex:1 1 auto;min-width:0;width:100%;z-index:1}.form .form-group-wrapper.flex-none,.form-grid .form-group-wrapper.flex-none{flex:none}.form fieldset>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.form fieldset{padding-bottom:1rem;padding-left:1rem}.form-grid fieldset>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.form legend{--tw-border-opacity:1;border-bottom-color:rgba(var(--color-primary-100-rgb),var(--tw-border-opacity));border-bottom-width:1px;display:flex;justify-content:flex-start;margin-left:-1rem;width:100%;width:calc(100% + 1rem)}.form-title{align-items:center;background-color:rgba(var(--color-primary-50-rgb),.5);display:flex;font-weight:700;height:1.75rem;padding-left:.75rem;padding-right:.75rem}@font-face{font-family:ZenIcon;font-style:normal;font-weight:400;src:url(./icons/zenicon.eot);src:url(./icons/zenicon.woff) format("woff"),url(./icons/zenicon.ttf) format("truetype"),url(./icons/zenicon.svg) format("svg")}.icon,[class*=" icon-"],[class^=icon-]{display:inline-block;font-family:ZenIcon;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon:before{display:inline-block;min-width:14px;text-align:center}.icon-lg:before{font-size:1.3333333em;vertical-align:-10%}.icon-2x{font-size:28px}.icon-3x{font-size:42px}.icon-4x{font-size:56px}.icon-5x{font-size:70px}.icon-resize:before{content:"\e667"}.icon-arrows-alt:before,.icon-expand-full:before,.icon-fullscreen:before{content:"\e6a3"}.icon-collapse-full:before{content:"\e682"}.icon-taiji:before,.icon-yinyang:before{content:"\e687"}.icon-window:before{content:"\e68e"}.icon-window-alt:before{content:"\e68f"}.icon-carousel:before{content:"\e6b0"}.icon-spinner-snake:before{content:"\e97b"}.icon-spinner-indicator:before{content:"\e97c"}.icon-check-board:before{content:"\e9b8"}.icon-bar-chart-o:before,.icon-bar-chart:before{content:"\f080"}.icon-github:before{content:"\f09b"}.icon-dot-circle-o:before,.icon-dot-circle:before{content:"\f192"}.icon-cube-alt:before{content:"\f1b2"}.icon-cubes:before{content:"\f1b3"}.icon-file-pdf:before{content:"\f1c1"}.icon-file-word:before{content:"\f1c2"}.icon-file-excel:before{content:"\f1c3"}.icon-file-powerpoint:before{content:"\f1c4"}.icon-file-image:before,.icon-file-photo:before,.icon-file-picture:before{content:"\f1c5"}.icon-file-archive:before,.icon-file-zip:before{content:"\f1c6"}.icon-file-audio:before,.icon-file-sound:before{content:"\f1c7"}.icon-file-movie:before,.icon-file-video:before{content:"\f1c8"}.icon-file-code:before{content:"\f1c9"}.icon-circle-o-notch:before{content:"\f1ce"}.icon-chanzhi:before{content:"\e906"}.icon-chanzhi-pro:before{content:"\e905"}.icon-zsite:before{content:"\e904"}.icon-zsite-pro:before{content:"\e903"}.icon-qq:before{content:"\f600"}.icon-wechat:before,.icon-weixin:before{content:"\f1d7"}.icon-history:before{content:"\f1da"}.icon-circle-thin:before{content:"\f1db"}.icon-sliders:before{content:"\f1de"}.icon-newspaper-o:before{content:"\f1ea"}.icon-calculator:before{content:"\f1ec"}.icon-paint-brush:before{content:"\f1fc"}.icon-area-chart:before{content:"\f1fe"}.icon-pie-chart:before{content:"\f200"}.icon-line-chart:before{content:"\f201"}.icon-toggle-off:before{content:"\f204"}.icon-toggle-on:before{content:"\f205"}.icon-diamond:before{content:"\f219"}.icon-venus:before{content:"\f221"}.icon-mars:before{content:"\f222"}.icon-server:before{content:"\f233"}.icon-music:before{content:"\e602"}.icon-search:before{content:"\e603"}.icon-envelope:before{content:"\e604"}.icon-heart:before{content:"\e605"}.icon-star:before{content:"\e606"}.icon-star-empty:before{content:"\e607"}.icon-user:before{content:"\e608"}.icon-film:before{content:"\e609"}.icon-th-large:before{content:"\e60a"}.icon-th:before{content:"\e60b"}.icon-th-list:before{content:"\e60c"}.icon-check:before,.icon-ok:before{content:"\e60d"}.icon-remove:before,.icon-times:before{content:"\d7"}.icon-zoom-in:before{content:"\e60f"}.icon-zoom-out:before{content:"\e610"}.icon-off:before{content:"\e611"}.icon-cog:before{content:"\e613"}.icon-trash:before{content:"\e614"}.icon-home:before{content:"\e615"}.icon-file-alt:before,.icon-file-o:before{content:"\e616"}.icon-time:before{content:"\e617"}.icon-download-alt:before{content:"\e618"}.icon-download:before{content:"\e619"}.icon-upload:before{content:"\e61a"}.icon-inbox:before{content:"\e61b"}.icon-play-circle:before{content:"\e61c"}.icon-repeat:before{content:"\e61d"}.icon-refresh:before{content:"\e61e"}.icon-list-alt:before{content:"\e61f"}.icon-lock:before{content:"\e620"}.icon-flag:before{content:"\e621"}.icon-headphones:before{content:"\e622"}.icon-volume-off:before{content:"\e623"}.icon-volume-up:before{content:"\e625"}.icon-qrcode:before{content:"\e626"}.icon-barcode:before{content:"\e627"}.icon-tag:before{content:"\e628"}.icon-tags:before{content:"\e629"}.icon-book:before{content:"\e62a"}.icon-bookmark:before{content:"\e62b"}.icon-print:before{content:"\e62c"}.icon-camera:before{content:"\e62d"}.icon-font:before{content:"\e62e"}.icon-bold:before{content:"\e62f"}.icon-italic:before{content:"\f033"}.icon-header:before{content:"\f1dc"}.icon-underline:before{content:"\f0cd"}.icon-strikethrough:before{content:"\f0cc"}.icon-eraser:before{content:"\f12d"}.icon-align-justify:before{content:"\e636"}.icon-list:before{content:"\e637"}.icon-picture:before{content:"\e63b"}.icon-pencil:before{content:"\e63c"}.icon-map-marker:before{content:"\e63d"}.icon-adjust:before{content:"\e63e"}.icon-tint:before{content:"\e63f"}.icon-edit:before{content:"\e640"}.icon-share:before{content:"\e641"}.icon-checked:before{content:"\e642"}.icon-arrows:before,.icon-move:before{content:"\e643"}.icon-step-backward:before{content:"\e644"}.icon-fast-backward:before{content:"\e645"}.icon-backward:before{content:"\e646"}.icon-play:before{content:"\e647"}.icon-pause:before{content:"\e648"}.icon-stop:before{content:"\e649"}.icon-forward:before{content:"\e64a"}.icon-fast-forward:before{content:"\e64b"}.icon-step-forward:before{content:"\e64c"}.icon-eject:before{content:"\e64d"}.icon-chevron-left:before{content:"\e64e"}.icon-chevron-right:before{content:"\e64f"}.icon-plus-sign:before{content:"\e650"}.icon-minus-sign:before{content:"\e651"}.icon-remove-sign:before{content:"\e652"}.icon-check-circle:before,.icon-ok-sign:before{content:"\e653"}.icon-question-sign:before{content:"\e654"}.icon-info-sign:before{content:"\e655"}.icon-remove-circle:before{content:"\e657"}.icon-check-circle-o:before,.icon-ok-circle:before{content:"\e658"}.icon-ban-circle:before{content:"\e659"}.icon-arrow-left:before{content:"\e65a"}.icon-arrow-right:before{content:"\e65b"}.icon-arrow-up:before{content:"\e65c"}.icon-arrow-down:before{content:"\e65d"}.icon-share-alt:before{content:"\e65e"}.icon-resize-full:before{content:"\e65f"}.icon-resize-small:before{content:"\e660"}.icon-plus:before{content:"\e661"}.icon-minus:before{content:"\e662"}.icon-asterisk:before{content:"\e663"}.icon-exclamation-sign:before{content:"\e664"}.icon-gift:before{content:"\e665"}.icon-leaf:before{content:"\e666"}.icon-eye-open:before{content:"\e668"}.icon-eye-close:before{content:"\e669"}.icon-warning-sign:before{content:"\e66a"}.icon-plane:before{content:"\e66b"}.icon-calendar:before{content:"\e66c"}.icon-random:before{content:"\e66d"}.icon-comment:before{content:"\e66e"}.icon-chevron-up:before{content:"\e670"}.icon-chevron-down:before{content:"\e671"}.icon-shopping-cart:before{content:"\e673"}.icon-folder-close:before{content:"\e674"}.icon-folder-open:before{content:"\e675"}.icon-resize-v:before{content:"\e676"}.icon-resize-h:before{content:"\e677"}.icon-bar-chart-alt:before{content:"\e678"}.icon-camera-retro:before{content:"\e679"}.icon-key:before{content:"\e67a"}.icon-cogs:before{content:"\e67b"}.icon-comments:before{content:"\e67c"}.icon-thumbs-o-up:before{content:"\e67d"}.icon-thumbs-o-down:before{content:"\e67e"}.icon-star-half:before{content:"\e67f"}.icon-heart-empty:before{content:"\e680"}.icon-signout:before{content:"\e681"}.icon-pushpin:before{content:"\e683"}.icon-external-link:before{content:"\e684"}.icon-signin:before{content:"\e685"}.icon-trophy:before{content:"\e686"}.icon-upload-alt:before{content:"\e688"}.icon-lemon:before{content:"\e689"}.icon-phone:before{content:"\e68a"}.icon-check-empty:before{content:"\e68b"}.icon-bookmark-empty:before{content:"\e68c"}.icon-phone-sign:before{content:"\e68d"}.icon-credit:before{content:"\e690"}.icon-rss:before{content:"\e691"}.icon-hdd:before{content:"\e692"}.icon-bullhorn:before{content:"\e693"}.icon-bell:before{content:"\e694"}.icon-certificate:before{content:"\e695"}.icon-hand-right:before{content:"\e696"}.icon-hand-left:before{content:"\e697"}.icon-hand-up:before{content:"\e698"}.icon-hand-down:before{content:"\e699"}.icon-circle-arrow-left:before{content:"\e69a"}.icon-circle-arrow-right:before{content:"\e69b"}.icon-circle-arrow-up:before{content:"\e69c"}.icon-circle-arrow-down:before{content:"\e69d"}.icon-globe:before{content:"\e69e"}.icon-wrench:before{content:"\e69f"}.icon-tasks:before{content:"\e6a0"}.icon-filter:before{content:"\e6a1"}.icon-group:before{content:"\e6a4"}.icon-link:before{content:"\e6a5"}.icon-cloud:before{content:"\e6a6"}.icon-beaker:before{content:"\e6a7"}.icon-cut:before{content:"\e6a8"}.icon-copy:before{content:"\e6a9"}.icon-paper-clip:before{content:"\e6aa"}.icon-save:before{content:"\e6ab"}.icon-sign-blank:before{content:"\e6ac"}.icon-bars:before,.icon-reorder:before{content:"\e6ad"}.icon-list-ul:before{content:"\e6ae"}.icon-list-ol:before{content:"\e6af"}.icon-table:before{content:"\e6b2"}.icon-magic:before{content:"\e6b3"}.icon-caret-down:before{content:"\e6b8"}.icon-caret-up:before{content:"\e6b9"}.icon-caret-left:before{content:"\e6ba"}.icon-caret-right:before{content:"\e6bb"}.icon-columns:before{content:"\e6bc"}.icon-sort:before{content:"\e6bd"}.icon-sort-down:before{content:"\e6be"}.icon-sort-up:before{content:"\e6bf"}.icon-envelope-alt:before{content:"\e6c0"}.icon-undo:before{content:"\e6c1"}.icon-dashboard:before{content:"\e6c3"}.icon-comment-alt:before{content:"\e6c4"}.icon-comments-alt:before{content:"\e6c5"}.icon-bolt:before{content:"\e6c6"}.icon-sitemap:before{content:"\e6c7"}.icon-umbrella:before{content:"\e6c8"}.icon-paste:before{content:"\e6c9"}.icon-lightbulb:before{content:"\e6ca"}.icon-exchange:before{content:"\e6cb"}.icon-cloud-download:before{content:"\e6cc"}.icon-cloud-upload:before{content:"\e6cd"}.icon-bell-alt:before{content:"\e6d1"}.icon-coffee:before{content:"\e6d2"}.icon-file-text-alt:before,.icon-file-text-o:before{content:"\e6d4"}.icon-building:before{content:"\e6d5"}.icon-double-angle-left:before{content:"\e6dc"}.icon-double-angle-right:before{content:"\e6dd"}.icon-double-angle-up:before{content:"\e6de"}.icon-double-angle-down:before{content:"\e6df"}.icon-angle-left:before{content:"\e6e0"}.icon-angle-right:before{content:"\e6e1"}.icon-angle-up:before{content:"\e6e2"}.icon-angle-down:before{content:"\e6e3"}.icon-desktop:before{content:"\e6e4"}.icon-laptop:before{content:"\e6e5"}.icon-tablet:before{content:"\e6e6"}.icon-mobile:before{content:"\e6e7"}.icon-circle-blank:before{content:"\e6e8"}.icon-quote-left:before{content:"\e6e9"}.icon-quote-right:before{content:"\e6ea"}.icon-spinner:before{content:"\e6eb"}.icon-circle:before{content:"\e6ec"}.icon-reply:before{content:"\e6ed"}.icon-folder-close-alt:before{content:"\e6ef"}.icon-folder-open-alt:before{content:"\e6f0"}.icon-expand-alt:before{content:"\e6f1"}.icon-collapse-alt:before{content:"\e6f2"}.icon-smile:before{content:"\e6f3"}.icon-frown:before{content:"\e6f4"}.icon-meh:before{content:"\e6f5"}.icon-gamepad:before{content:"\e6f6"}.icon-keyboard:before{content:"\e6f7"}.icon-flag-alt:before{content:"\e6f8"}.icon-flag-checkered:before{content:"\e6f9"}.icon-terminal:before{content:"\e6fa"}.icon-code:before{content:"\e6fb"}.icon-reply-all:before{content:"\e6fc"}.icon-star-half-full:before{content:"\e6fd"}.icon-location-arrow:before{content:"\e6fe"}.icon-crop:before{content:"\e6ff"}.icon-code-fork:before{content:"\e700"}.icon-unlink:before{content:"\e701"}.icon-question:before{content:"\e702"}.icon-info:before{content:"\e703"}.icon-shield:before{content:"\e70b"}.icon-calendar-empty:before{content:"\e70c"}.icon-rocket:before{content:"\e70e"}.icon-chevron-sign-left:before{content:"\e70f"}.icon-chevron-sign-right:before{content:"\e710"}.icon-chevron-sign-up:before{content:"\e711"}.icon-chevron-sign-down:before{content:"\e712"}.icon-html5:before{content:"\e713"}.icon-anchor:before{content:"\e714"}.icon-unlock-alt:before{content:"\e715"}.icon-bullseye:before{content:"\e716"}.icon-ellipsis-h:before{content:"\e717"}.icon-ellipsis-v:before{content:"\e718"}.icon-rss-sign:before{content:"\e719"}.icon-play-sign:before{content:"\e71a"}.icon-minus-sign-alt:before{content:"\e71c"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-check-minus:before{content:"\e71d"}.icon-check-plus:before{content:"\f196"}.icon-level-up:before{content:"\e71e"}.icon-level-down:before{content:"\e71f"}.icon-check-sign:before{content:"\e720"}.icon-edit-sign:before{content:"\e721"}.icon-external-link-sign:before{content:"\e722"}.icon-share-sign:before{content:"\e723"}.icon-compass:before{content:"\e724"}.icon-collapse:before{content:"\e725"}.icon-collapse-top:before{content:"\e726"}.icon-expand:before{content:"\e727"}.icon-dollar:before{content:"\e728"}.icon-yen:before{content:"\e729"}.icon-file:before{content:"\e72b"}.icon-file-text:before{content:"\e72c"}.icon-sort-by-alphabet:before{content:"\e72d"}.icon-sort-by-alphabet-alt:before{content:"\e72e"}.icon-sort-by-attributes:before{content:"\e72f"}.icon-sort-by-attributes-alt:before{content:"\e730"}.icon-sort-by-order:before{content:"\e731"}.icon-sort-by-order-alt:before{content:"\e732"}.icon-thumbs-up:before{content:"\e733"}.icon-thumbs-down:before{content:"\e734"}.icon-long-arrow-down:before{content:"\e736"}.icon-long-arrow-up:before{content:"\e737"}.icon-long-arrow-left:before{content:"\e738"}.icon-long-arrow-right:before{content:"\e739"}.icon-apple:before{content:"\e73a"}.icon-windows:before{content:"\e73b"}.icon-android:before{content:"\e73c"}.icon-linux:before{content:"\e73d"}.icon-sun:before{content:"\e742"}.icon-moon:before{content:"\e743"}.icon-archive:before{content:"\e744"}.icon-bug:before{content:"\e745"}.icon-alipay:before,.icon-zhifubao:before{content:"\e901"}.icon-alipay-square:before,.icon-zhifubao-square:before{content:"\e900"}.icon-taobao:before{content:"\e902"}.icon-weibo:before{content:"\e746"}.icon-chrome:before{content:"\e76c"}.icon-firefox:before{content:"\e76d"}.icon-ie:before{content:"\e76e"}.icon-opera:before{content:"\e76f"}.icon-safari:before{content:"\e770"}.icon-node:before{content:"\e76a"}.icon-layout:before{content:"\e768"}.icon-usecase:before{content:"\e74a"}.icon-stack:before{content:"\e769"}.icon-branch:before{content:"\e74b"}.icon-chat:before{content:"\e74c"}.icon-chat-line:before,.icon-comment-line:before{content:"\e74f"}.icon-chat-dot:before{content:"\e750"}.icon-cube:before{content:"\e751"}.icon-database:before{content:"\f1c0"}.icon-align-left:before{content:"\e633"}:root{--input-control-fix-width-sm:2rem;--input-control-fix-width:4.375rem;--input-control-fix-width-lg:6.75rem}.input-control{--input-control-prefix:8px;--input-control-suffix:8px;position:relative}.input-control-prefix,.input-control-suffix{align-items:center;display:flex;height:100%;left:0;opacity:.5;padding-left:.5rem;padding-right:.5rem;position:absolute;top:0;white-space:nowrap;width:var(--input-control-prefix);z-index:1}.input-control-suffix{justify-content:flex-end;left:auto;right:0;width:var(--input-control-suffix)}.form-control:focus+.input-control-prefix,.form-control:focus+.input-control-suffix{opacity:1}.input-control>.form-control{padding-left:var(--input-control-prefix);padding-right:var(--input-control-suffix)}.input-control>select.form-control{background-position-x:calc(100% - var(--input-control-suffix) - 8px);padding-right:calc(var(--input-control-suffix) + 20px)}.has-prefix{--input-control-prefix:var(--input-control-fix-width)}.has-suffix{--input-control-suffix:var(--input-control-fix-width)}.has-prefix-sm{--input-control-prefix:var(--input-control-fix-width-sm)}.has-suffix-sm{--input-control-suffix:var(--input-control-fix-width-sm)}.has-prefix-lg{--input-control-prefix:var(--input-control-fix-width-lg)}.has-suffix-lg{--input-control-suffix:var(--input-control-fix-width-lg)}.has-prefix-icon{--input-control-prefix:32px}.has-suffix-icon{--input-control-suffix:32px}.input-control.has-prefix-icon>.input-control-prefix,.input-control.has-suffix-icon>.input-control-suffix{justify-content:center;width:2rem}.input-control.size-sm>.form-control,.input-control.size-sm>.input-control-prefix,.input-control.size-sm>.input-control-suffix{font-size:.75rem;line-height:1rem}.input-control.size-lg>.form-control,.input-control.size-lg>.input-control-prefix,.input-control.size-lg>.input-control-suffix{font-size:1rem;line-height:1.5rem}:root{--label-bg:var(--color-gray-50);--label-border-color:var(--color-gray-500);--label-color:var(--color-gray-500);--label-radius:var(--radius)}.label{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--label-border-color);align-items:center;background-color:var(--label-bg);border-radius:var(--label-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:var(--label-color);display:inline-flex;font-size:.75rem;height:1.25rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem;white-space:pre-line}.label.size-lg{font-size:.8125rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}.label.size-sm{height:1rem}.label-dot{aspect-ratio:1/1;border-radius:var(--radius-full);height:.5rem;padding-left:0;padding-right:0}.caret,.caret-down,.caret-left,.caret-right,.caret-up{border:var(--caret-size,4px) solid transparent;display:inline-block;height:0;opacity:var(--caret-opacity,.5);width:0}:focus>.caret,:hover>.caret{opacity:inherit}.disabled .caret,.readonly .caret{opacity:var(--caret-opacity,.5)}.caret,.caret-down{border-bottom-width:0;border-top-color:currentColor}.caret-up{border-bottom-color:currentColor;border-top-width:0}.caret-right{border-left-color:currentColor;border-right-width:0}.caret-left{border-left-width:0;border-right-color:currentColor}.listitem{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding-bottom:.25rem;padding-top:.25rem}.item-actions,.item-avatar,.item-icon,.item-trailing,.item-trailing-icon{flex:none}.item-icon.icon-EMPTY{display:none}.item-subtitle{font-size:.75rem;line-height:1rem;opacity:.8}.item-content,.item-text{flex:1 1 auto;min-width:0}.item-leading,.item-trailing{align-items:center;display:flex;flex:none;gap:.5rem}.item-checkbox{margin-right:-.5rem}.item-content{align-items:center;display:flex;gap:.5rem}.multiline>.item-content{align-items:flex-start;flex-direction:column;gap:.25rem}.list-heading-inner .item-title{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity));font-weight:700}.list.is-nested-sub{padding-left:var(--list-indent)}.is-nested-collapsed{display:none}.nested-toggle-icon{align-items:center;border-radius:var(--radius);display:flex;height:1rem;justify-content:center;margin-right:-.25rem;width:1rem}.magnifier{display:inline-block;height:1em;position:relative;width:1em}.magnifier:after,.magnifier:before{border-radius:var(--radius-full);content:"";display:block;position:absolute}.magnifier:before{border:1px solid;height:.75em;width:.75em}.magnifier:after{--tw-rotate:45deg;background-color:var(--color-current);height:1px;left:.55em;top:.7em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5em}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}:root{--menu-bg:var(--color-canvas);--menu-hover-bg:var(--color-primary-500);--menu-hover-color:var(--color-canvas);--menu-active-bg:var(--color-primary-50);--menu-active-color:var(--color-primary-500);--menu-icon-opacity:.5;--menu-icon-margin:1.75rem;--menu-min-width:3rem;--menu-heading-color:var(--color-gray-500)}.menu{background:var(--menu-bg);min-width:var(--menu-min-width);padding:.5rem}.menu-item>.item-inner,.menu-item>a{align-items:center;border-radius:var(--radius);color:var(--color-inherit);cursor:pointer;display:flex;gap:.25rem;justify-content:space-between;overflow:hidden;padding:.25rem .5rem;position:relative;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.menu-item>.active{background:var(--menu-active-bg);color:var(--menu-active-color)}.menu-item>a.hover,.menu-item>a:hover{background:var(--menu-hover-bg);color:var(--menu-hover-color)}.menu-item.disabled>a:hover,.menu-item>a.disabled:hover{background-color:var(--color-inherit);color:var(--color-inherit)}.menu-item>a>.item-title{flex:1 1 auto}.menu-divider{margin:.5rem .25rem}.menu-heading{align-items:center;color:var(--menu-heading-color);display:flex;font-size:.75rem;font-weight:700;height:2rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}.has-icons>.menu-item>a>.item-icon{align-items:center;display:flex;height:1rem;justify-content:center;opacity:var(--menu-icon-opacity);width:1rem}.menu-nested{--menu-indent:10px}.menu-nested .menu{margin-bottom:-.5rem;margin-left:var(--menu-indent);margin-top:-.5rem;padding-right:0}.menu-nested .menu-item>.item-inner{padding-left:0}.search-menu-on-top{padding-top:3rem;position:relative}.search-menu-on-top>.search-box{left:.5rem;position:absolute;right:.5rem;top:.5rem}.search-menu-on-bootom>.search-box{margin-top:.5rem}.search-menu .item.is-not-match{display:none}.search-menu .item.is-not-match.has-match-child{display:list-item}.search-menu .item.is-not-match.has-match-child>.item-inner{opacity:.5;pointer-events:none}.search-menu.no-toggle-on-search .nested-toggle-icon{pointer-events:none}.search-menu .is-match-keys{font-weight:700;text-decoration-line:underline}:root{--alert-bg:var(--color-surface)}.alert{align-items:center;background-color:var(--alert-bg);border-radius:var(--radius);display:flex;gap:.75rem;padding:.75rem 1rem}.alert-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem}.alert-close{align-self:flex-start;flex:none;margin-bottom:-.5rem;margin-right:-.5rem;margin-top:-.5rem}.alert-link{color:var(--color-inherit);font-weight:700}.alert-link:hover{color:var(--color-inherit);text-decoration-line:underline}.alert-icon{margin-left:.5rem;margin-right:1rem}.alert-heading{font-weight:700;margin:0}.alert-text{white-space:pre-line}.alert-actions{align-items:center;display:flex;gap:.5rem}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}.messagers{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:flex-end;padding:1rem;pointer-events:none;position:absolute;z-index:1900}.messagers-top-left,.messagers-top-right{justify-content:flex-start}.messagers-bottom-left,.messagers-top-left{align-items:flex-start}.messagers-bottom,.messagers-center,.messagers-top{align-items:center}.messagers-top,.messagers-top-left,.messagers-top-right{justify-content:flex-start}.messagers-center{justify-content:center}.messager{--tw-text-opacity:1;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(var(--color-inverse-rgb),.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity));pointer-events:auto;transition-duration:.3s}:root{--progress-radius:var(--radius);--progress-striped-size:40px;--progress-bg:var(--color-surface);--progress-bar-color:var(--color-primary-500)}.progress{background:var(--progress-bg);border-radius:var(--progress-radius);display:flex;height:1.25rem}.progress-bar{background:var(--progress-bar-color);height:100%}.progress-striped>.progress-bar{background-image:linear-gradient(45deg,rgba(var(--color-canvas-rgb),.15) 25%,transparent 25%,transparent 50%,rgba(var(--color-canvas-rgb),.15) 50%,rgba(var(--color-canvas-rgb),.15) 75%,transparent 75%,transparent);background-size:var(--progress-striped-size) var(--progress-striped-size)}.progress>.progress-bar:first-child{border-bottom-left-radius:inherit;border-top-left-radius:inherit}.progress>.progress-bar:last-child{border-bottom-right-radius:inherit;border-top-right-radius:inherit}.progress.active .progress-bar{animation:progress-bar-stripes 2s linear infinite}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}:root{--scrollbar-size:10px;--scrollbar-opacity:.6;--scrollbar-bg:rgba(var(--color-inverse-rgb),.15);--scrollbar-inset:inset 0 0 0 1px rgba(var(--color-inverse-rgb),.05);--scrollbar-bar-bg:rgba(var(--color-inverse-rgb),.3);--scrollbar-hover-bg:rgba(var(--color-inverse-rgb),.4);--scrollbar-drag-bg:rgba(var(--color-inverse-rgb),.5);--scrollbar-radius:var(--radius-sm);--scrollbar-duration:.7s}::-webkit-scrollbar{height:var(--scrollbar-size);width:var(--scrollbar-size)}::-webkit-scrollbar-track{box-shadow:var(--scrollbar-shadow);-webkit-transition:background-color var(--scrollbar-duration);transition:background-color var(--scrollbar-duration)}::-webkit-scrollbar-track:hover,:hover::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-bar-bg);border-radius:var(--scrollbar-radius);min-height:var(--scrollbar-size);-webkit-transition:var(--scrollbar-duration);transition:var(--scrollbar-duration);-webkit-transition-property:background-color;transition-property:background-color}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover-bg)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-drag-bg)}.scrollbar-thin::-webkit-scrollbar{height:calc(var(--scrollbar-size)/2);width:calc(var(--scrollbar-size)/2)}.scrollbar-hover::-webkit-scrollbar,.scrollbar-hover::-webkit-scrollbar-thumb,.scrollbar-hover::-webkit-scrollbar-track{visibility:hidden}.scrollbar-hover:hover::-webkit-scrollbar,.scrollbar-hover:hover::-webkit-scrollbar-thumb,.scrollbar-hover:hover::-webkit-scrollbar-track{visibility:visible}.sortable-list .listitem{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));cursor:move;padding-left:.5rem;padding-right:.5rem}.sortable-list .sortable-ghost>.listitem{--tw-bg-opacity:1;background-color:rgba(var(--color-warning-50-rgb),var(--tw-bg-opacity))}:root{--avatar-radius:12.5%;--avatar-bg:var(--color-surface)}.avatar{align-items:center;aspect-ratio:1/1;background:var(--avatar-bg);border-radius:var(--avatar-radius);display:inline-flex;justify-content:center;overflow:hidden;width:2rem}.avatar>img{height:100%;margin:0;-o-object-fit:cover;object-fit:cover;width:100%}.avatar.size-xs{width:1.25rem}.avatar.size-sm,.avatar.size-xs{font-size:.75rem;line-height:1rem}.avatar.size-sm{width:1.5rem}.avatar.size-lg{font-size:1.5rem;line-height:2rem;width:3rem}.avatar.size-xl{font-size:2.25rem;line-height:2.5rem;width:5rem}.avatar-group{display:flex;gap:.625rem}.avatar-group>.avatar{box-shadow:0 0 0 1px var(--color-canvas)}.avatar-group>*+*{margin-left:-1rem}.avatar-group.size-xs>*+*{margin-left:-.75rem}.avatar-group.size-sm>*+*{margin-left:-.875rem}.avatar-group.size-lg>*+*{margin-left:-1.25rem}.avatar-group.size-xl>*+*{margin-left:-1.5rem}.btn-group{display:flex;gap:1px}.btn-group>.btn:focus-within,.btn-group>.btn:hover{z-index:1}.btn-group>.btn.disabled,.btn-group>.btn:disabled{z-index:-1}.btn-group>.btn:not(:first-child){border-bottom-left-radius:var(--radius-none);border-left-color:rgba(var(--color-canvas-rgb),.2);border-left-width:1px;border-top-left-radius:var(--radius-none)}.btn-group>.btn:not(:last-child){border-bottom-right-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.btn.size-xs{height:1.25rem;padding-left:.25rem;padding-right:.25rem}.btn.size-sm,.btn.size-xs{font-size:.75rem;line-height:1rem}.btn.size-sm{height:1.5rem}.btn.size-md,.btn.size-sm{padding-left:.5rem;padding-right:.5rem}.btn.size-md{height:1.75rem}.btn.size-lg{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.btn.size-xl{font-size:1.125rem;height:3rem;line-height:1.75rem;padding-left:1.25rem;padding-right:1.25rem}.btn.square{aspect-ratio:1/1;gap:.125rem;padding-left:0;padding-right:0}.btn.btn-caret{padding-left:.25rem;padding-right:.25rem}.btn.btn-wide{min-width:80px}.btn-group.size-xs .btn{height:1.25rem;padding-left:.25rem;padding-right:.25rem}.btn-group.size-sm .btn,.btn-group.size-xs .btn{font-size:.75rem;line-height:1rem}.btn-group.size-sm .btn{height:1.5rem;padding-left:.5rem;padding-right:.5rem}.btn-group.size-lg .btn{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.btn-group.size-xl .btn{font-size:1.125rem;height:3rem;line-height:1.75rem;padding-left:1.25rem;padding-right:1.25rem}.color-picker-heading{align-items:center;font-weight:700;justify-content:space-between;margin-bottom:-.25rem}.color-picker-heading,.color-picker-row{display:flex;flex-direction:row;padding:.5rem}.color-picker-row{flex-wrap:wrap;gap:.5rem}.color-picker-item{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);align-items:center;border-radius:var(--radius-full);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity));display:flex;height:1.25rem;justify-content:center;padding-left:.125rem;padding-right:.125rem;width:1.25rem}.pick-container{left:0;pointer-events:none;position:absolute;top:0;z-index:1600}.pick-pop{display:flex;flex-direction:column;opacity:0;pointer-events:auto;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:1200}.pick-pop.in{opacity:1}.date-picker-menu .mini-calendar{margin-top:-.75rem}.date-pick-menu-month,.date-pick-menu-years{display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;max-height:237px;padding-bottom:.5rem;padding-left:.5rem;padding-right:.5rem}.date-pick-menu-years>.btn{width:2.5rem}.date-pick-menu-years>.btn.is-current{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.date-pick-menu-month>.btn.active,.date-pick-menu-years>.btn.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.date-pick-menu-month>.btn{width:3rem}.date-picker-menu-footer{border-top-width:1px;display:flex;flex-direction:row;padding:.25rem}.date-picker-menu-footer>.toolbar{flex:1 1 auto;justify-content:center}.date-picker-menu>.menu{border-right-width:1px}.date-picker-menu .menu-item{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.time-picker-menu{max-height:inherit}.time-picker-menu .menu-item>a{justify-content:center}.datetime-picker-menu{max-height:inherit}.mini-calendar{padding:.5rem}.mini-calendar>.row>.col{align-items:center;justify-content:center;width:14.2857%}.mini-calendar-day{height:2rem}.mini-calendar-day>a{width:2rem}.mini-calendar-day.is-weekend>a{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.mini-calendar-day.active>a,.mini-calendar-day.is-today>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.mini-calendar-day.selected>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.mini-calendar-day.is-out-month{opacity:.5}.i-time{border-color:var(--color-current);border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:var(--color-current);border-width:0 0 .08em .08em;content:var(--tw-content);height:.385em;left:.3846em;position:absolute;top:.08em;width:.385em}.chevron-down,.chevron-left,.chevron-right,.chevron-up{align-items:center;display:inline-flex;height:1em;justify-content:center;position:relative;width:1em}.chevron-down:before,.chevron-left:before,.chevron-right:before,.chevron-up:before{--tw-translate-y:-0.125rem;--tw-rotate:45deg;--tw-content:"";border-color:var(--color-current);border-width:0 1px 1px 0;content:var(--tw-content);display:block;height:.6923077em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:center;width:.6923077em}.chevron-left:before{--tw-translate-y:0px;--tw-translate-x:0.125rem;--tw-rotate:135deg}.chevron-left:before,.chevron-right:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chevron-right:before{--tw-translate-y:0px;--tw-translate-x:-0.125rem;--tw-rotate:-45deg}.chevron-up:before{--tw-translate-y:0.125rem;--tw-rotate:225deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.i-calendar{border-radius:var(--radius);display:inline-block;height:.79em;margin-top:.16em;position:relative;width:1em}.i-calendar,.i-calendar:after,.i-calendar:before{border-color:var(--color-current);border-width:.08em}.i-calendar:after,.i-calendar:before{--tw-content:"";content:var(--tw-content);position:absolute}.i-calendar:before{border-bottom-width:0;left:.15em;top:.307em;width:.6em}.i-calendar:after{border-bottom-width:0;border-top-width:0;height:.3077em;left:.17em;top:-.154em;width:.538em}:root{--modal-radius:var(--radius-lg);--modal-bg:rgba(0,0,0,.4);--modal-sm:37.5rem;--modal-base:50rem;--modal-lg:75rem;--modal-xl:90rem}.modal{align-items:center;background-color:var(--modal-bg);display:none;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:1500}.modal.load-indicator:before{background-color:var(--color-inherit);transition-property:none}.modal.loading:after{--tw-text-opacity:1;color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.modal.show{display:flex}.modal-no-backdrop{background-color:var(--color-transparent);pointer-events:none}.modal-hide{opacity:0!important}.modal-dialog{--tw-bg-opacity:0.9;--tw-shadow:var(--shadow-2xl);--tw-shadow-colored:var(--shadow-2xl);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--modal-radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);pointer-events:auto;position:relative;width:var(--modal-base)}.modal-content,.modal-dialog{max-height:100vh}.modal-content{display:flex;flex-direction:column;height:100%}.loading>.modal-dialog>.modal-content{opacity:0;visibility:hidden}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}.modal-header{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:1rem;padding:1rem 1.25rem;position:relative}.modal-title{flex:1 1 auto;font-size:1rem;font-weight:700;line-height:1.5rem}.modal-actions{position:absolute;right:.75rem;top:.75rem}.modal-body{flex:1 1 auto;overflow:auto;padding:.75rem 1.25rem}.modal-footer{align-items:center;display:flex;flex:none;gap:.75rem;padding:1.25rem}.modal-dialog[data-size=full]{height:100vh;width:100vw}.modal-dialog[data-size=sm]{width:var(--modal-sm)}.modal-dialog[data-size=lg]{width:var(--modal-lg)}.modal-dialog[data-size=xl]{width:var(--modal-xl)}.modal-iframe{flex:1 1 auto;width:100%}.modal-trans{opacity:0;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-trans.in{opacity:1}.modal-trans>.modal-dialog{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0;transition-duration:.3s;transition-property:transform,opacity}.modal-trans.in>.modal-dialog,.modal-trans>.modal-dialog{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-trans.in>.modal-dialog{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.modal-alert .modal-footer{justify-content:flex-end}.modal-alert .modal-header{margin-bottom:-1rem}.modal-alert .modal-body{white-space:pre-line}.modal-alert .modal-footer{margin-top:-.75rem}.modal-alert .modal-actions+.modal-body{padding-right:3rem}.modal-alert .modal-header+.modal-actions+.modal-body{padding-right:1.25rem}:root{--nav-radius:var(--radius);--nav-active-color:var(--color-primary-500);--nav-active-bg:var(--color-inherit);--nav-heading-color:var(--color-gray-500)}.nav,.nav-item{align-items:center;display:flex;position:relative}.nav-item{gap:.75rem}.nav-item>a{align-items:center;color:var(--color-inherit);display:flex;gap:.25rem;height:2rem;justify-content:center;padding-left:1rem;padding-right:1rem}.nav-item>.active{background:var(--nav-active-bg);color:var(--nav-active-color);font-weight:700}.nav-item>.disabled{opacity:1}.nav-item>.disabled>*{opacity:var(--disabled-opacity)}.nav-divider,.nav>.divider{margin:.5rem}.nav-heading{align-items:center;color:var(--nav-heading-color);display:flex;font-weight:700;gap:.25rem;height:2rem;justify-content:center;padding-left:1rem;padding-right:1rem}.nav-space{flex:1 1 auto;width:1rem}.nav-primary>.nav-item{position:relative}.nav-primary>.nav-item:hover{z-index:10}.nav-primary>.nav-item+.nav-item{margin-left:-1px}.nav-primary>.nav-item>a{border-radius:var(--radius-none);border-width:1px}.nav-primary>.nav-item:first-child>a,.nav-primary>.nav-item:has(.nav-heading)+.nav-item>a{border-bottom-left-radius:var(--nav-radius);border-top-left-radius:var(--nav-radius)}.nav-primary>.nav-item:last-child>a{border-bottom-right-radius:var(--nav-radius);border-top-right-radius:var(--nav-radius)}.nav-primary>.nav-item>.active{--tw-text-opacity:1;background:var(--nav-active-color);border-color:var(--nav-active-color);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.nav-primary>.nav-divider{display:none}.nav-secondary>.nav-item>a{border-radius:var(--radius-none);position:relative}.nav-secondary>.nav-item>a:after{--tw-bg-opacity:1;--tw-content:"";background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));bottom:-2px;content:var(--tw-content);display:block;height:2px;left:0;position:absolute;right:0}.nav-secondary>.nav-item>.active:after{background-color:var(--color-current)}.nav-secondary>.nav-divider{margin:0 0 0 -1px}.nav-tabs>.nav-item>a{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);position:relative}.nav-tabs>.nav-item>a:after{--tw-border-opacity:1;--tw-content:"";border-color:var(--color-transparent);border-bottom-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-top-left-radius:inherit;border-top-right-radius:inherit;border-width:1px;content:var(--tw-content);display:block;inset:-1px;pointer-events:none;position:absolute}.nav-tabs>.nav-item>.active:after{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-bottom-color:var(--color-transparent)}.nav-tabs>.nav-divider{margin:0 0 0 -1px}.nav-pills>.nav-item>a{border-radius:var(--radius-full)}.nav-pills>.nav-item>.active{--tw-text-opacity:1;background:var(--nav-active-color);border-color:var(--nav-active-color);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.nav-stacked{flex-direction:column}.nav-stacked>.nav-item{width:100%}.nav-stacked>.nav-heading,.nav-stacked>.nav-item>a{justify-content:flex-start;width:100%}.nav-stacked>.nav-divider{height:1px;margin:.5rem 0;width:100%}.nav-primary.nav-stacked>.nav-item>a{height:2.5rem}.nav-primary.nav-stacked>.nav-item+.nav-item{margin-left:0;margin-top:-1px}.nav-primary.nav-stacked>.nav-item:first-child>a{border-bottom-left-radius:0;border-top-left-radius:var(--nav-radius);border-top-right-radius:var(--nav-radius)}.nav-primary.nav-stacked>.nav-item:last-child>a{border-bottom-left-radius:var(--nav-radius);border-bottom-right-radius:var(--nav-radius);border-top-right-radius:0}.nav-secondary.nav-stacked>.nav-item>a:after{--tw-bg-opacity:1;background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));bottom:0;height:100%;left:auto;right:0;top:0;width:2px}.nav-secondary.nav-stacked>.nav-item>.active:after{background-color:var(--color-current)}.nav-secondary.nav-stacked>.nav-divider{margin:0}.nav-tabs.nav-stacked>.nav-item>a{border-bottom-left-radius:var(--nav-radius);border-bottom-right-radius:var(--radius-none);border-top-right-radius:var(--radius-none);position:relative}.nav-tabs.nav-stacked>.nav-item>a:after{--tw-border-opacity:1;border-bottom-color:var(--color-transparent);border-bottom-left-radius:inherit;border-right-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-top-left-radius:inherit}.nav-tabs.nav-stacked>.nav-item>a.active:after{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-right-color:var(--color-transparent)}.nav-tabs.nav-stacked>.nav-divider{margin:0}.nav-pills.nav-stacked>.nav-item+.nav-item{margin-top:.25rem}.nav-justified>.nav-item:not(.flex-none,.nav-divider){flex:1 1 auto}.nav-justified>.nav-item>a{width:100%}.arrow,.arrow:before{background:inherit;height:calc(var(--arrow-size)*1.4142);position:absolute;width:calc(var(--arrow-size)*1.4142)}.arrow{--arrow-size:5px;visibility:hidden}.arrow:before{--tw-rotate:45deg;border:inherit;content:"";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}.arrow-top,.arrow-up{border-bottom:inherit;border-right:inherit;border-width:1px 0 0 1px;top:calc(1px - var(--arrow-size))}.white>.arrow-top,.white>.arrow-up{top:calc(0px - var(--arrow-size))}.arrow-bottom,.arrow-down{border-left:inherit;border-top:inherit;border-width:0 1px 1px 0;bottom:calc(1px - var(--arrow-size))}.white>.arrow-bottom,.white>.arrow-down{bottom:calc(0px - var(--arrow-size))}.arrow-left{border-right:inherit;border-top:inherit;border-width:0 0 1px 1px;left:calc(1px - var(--arrow-size))}.white>.arrow-left{left:calc(0px - var(--arrow-size))}.arrow-right{border-bottom:inherit;border-left:inherit;border-width:1px 1px 0 0;right:calc(1px - var(--arrow-size))}.white>.arrow-right{right:calc(0px - var(--arrow-size))}.popover{display:none;position:absolute;width:-moz-max-content;width:max-content}.popover.show{display:block}.popover-heading{--tw-bg-opacity:1;align-items:center;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;gap:1rem;height:2.5rem;justify-content:space-between;padding-left:.75rem;padding-right:.5rem}.popover-title{flex:1 1 auto;font-weight:700}.popover-content{padding:.75rem}.popover-arrow.arrow-top,.popover-arrow.arrow-up{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.popover>.btn-close{position:absolute;right:.5rem;top:.625rem}.btn-close+.popover-content{padding-right:3rem}.btn.with-popover-show{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.with-popover-show[data-popover-placement=top]>.caret{--tw-rotate:180deg}.with-popover-show[data-popover-placement=left]>.caret,.with-popover-show[data-popover-placement=top]>.caret{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.with-popover-show[data-popover-placement=left]>.caret{--tw-rotate:90deg}.with-popover-show[data-popover-placement=right]>.caret{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pager{align-items:center;display:flex;gap:.25rem;white-space:nowrap}.menu.pager-size-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.menu.pager-size-menu>.menu-item>a{margin:.125rem}.pager .pager-goto-group>.form-control{width:3rem}.pager .pager-goto-group>.input-group-addon{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-gray-300-rgb),var(--tw-border-opacity));border-width:1px}.pager>.pager-nav.active{--tw-text-opacity:1;box-shadow:0 0 0 1px var(--color-primary-500);color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.panel{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);overflow:hidden}.panel-heading{flex-wrap:nowrap;gap:1rem;justify-content:space-between;padding:.5rem 1rem}.panel-heading,.panel-title{align-items:center;display:flex}.panel-title{font-weight:700;gap:.5rem;margin:0}.panel-actions{margin-right:-.5rem}.panel-body{padding:.75rem 1rem}.panel-footer{align-items:center;display:flex;gap:.5rem;padding:.5rem 1rem}.size-sm .panel-body,.size-sm .panel-footer,.size-sm .panel-heading{padding:.375rem .75rem}.size-lg .panel-body,.size-lg .panel-footer,.size-lg .panel-heading{padding:1rem 1.25rem}.picker{position:relative}.picker-select{align-items:center;gap:.25rem;justify-content:space-between}.picker-select,.picker-select.form-control{display:flex}.picker-select-placeholder{--tw-text-opacity:1;color:rgba(var(--color-placeholder-rgb),var(--tw-text-opacity));flex:1 1 auto}.picker-select-multi .picker-select-placeholder{padding-left:.25rem;padding-right:.25rem}.picker-single-selection{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.picker-deselect-btn{border-radius:var(--radius-full);padding:.25rem}.picker-deselect-btn:not(:hover){opacity:.7}.picker-select-multi.form-control{height:auto;min-height:32px;padding-left:.25rem}.picker-multi-selections{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.picker-multi-selection{--tw-bg-opacity:1;align-items:center;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));border-radius:var(--radius-full);border-width:1px;display:flex;max-width:100%;padding-left:.5rem}.readonly .picker-multi-selection{padding-right:.5rem}.picker-multi-selection>.text{max-width:180px;overflow:clip;white-space:nowrap}.picker-menu-list{--tw-shadow:var(--shadow-none);--tw-shadow-colored:var(--shadow-none);border-style:none;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex:1 1 auto;min-height:0;overflow-y:auto}.picker-menu-search+.picker-menu-list.menu{margin-top:-.125rem;padding-top:0}.picker-menu-list.tree{padding:.5rem}.picker-search-input{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;border-color:var(--color-transparent);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important;height:1.75rem;outline-width:0!important;padding-left:0;padding-right:2rem}.picker-search{flex:none;position:relative;width:100%}.picker-search>.magnifier{opacity:.5;position:absolute;right:0;top:.5rem}.picker-search-clear.btn{cursor:pointer;height:1.25rem;position:absolute;right:0;top:.25rem;width:1.25rem}.picker-search.is-inline{min-width:64px;width:4rem}.is-inline>.picker-search-input{height:1.25rem;min-width:64px;padding-left:.25rem;padding-right:.25rem}.picker-search-measure{height:0;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap}.split{display:flex;flex-direction:row}.split-vert{flex-direction:column}.split-cell{min-height:0;min-width:0}.has-animation>.split-cell{transition-duration:.15s;transition-property:width,height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gutter{align-items:stretch;border-radius:var(--radius);cursor:col-resize;display:flex;flex:none;flex-direction:row;justify-content:center;position:relative}.gutter-vert{cursor:row-resize;flex-direction:column}.gutter:before{--tw-bg-opacity:1;--tw-content:"";background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));content:var(--tw-content);display:block;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gutter-horz:before{width:1px}.gutter-vert:before{height:1px}.gutter-horz:hover:before{width:75%}.gutter-vert:hover:before{height:75%}.gutter-toggle{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-radius:var(--radius-lg);border-width:1px;color:rgba(var(--color-fore-rgb),var(--tw-text-opacity));display:flex;height:1.75rem;justify-content:center;margin-top:-.875rem;position:absolute;top:50%;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.75rem}.gutter-toggle>span{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gutter:hover .gutter-toggle{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-gray-500-rgb),var(--tw-border-opacity));color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.gutter .gutter-toggle:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.is-last>.gutter-toggle{--tw-scale-x:-1}.is-first>.gutter-toggle,.is-last>.gutter-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.is-first>.gutter-toggle{--tw-scale-x:1}.gutter-vert .gutter-toggle{--tw-rotate:90deg;left:50%;margin-left:-.375rem;margin-top:0;top:auto}.gutter-vert .gutter-toggle,.gutter.is-next-collapsed>.gutter-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gutter.is-next-collapsed>.gutter-toggle{--tw-scale-x:1}.gutter.is-prev-collapsed>.gutter-toggle{--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gutter-horz.is-first.is-prev-collapsed{transform:translateX(calc(-1px - var(--split-gutter-size)/2))}.gutter-horz.is-last.is-next-collapsed{transform:translateX(calc(1px + var(--split-gutter-size)/2))}.gutter-vert.is-first.is-prev-collapsed{transform:translateY(calc(-1px - var(--split-gutter-size)/2))}.gutter-vert.is-last.is-next-collapsed{transform:translateY(calc(1px + var(--split-gutter-size)/2))}.sidebar{flex:none!important;position:relative}.has-sidebar-animation .sidebar{transition-duration:.15s;transition-property:width,margin;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sidebar-left.is-collapsed{margin-left:calc(var(--gutter-width)*-1)}.sidebar-right.is-collapsed{margin-right:calc(var(--gutter-width)*-1)}.sidebar.is-collapsed>*{display:none}.sidebar.is-collapsed>.sidebar-gutter{display:flex}.sidebar-gutter{bottom:0;left:100%;position:absolute;top:0;width:var(--gutter-width)}.sidebar-right>.sidebar-gutter{left:auto;right:100%}.is-collapsed>.gutter>.gutter-toggle>span{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sidebar-gutter:before{border-radius:var(--radius-full);opacity:0}.sidebar-gutter:hover:before{opacity:1;width:.5rem}.is-expanded .sidebar-gutter.gutter-border:before{opacity:1}.is-sidebar-resizing{cursor:col-resize}:root{--table-head-bg:var(--color-surface);--table-striped-color:var(--color-gray-50);--table-hover-color:rgba(var(--color-primary-500-rgb),.05);--table-border-color:var(--color-border)}.table{border-color:var(--table-border-color);width:100%}.table>thead{background-color:var(--table-head-bg)}.table>*>tr{border-bottom-width:1px}.table>*>tr>*{padding:.5rem 1rem;text-align:left}.table-striped>tbody>tr:nth-child(2n){background:var(--table-striped-color)}.table-hover>tbody>tr:hover>*{background:var(--table-hover-color)}.table.bordered>*>tr>*{border-width:1px}.table.borderless>*>tr,.table.borderless>*>tr>*{border-style:none}.condensed>*>tr>*{padding:.375rem .75rem}.table-fixed{table-layout:fixed}.table-fixed>*>tr>*{overflow:hidden;white-space:nowrap}.toolbar{align-items:center;display:flex;position:relative}.toolbar-divider{--tw-bg-opacity:1;background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));margin:.5rem;width:1px}.toolbar-space{flex:1 1 auto;height:1px;width:1px}.toolbar>.dropdown.show{align-items:center;display:flex;position:relative}.tooltip{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-inverse-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-inverse-rgb),var(--tw-border-opacity));border-radius:var(--radius);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity));font-size:.75rem;line-height:1rem;max-width:28rem;padding:.25rem .5rem;z-index:1800}.tooltip:not(.white)>.arrow{border-width:0}.tooltip.white>.arrow{border-color:inherit}.tooltip-has-title{--tw-bg-opacity:0.8;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem .75rem .75rem}.tooltip-has-title>.arrow{opacity:.75}.tooltip-heading{align-items:center;display:flex;font-size:.8125rem;font-weight:700;gap:1rem;justify-content:space-between;line-height:1.25rem;padding:.25rem}.tooltip-heading>.btn-close{margin-right:-.25rem}.tooltip-content{padding:.25rem}.tree-item-inner{flex-direction:row;min-height:24px;padding-left:var(--list-nested-indent)}.tree-item-inner,.tree-toggle{align-items:center;display:flex}.tree-toggle{--caret-size:5px;--caret-opacity:.3;border-radius:var(--radius);flex:none;height:1rem;justify-content:center;margin-right:-.375rem;width:1rem}.tree-item-inner>.item-icon{opacity:.5;width:1rem}.tree-item-inner:hover>.item-icon{opacity:.8}.tree-item-inner.has-hover{border-radius:var(--radius)}.tree-item-inner .item-title:not(:hover),.tree-item-inner>a.item-title:not(:hover){color:var(--color-inherit)}.tree-item-inner>.toolbar{margin-left:1rem;opacity:.6}.tree-item-inner:hover>.toolbar{opacity:1}.tree-item>.active{background:var(--menu-active-bg);color:var(--menu-active-color)}.tree.search-menu-on-top>.search-box{left:0;right:0}.upload .upload-tip{color:var(--color-slate-500)}.upload .draggable-area.dragover{background-color:rgba(var(--color-primary-500-rgb),.1)}.upload .draggable-area{border:1px dashed var(--color-gray-300)}.upload .upload-tip{color:var(--color-slate-500)}.file-item>.img{height:120px;width:120px}.upload .file-item:hover .file-size{display:flex!important}.card{--tw-bg-opacity:1;--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-border-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);min-height:28px;position:relative;transition-duration:.15s;transition-property:shadow,border,color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card:hover{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-content,.card-footer,.card-header,.card-heading{padding:.25rem .5rem}.card-heading{align-items:center;display:flex;gap:.5rem}.card-icon{opacity:.5}.card-header{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.card-content{display:flex;flex-direction:column;gap:.25rem}.card-actions{position:absolute;right:.125rem;top:.125rem}.card-actions+.card-heading{padding-right:1.75rem}.card-subtitle{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity));font-size:.75rem;line-height:1rem}.card-list{--list-gap:.625rem;--list-count-per-row:1}.card-list,.card-list-item{padding:calc(var(--list-gap)/2)}.card-list-item{width:calc(100%/var(--list-count-per-row))}.card-grid{display:flex;flex-wrap:wrap}.card-grid .card{height:100%}.dropdown{position:absolute;z-index:1200}.dropdown-menu{--menu-min-width:7rem;display:none;position:absolute}.dropdown-menu.show,.is-nested-show>.dropdown-menu,.show>.dropdown-menu{display:block}.popover>.dropdown-menu{position:relative}.dropdown-menu .is-nested-show>a:not(:hover){--tw-bg-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity))}.menu-nested .menu.dropdown-menu{margin-bottom:auto;margin-left:auto;margin-top:auto;padding-right:.5rem}.dropdown-menu.menu-nested .menu-item>.item-inner{padding-left:.5rem}.dropdown-menu .menu-item.is-nested>.item-inner>.nested-toggle-icon{position:absolute;right:.25rem;top:.375rem}.dropdown>.arrow{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.contextmenu{display:none}.contextmenu.show{display:block}.contextmenu.popup{position:absolute}.more,.more-vert{margin:.5rem;position:relative}.more,.more-vert,.more-vert:after,.more-vert:before,.more:after,.more:before{background-color:var(--color-current);border-radius:var(--radius-full);height:.125rem;width:.125rem}.more-vert:after,.more-vert:before,.more:after,.more:before{--tw-content:"";content:var(--tw-content);display:block;left:-5px;position:absolute;top:0}.more-vert:after,.more:after{left:5px}.more-vert{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dashboard-blocks{position:relative}.dashboard-block-cell{position:absolute;transition-duration:.15s;transition-property:left,top;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dashboard-block{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);inset:.5rem;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dashboard-block.is-dragging{opacity:0;z-index:1600}.dashboard-block-header{align-items:center;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);display:flex;flex-direction:row;justify-content:space-between;left:0;padding:.75rem;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.dashboard-block-header>*{pointer-events:auto}.dashboard-block-title{font-size:.875rem;font-weight:700;line-height:1.3rem}.dashboard-block-body{inset:0;position:absolute}.dashboard-block-body>.panel{--tw-shadow:0px 6px 16px rgba(202,215,235,.25);display:flex;flex-direction:column;height:100%;width:100%}.dashboard-block-body .panel-heading{cursor:move;flex:none}.dashboard-block-body .panel-body{flex:1 1 auto;overflow-y:auto}.has-more-menu>.dashboard-block-body .panel-heading{padding-right:3rem}.dashboard-block-body .panel-title{font-size:.875rem;height:2rem;line-height:1.3rem}.dashboard-block-actions .btn{opacity:.6}.dashboard-block-actions .btn:hover{opacity:1}.dashboard-drop-shadow{position:absolute;transition-duration:.15s;transition-property:left,top;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dashboard-drop-shadow:before{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner);--tw-content:"";background-color:rgba(var(--color-inverse-rgb),.05);border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);content:var(--tw-content);inset:.5rem;position:absolute}:root{--scrollbar-size:10px;--scrollbar-opacity:.6;--scrollbar-bg:rgba(var(--color-inverse-rgb),.15);--scrollbar-inset:inset 0 0 0 1px rgba(var(--color-inverse-rgb),.05);--scrollbar-bar-bg:rgba(var(--color-inverse-rgb),.3);--scrollbar-hover-bg:rgba(var(--color-inverse-rgb),.4);--scrollbar-drag-bg:rgba(var(--color-inverse-rgb),.5);--scrollbar-radius:var(--radius-sm);--scrollbar-duration:.7s}.scrollbar{background:var(--scrollbar-bg);box-shadow:var(--scrollbar-shadow);opacity:var(--scrollbar-opacity);position:absolute;transition-duration:.15s;transition-duration:var(--scrollbar-duration);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.scrollbar-hover .scrollbar{opacity:0}.scrollbar-hover:hover .scrollbar{opacity:var(--scrollbar-opacity)}.scrollbar.is-dragging,.scrollbar:hover{opacity:1!important}.scrollbar-bar{background:var(--scrollbar-bar-bg);border-radius:var(--scrollbar-radius);position:absolute}.scrollbar-bar:hover{background:var(--scrollbar-hover-bg)}.is-dragging>.scrollbar-bar{background:var(--scrollbar-drag-bg)}.is-horz>.scrollbar-bar{height:100%;z-index:20}.is-vert>.scrollbar-bar{width:100%;z-index:20}:root{--dtable-checked-bg:var(--color-warning-50);--dtable-checked-bg-hover:var(--color-warning-100);--dtable-checked-border:var(--color-border-strong)}.dtable-cell.is-checked,.dtable-striped .dtable-cell.is-odd-row.is-checked{background-color:var(--dtable-checked-bg)}.checkbox-primary.dtable-checkbox{margin-right:-.375rem}.dtable-checkbox{order:-5}.dtable-hover-col .dtable-cell.is-hover-col.is-checked,.dtable-hover-row .dtable-cell.is-hover-row.is-checked{background-color:var(--dtable-checked-bg-hover)}.dtable-cell.is-checked{--dtable-border-color:var(--dtable-checked-border)}.dtable-check-info{flex-shrink:1;margin-right:.5rem;overflow:hidden;white-space:nowrap}:root{--toggle-icon-size:calc(var(--font-size-root)*3/4 + 1px)}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-color:var(--color-current);border-width:1px;display:block;opacity:.5;position:relative}.toggle-icon-collapse:hover,.toggle-icon-expand:hover,.toggle-icon:hover{opacity:.9}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-radius:inherit;height:var(--toggle-icon-size);width:var(--toggle-icon-size)}.is-collapsed .toggle-icon:after,.is-collapsed .toggle-icon:before,.is-expanded .toggle-icon:before,.toggle-icon-collapse:after,.toggle-icon-collapse:before,.toggle-icon-expand:before{background-color:var(--color-current);content:" ";display:block;height:1px;left:2px;position:absolute;right:2px;top:calc((var(--toggle-icon-size) - 3px)/2)}.is-collapsed .toggle-icon:after,.toggle-icon-collapse:after{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:root{--dtable-nt-size:calc(var(--font-size-root)*3/4 + 1px)}.dtable-nested-indent{flex:none;margin-right:-.25rem;order:-100}.dtable-nested-toggle{align-items:center;border-radius:var(--radius-sm);display:flex;flex:none;height:1.25rem;justify-content:center;margin-left:-.25rem;order:-5;width:1.25rem}.dtable-nested-toggle.is-no-child{display:none}.dtable-header-group{align-items:center;background:var(--dtable-header-bg);cursor:default;display:flex;justify-content:center;left:0;position:absolute;top:1px;z-index:30}.dtable-bordered .dtable-header-group{border-bottom:1px solid var(--dtable-border-color);border-left:1px solid var(--dtable-border-color)}.dtable-header-as-group{contain:style;content-visibility:visible;overflow:visible!important}.dtable-sorting{cursor:move}.dtable-cell.is-sorting-from{background-color:var(--dtable-bg);z-index:20}.dtable-cell.is-sorting-from:before{border-top-width:1px}.dtable-sorting .dtable-cell.is-sorting-after{--tw-translate-y:-100%}.dtable-sorting .dtable-cell.is-sorting-after,.dtable-sorting .dtable-cell.is-sorting-before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtable-sorting .dtable-cell.is-sorting-before{--tw-translate-y:100%}.dtable-cell.is-sorting-before:before,.dtable-cell.is-sorting-from:before{border-bottom-width:1px;border-top-width:1px}:root{--dtable-bg:var(--color-canvas);--dtable-striped-bg:var(--color-gray-50);--dtable-hover-bg:rgba(var(--color-primary-500-rgb),.05);--dtable-header-bg:var(--color-surface);--dtable-footer-bg:var(--color-surface);--dtable-border-color:var(--color-border);--dtable-sorter-size:0.3125rem}.dtable{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));position:relative}.dtable.no-animation *{transition-property:none!important}.dtable-block{overflow:hidden;position:absolute;width:100%}.dtable-header{background-color:var(--dtable-header-bg);border-top-left-radius:inherit;border-top-right-radius:inherit}.dtable-body{overflow:hidden}.dtable-cells{background-color:var(--dtable-bg);height:100%;position:absolute;z-index:0}.dtable-cells-container{height:100%;position:absolute;width:100%}.dtable-header .dtable-cells{background-color:var(--dtable-header-bg)}.dtable-cells.dtable-fixed-left,.dtable-cells.dtable-fixed-right{z-index:10}.dtable-cell{position:absolute;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtable-cell:after,.dtable-cell:before{bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:-1px;z-index:2}.dtable-cell:before{border-bottom-width:1px;border-color:var(--dtable-border-color);opacity:1}.dtable-header .dtable-cell{align-items:center;display:flex;font-weight:700}.dtable-header .dtable-cell:after,.dtable-header .dtable-cell:before{top:0}.dtable-cell-content{align-items:center;display:flex;gap:.25rem;height:100%;overflow:hidden;padding-left:.75rem;padding-right:.75rem;position:relative;white-space:nowrap;width:100%;z-index:5}.dtable-body .dtable-cell.is-last-row:before{border-bottom-width:0}.dtable-footer{align-items:center;background-color:var(--dtable-footer-bg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-color:var(--dtable-border-color);border-top-width:1px;display:flex;padding-left:.75rem;padding-right:.75rem;position:absolute;width:100%;z-index:10}.dtable-empty-tip{align-items:center;display:flex;height:100%;justify-content:center}.dtable .scrollbar{z-index:20}.dtable-header{transition-duration:1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtable-scrolled-down .dtable-header{--tw-border-opacity:1;border-bottom-color:rgba(var(--color-border-strong-rgb),var(--tw-border-opacity));border-bottom-width:1px}.dtable-scroll-shadow{background-image:linear-gradient(90deg,rgba(0,0,0,.03),transparent),linear-gradient(90deg,rgba(0,0,0,.03),transparent 50%);opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:1s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:8px;z-index:20}.dtable:hover .dtable-scroll-shadow{opacity:1}.dtable-scroll-shadow.is-right{--tw-rotate:180deg;margin-left:-7px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtable-scroll-shadow.is-left,.dtable-scrolled-end .dtable-scroll-shadow.is-right{visibility:hidden}.dtable-scroll-shadow.is-right,.dtable-scrolled-right .dtable-scroll-shadow.is-left{visibility:visible}.dtable-cell[data-sort]{cursor:pointer}.dtable-sort{display:inline-flex;height:calc(var(--dtable-sorter-size)*12/5);margin-left:.25rem;opacity:.8;position:relative}.dtable-cell:hover .dtable-sort{opacity:1}.dtable-sort:after,.dtable-sort:before{--tw-content:"";border-color:var(--color-transparent);border-style:solid;border-width:var(--dtable-sorter-size);content:var(--tw-content);height:0;left:0;opacity:.4;position:absolute;width:0}.dtable-sort:before{border-bottom-color:var(--color-current);border-top-width:0;top:0}.dtable-sort:after{border-bottom-width:0;border-top-color:var(--color-current);bottom:0}.dtable-sort.dtable-sort-asc:before,.dtable-sort.dtable-sort-desc:after{opacity:.9}.dtable-sort-link{align-items:center;display:inline-flex}.dtable-cells.dtable-fixed-left:before,.dtable-cells.dtable-fixed-right:before{border-color:var(--dtable-border-color);content:"";height:100%;pointer-events:none;position:absolute;width:100%;z-index:5}.dtable-cells.dtable-fixed-left:before{border-right-width:1px;right:-1px}.dtable-cells.dtable-fixed-right:before{border-left-width:1px;left:0}.dtable-bordered:before{border-color:var(--dtable-border-color);border-radius:inherit;border-width:1px;content:"";display:block;inset:0;pointer-events:none;position:absolute;z-index:15}.dtable-bordered .dtable-cell:before{border-width:1px;right:-1px}.dtable-cell.has-border-left:before{border-left-width:1px}.dtable-cell.has-border-right:before{border-right-width:1px;right:-1px}.dtable-striped .dtable-cell.is-odd-row{background-color:var(--dtable-striped-bg)}.dtable-hover-cell .dtable-cell:hover:after,.dtable-hover-col .dtable-cell.is-hover-col:before,.dtable-hover-row .dtable-body .dtable-cell.is-hover-row:before{background-color:var(--dtable-hover-bg)}:root{--kanban-lane-name-width:20px;--kanban-col-width:280px;--kanban-cols-gap:8px;--kanban-lanes-gap:8px;--kanban-header-height:32px;--kanban-lane-height:auto;--kanban-lane-color:var(--color-primary-500);--kanban-link-color:var(--color-secondary-500)}.kanban{align-items:flex-start;display:flex;flex-direction:column;min-width:-moz-fit-content;min-width:fit-content;position:relative}.kanban-header{display:flex;flex-direction:row;height:var(--kanban-header-height)}.kanban.has-sub-cols .kanban-header{height:calc(var(--kanban-header-height)*2)}.kanban-header-lane-name{background-color:rgba(var(--color-fore-rgb),.05);flex:none;width:var(--kanban-lane-name-width)}.kanban-header-cols,.kanban-header-sub-cols{display:flex;flex:1 1 0%;flex-direction:row;gap:var(--kanban-cols-gap)}.kanban-header-sub-cols{--tw-border-opacity:1;border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity));border-top-width:2px}.kanban-header-col{align-items:center;border-bottom-width:1px;display:flex;flex:1 1 0%;flex-direction:column;height:100%;width:var(--kanban-col-width)}.kanban-header-col.has-subs{width:auto}.kanban-header-col-wrapper{--tw-bg-opacity:1;align-items:center;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));display:flex;flex:1 1 0%;flex-direction:row;padding-left:3.5rem;padding-right:3.5rem;position:relative;width:100%}.kanban-header-title{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;justify-content:center;overflow:hidden}.kanban-header-title>.as-title{color:var(--kanban-col-color);font-weight:700;overflow:hidden;white-space:nowrap}.kanban-header-col-actions{position:absolute;right:.25rem;top:.25rem}.kanban-header-col-actions>.btn{opacity:.6}.kanban-header-col-actions>.btn:hover{opacity:1}.kanban-body{display:flex;flex-direction:column;gap:var(--kanban-lanes-gap)}.kanban-lane{flex-direction:row;height:var(--kanban-lane-height);min-height:96px}.kanban-lane,.kanban-lane-name{display:flex}.kanban-lane-name{--tw-text-opacity:1;align-items:center;background-color:var(--kanban-lane-color);color:rgba(var(--color-white-rgb),var(--tw-text-opacity));flex:none;justify-content:center;position:relative;width:var(--kanban-lane-name-width);writing-mode:vertical-rl}.kanban-lane-title{max-height:8rem;overflow:hidden;white-space:nowrap}.kanban-lane-cols{display:flex;flex-direction:row;gap:var(--kanban-cols-gap)}.kanban-lane-col{background-color:rgba(var(--color-inverse-rgb),.05);display:flex;flex-direction:column;height:100%;width:var(--kanban-col-width)}.kanban-col-content{position:relative;z-index:5}.kanban-lane.is-first>.kanban-lane-name:before{--tw-content:"";background-color:var(--kanban-lane-color);bottom:100%;content:var(--tw-content);display:block;height:var(--kanban-header-height);left:0;position:absolute;right:0}.kanban.has-sub-cols .kanban-lane.is-first>.kanban-lane-name:before{height:calc(var(--kanban-header-height)*2)}.kanban-items{flex:1 1 auto;overflow:auto;scrollbar-gutter:both-edges stable}.kanban-lane.is-auto-height .kanban-items{scrollbar-gutter:auto}.kanban-item .card-actions{z-index:5}.kanban-heading{width:100%}.kanban-heading .listitem{height:2.25rem}.kanban-heading .item-title{font-weight:700}.kanban.has-dragging{cursor:move}.kanban-item.is-dragging{cursor:move;opacity:.1}.kanban-sticky .kanban-header{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));position:sticky;top:0;z-index:10}.kanban-sticky .kanban-lane-name{left:0;position:sticky;z-index:10}.kanban-region{--tw-bg-opacity:1;--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);min-width:-moz-fit-content;min-width:fit-content;padding:.75rem}.kanban-region>.kanban+.kanban{margin-top:.75rem}.kanban-region.has-heading{padding-top:0}.kanban-heading>.listitem{left:.75rem;position:sticky;width:calc(var(--kanban-list-width) - 24px)}.kanban-list{display:flex;flex-direction:column;gap:.75rem;height:100vh;overflow:auto;scrollbar-gutter:stable}.kanban-list.is-moving{cursor:grabbing}.kanban-items.is-dropping{position:relative}.kanban-item.is-dropping{position:relative;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.kanban-item.is-dropping:after,.kanban-items.is-dropping>.card-list:after{--tw-content:"";background-color:rgba(var(--color-warning-500-rgb),.5);border-radius:var(--radius-full);content:var(--tw-content);display:block;height:.25rem}.kanban-item.is-dropping:after{left:.25rem;position:absolute;right:.25rem;top:-.25rem}.kanban-item.is-dropping[z-drop-side=before]{--tw-translate-y:0.25rem}.kanban-item.is-dropping[z-drop-side=after],.kanban-item.is-dropping[z-drop-side=before]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.kanban-item.is-dropping[z-drop-side=after]{--tw-translate-y:-0.25rem}.kanban-item.is-dropping[z-drop-side=after]:after{bottom:-.25rem;top:auto}.kanban-links{inset:0;pointer-events:none;position:absolute;z-index:20}.kanban-link{align-items:center;color:var(--kanban-link-color);display:flex;justify-content:center}.kanban-link,.kanban-link>svg{position:absolute}.kanban-link-text{border-radius:var(--radius);height:1em;line-height:1;padding-left:.125rem;padding-right:.125rem;pointer-events:auto;position:relative;text-align:center;white-space:nowrap}.kanban-link-start-point{--tw-translate-x:-0.25rem;--tw-translate-y:-0.25rem;height:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5rem}.kanban-link-start-point,.kanban-link-start-point:before{background-color:var(--color-current);border-radius:var(--radius-full);position:absolute}.kanban-link-start-point:before{--tw-content:"";content:var(--tw-content);display:block;inset:-.25rem;opacity:.2}.kanban-link path{pointer-events:auto}.kanban-link path+path{opacity:.6}.kanban-link.is-hover path+path{opacity:1}.kanban-link-delete-btn{--tw-scale-x:.75;--tw-scale-y:.75;opacity:0;pointer-events:auto;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-hover .kanban-link-delete-btn,.kanban-link-delete-btn{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.is-hover .kanban-link-delete-btn{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.kanban.is-adding-link{cursor:crosshair}.kanban-link-editor{inset:0;pointer-events:none;position:absolute;z-index:20}.kanban-link-editor-from,.kanban-link-editor-to{--tw-shadow-color:rgb(var(--color-primary-500-rgb));--tw-shadow:var(--tw-shadow-colored);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity));border-radius:var(--radius)}.kanban-link-editor-from,.kanban-link-editor-point,.kanban-link-editor-to{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);position:absolute}.kanban-link-editor-point{--tw-translate-x:-0.25rem;--tw-translate-y:-0.25rem;--tw-bg-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-primary-500-rgb),0.1);background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-radius:var(--radius-full);cursor:move;height:.5rem;opacity:.5;pointer-events:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.kanban-link-editor-point.is-left{left:0;top:50%}.kanban-link-editor-point.is-right{--tw-translate-x:0.25rem;right:0;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.kanban-link-editor-point.is-top{left:50%;top:0}.kanban-link-editor-point.is-bottom{--tw-translate-y:0.25rem;bottom:0;left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.kanban-link-editor-point:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-primary-500-rgb),0.5);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);opacity:1}.tab-pane{display:none}.tab-pane.active{display:block}.arrow,.arrow:before{background:inherit;height:calc(var(--arrow-size)*1.4142);position:absolute;width:calc(var(--arrow-size)*1.4142)}.arrow{--arrow-size:5px;visibility:hidden}.arrow:before{--tw-rotate:45deg;border:inherit;content:"";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}.arrow-top,.arrow-up{border-bottom:inherit;border-right:inherit;border-width:1px 0 0 1px;top:calc(1px - var(--arrow-size))}.white>.arrow-top,.white>.arrow-up{top:calc(0px - var(--arrow-size))}.arrow-bottom,.arrow-down{border-left:inherit;border-top:inherit;border-width:0 1px 1px 0;bottom:calc(1px - var(--arrow-size))}.white>.arrow-bottom,.white>.arrow-down{bottom:calc(0px - var(--arrow-size))}.arrow-left{border-right:inherit;border-top:inherit;border-width:0 0 1px 1px;left:calc(1px - var(--arrow-size))}.white>.arrow-left{left:calc(0px - var(--arrow-size))}.arrow-right{border-bottom:inherit;border-left:inherit;border-width:1px 1px 0 0;right:calc(1px - var(--arrow-size))}.white>.arrow-right{right:calc(0px - var(--arrow-size))}.caret,.caret-down,.caret-left,.caret-right,.caret-up{border:var(--caret-size,4px) solid transparent;display:inline-block;height:0;opacity:var(--caret-opacity,.5);width:0}:focus>.caret,:hover>.caret{opacity:inherit}.disabled .caret,.readonly .caret{opacity:var(--caret-opacity,.5)}.caret,.caret-down{border-bottom-width:0;border-top-color:currentColor}.caret-up{border-bottom-color:currentColor;border-top-width:0}.caret-right{border-left-color:currentColor;border-right-width:0}.caret-left{border-left-width:0;border-right-color:currentColor}:root{--toggle-icon-size:calc(var(--font-size-root)*3/4 + 1px)}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-color:var(--color-current);border-width:1px;display:block;opacity:.5;position:relative}.toggle-icon-collapse:hover,.toggle-icon-expand:hover,.toggle-icon:hover{opacity:.9}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-radius:inherit;height:var(--toggle-icon-size);width:var(--toggle-icon-size)}.is-collapsed .toggle-icon:after,.is-collapsed .toggle-icon:before,.is-expanded .toggle-icon:before,.toggle-icon-collapse:after,.toggle-icon-collapse:before,.toggle-icon-expand:before{background-color:var(--color-current);content:" ";display:block;height:1px;left:2px;position:absolute;right:2px;top:calc((var(--toggle-icon-size) - 3px)/2)}.is-collapsed .toggle-icon:after,.toggle-icon-collapse:after{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}.spinner,.spinner:after,.spinner:before{display:block;height:1em;position:relative;width:1em}.spinner:after,.spinner:before{border-radius:var(--radius-full);content:" ";position:absolute}.spinner:before{animation:-spin 1s cubic-bezier(.6,0,.4,1) infinite;border:.16667em solid transparent;border-top-color:currentcolor}.spinner:after{border:.16667em solid;opacity:.2}.magnifier{display:inline-block;height:1em;position:relative;width:1em}.magnifier:after,.magnifier:before{border-radius:var(--radius-full);content:"";display:block;position:absolute}.magnifier:before{border:1px solid;height:.75em;width:.75em}.magnifier:after{--tw-rotate:45deg;background-color:var(--color-current);height:1px;left:.55em;top:.7em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5em}.more,.more-vert{margin:.5rem;position:relative}.more,.more-vert,.more-vert:after,.more-vert:before,.more:after,.more:before{background-color:var(--color-current);border-radius:var(--radius-full);height:.125rem;width:.125rem}.more-vert:after,.more-vert:before,.more:after,.more:before{--tw-content:"";content:var(--tw-content);display:block;left:-5px;position:absolute;top:0}.more-vert:after,.more:after{left:5px}.more-vert{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chevron-down,.chevron-left,.chevron-right,.chevron-up{align-items:center;display:inline-flex;height:1em;justify-content:center;position:relative;width:1em}.chevron-down:before,.chevron-left:before,.chevron-right:before,.chevron-up:before{--tw-translate-y:-0.125rem;--tw-rotate:45deg;--tw-content:"";border-color:var(--color-current);border-width:0 1px 1px 0;content:var(--tw-content);display:block;height:.6923077em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:center;width:.6923077em}.chevron-left:before{--tw-translate-y:0px;--tw-translate-x:0.125rem;--tw-rotate:135deg}.chevron-left:before,.chevron-right:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chevron-right:before{--tw-translate-y:0px;--tw-translate-x:-0.125rem;--tw-rotate:-45deg}.chevron-up:before{--tw-translate-y:0.125rem;--tw-rotate:225deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.i-time{border-color:var(--color-current);border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:var(--color-current);border-width:0 0 .08em .08em;content:var(--tw-content);height:.385em;left:.3846em;position:absolute;top:.08em;width:.385em}.i-calendar{border-color:var(--color-current);border-radius:var(--radius);border-width:.08em;display:inline-block;height:.79em;margin-top:.16em;position:relative;width:1em}.i-calendar:after,.i-calendar:before{--tw-content:"";border-color:var(--color-current);border-width:.08em;content:var(--tw-content);position:absolute}.i-calendar:before{border-bottom-width:0;left:.15em;top:.307em;width:.6em}.i-calendar:after{border-bottom-width:0;border-top-width:0;height:.3077em;left:.17em;top:-.154em;width:.538em}:root{--state-color:rgba(0,0,0,.05);--state-scale:.9;--state-active-color:rgba(0,0,0,.1);--state-focus-color:rgba(0,0,0,.125);--state-disabled-opacity:.65;--state-muted-opacity:.5}.btn,.nav-item>a,.state{cursor:pointer;position:relative}.btn:before,.nav-item>a:before,.state:before{background:var(--state-color);border-radius:inherit;content:" ";display:block;inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(var(--state-scale));transition-duration:.2s;transition-property:opacity,transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn:active:before,.btn:focus-visible:before,.btn:hover:before,.nav-item>a:active:before,.nav-item>a:focus-visible:before,.nav-item>a:hover:before,.state:active:before,.state:focus-visible:before,.state:hover:before{--tw-scale-x:1;--tw-scale-y:1;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn:focus-visible,.nav-item>a:focus-visible,.state:focus-visible{outline:2px solid transparent;outline-offset:2px}.btn:focus-visible:before,.nav-item>a:focus-visible:before,.state:focus-visible:before{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-focus-rgb),var(--tw-ring-opacity));background:var(--state-focus-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.btn:active:before,.nav-item>a:active:before,.state:active:before{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--color-current);background:var(--state-active-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);transition-duration:.7s}.btn.disabled:before,.btn[disabled]:before,.nav-item>a.disabled:before,.nav-item>a[disabled]:before,.state.disabled:before,.state[disabled]:before{display:none}.disabled,.disabled *,[disabled],[disabled] *{--tw-grayscale:grayscale(100%);cursor:not-allowed!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);opacity:var(--state-disabled-opacity)}.muted{opacity:var(--state-muted-opacity)}.load-indicator:after,.load-indicator:before{display:block;opacity:0;position:absolute;transition-delay:0s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.load-indicator:before{--tw-content:attr(data-loading);align-items:center;background-color:rgba(var(--color-canvas-rgb),.7);border-radius:inherit;content:var(--tw-content);display:flex;font-size:.75rem;inset:0;justify-content:center;line-height:1rem;z-index:99}.load-indicator[data-loading]:before{padding-top:3.5rem}.load-indicator:after{--tw-content:"";border-color:var(--color-current);border-radius:var(--radius-full);border-style:dotted;border-top-color:var(--color-transparent);border-width:4px 3px 4px 4px;content:var(--tw-content);height:2rem;left:50%;margin-left:-1rem;margin-top:-1rem;top:50%;width:2rem;z-index:100}.load-indicator.loading:after,.load-indicator.loading:before{opacity:1;transition-delay:.5s;visibility:visible}@keyframes -spin{to{transform:rotate(1turn)}}.load-indicator.loading:after{animation:-spin 1s linear infinite;opacity:.5}.events-none{pointer-events:none}.events-auto{pointer-events:auto}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.active\:opacity-100.active,.active\:opacity-100:active,.group.active .group-active\:opacity-100,.group:active .group-active\:opacity-100,.group:hover .group-hover\:opacity-100,.hover\:opacity-100:hover{opacity:1}.active\:text-primary.active,.active\:text-primary:active,.group.active .group-active\:text-primary,.group:active .group-active\:text-primary,.group:hover .group-hover\:text-primary,.hover\:text-primary:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.active\:border-primary.active,.active\:border-primary:active,.group.active .group-active\:border-primary,.group:active .group-active\:border-primary,.group:hover .group-hover\:border-primary,.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.active\:primary-pale.active,.active\:primary-pale:active,.group.active .group-active\:primary-pale,.group:active .group-active\:primary-pale,.group:hover .group-hover\:primary-pale,.hover\:primary-pale:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-50-rgb),var(--tw-bg-opacity))}.active\:primary.active,.active\:primary:active,.group.active .group-active\:primary,.group:active .group-active\:primary,.group:hover .group-hover\:primary,.hover\:primary:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.active\:canvas.active,.active\:canvas:active,.group.active .group-active\:canvas,.group:active .group-active\:canvas,.group:hover .group-hover\:canvas,.hover\:canvas:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.active\:font-bold.active,.active\:font-bold:active,.group.active .group-active\:font-bold,.group:active .group-active\:font-bold,.group:hover .group-hover\:font-bold,.hover\:font-bold:hover{font-weight:700}.active\:shadow.active,.active\:shadow:active,.group.active .group-active\:shadow,.group:active .group-active\:shadow,.group:hover .group-hover\:shadow,.hover\:shadow:hover{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.container{margin-left:auto;margin-right:auto}.popup{--tw-bg-opacity:0.85;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;--tw-backdrop-blur:blur(16px);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.popup,.popup .popup{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.popup .popup{--tw-bg-opacity:1;--tw-backdrop-blur:blur(0)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.hidden{display:none!important}.pull-right{float:right}.pull-left{float:left}.clearfix:after{clear:both;content:"";display:block}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.object-left-top{-o-object-position:left top;object-position:left top}.object-right{-o-object-position:right;object-position:right}.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-right-top{-o-object-position:right top;object-position:right top}.object-top{-o-object-position:top;object-position:top}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overflow-overlay{overflow:overlay}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-auto{inset:auto}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-full{top:100%}.right-full{right:100%}.bottom-full{bottom:100%}.left-full{left:100%}.top-auto{top:auto}.right-auto{right:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.top-px{top:1px}.right-px{right:1px}.bottom-px{bottom:1px}.left-px{left:1px}.top-0\.5{top:.125rem}.right-0\.5{right:.125rem}.bottom-0\.5{bottom:.125rem}.left-0\.5{left:.125rem}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.top-1\.5{top:.375rem}.right-1\.5{right:.375rem}.bottom-1\.5{bottom:.375rem}.left-1\.5{left:.375rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.top-2\.5{top:.625rem}.right-2\.5{right:.625rem}.bottom-2\.5{bottom:.625rem}.left-2\.5{left:.625rem}.top-3{top:.75rem}.right-3{right:.75rem}.bottom-3{bottom:.75rem}.left-3{left:.75rem}.top-3\.5{top:.875rem}.right-3\.5{right:.875rem}.bottom-3\.5{bottom:.875rem}.left-3\.5{left:.875rem}.top-4{top:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.top-5{top:1.25rem}.right-5{right:1.25rem}.bottom-5{bottom:1.25rem}.left-5{left:1.25rem}.top-6{top:1.5rem}.right-6{right:1.5rem}.bottom-6{bottom:1.5rem}.left-6{left:1.5rem}.top-7{top:1.75rem}.right-7{right:1.75rem}.bottom-7{bottom:1.75rem}.left-7{left:1.75rem}.top-8{top:2rem}.right-8{right:2rem}.bottom-8{bottom:2rem}.left-8{left:2rem}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-bottom:0}.mt-0,.my-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto}.mt-auto,.my-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.m-px{margin:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-bottom:1px}.mt-px,.my-px{margin-top:1px}.mr-px{margin-right:1px}.mb-px{margin-bottom:1px}.ml-px{margin-left:1px}.m-0\.5{margin:.125rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-0\.5{margin-bottom:.125rem}.mt-0\.5,.my-0\.5{margin-top:.125rem}.mr-0\.5{margin-right:.125rem}.mb-0\.5{margin-bottom:.125rem}.ml-0\.5{margin-left:.125rem}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-bottom:.25rem}.mt-1,.my-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.m-1\.5{margin:.375rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.my-1\.5{margin-bottom:.375rem}.mt-1\.5,.my-1\.5{margin-top:.375rem}.mr-1\.5{margin-right:.375rem}.mb-1\.5{margin-bottom:.375rem}.ml-1\.5{margin-left:.375rem}.m-2{margin:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-bottom:.5rem}.mt-2,.my-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.m-2\.5{margin:.625rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.my-2\.5{margin-bottom:.625rem}.mt-2\.5,.my-2\.5{margin-top:.625rem}.mr-2\.5{margin-right:.625rem}.mb-2\.5{margin-bottom:.625rem}.ml-2\.5{margin-left:.625rem}.m-3{margin:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-bottom:.75rem}.mt-3,.my-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.m-3\.5{margin:.875rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.my-3\.5{margin-bottom:.875rem}.mt-3\.5,.my-3\.5{margin-top:.875rem}.mr-3\.5{margin-right:.875rem}.mb-3\.5{margin-bottom:.875rem}.ml-3\.5{margin-left:.875rem}.m-4{margin:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-bottom:1.25rem}.mt-5,.my-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.m-6{margin:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-bottom:1.5rem}.mt-6,.my-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.m-7{margin:1.75rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.my-7{margin-bottom:1.75rem}.mt-7,.my-7{margin-top:1.75rem}.mr-7{margin-right:1.75rem}.mb-7{margin-bottom:1.75rem}.ml-7{margin-left:1.75rem}.m-8{margin:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-bottom:2rem}.mt-8,.my-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.m-9{margin:2.25rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.my-9{margin-bottom:2.25rem}.mt-9,.my-9{margin-top:2.25rem}.mr-9{margin-right:2.25rem}.mb-9{margin-bottom:2.25rem}.ml-9{margin-left:2.25rem}.m-10{margin:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-bottom:2.5rem}.mt-10,.my-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.p-0{padding:0}.p-px{padding:1px}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.px-0{padding-left:0;padding-right:0}.py-0{padding-bottom:0}.pt-0,.py-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-px{padding-left:1px;padding-right:1px}.py-px{padding-bottom:1px}.pt-px,.py-px{padding-top:1px}.pr-px{padding-right:1px}.pb-px{padding-bottom:1px}.pl-px{padding-left:1px}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.py-0\.5{padding-bottom:.125rem}.pt-0\.5,.py-0\.5{padding-top:.125rem}.pr-0\.5{padding-right:.125rem}.pb-0\.5{padding-bottom:.125rem}.pl-0\.5{padding-left:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-bottom:.25rem}.pt-1,.py-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-1\.5{padding-bottom:.375rem}.pt-1\.5,.py-1\.5{padding-top:.375rem}.pr-1\.5{padding-right:.375rem}.pb-1\.5{padding-bottom:.375rem}.pl-1\.5{padding-left:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem}.pt-2,.py-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-2\.5{padding-bottom:.625rem}.pt-2\.5,.py-2\.5{padding-top:.625rem}.pr-2\.5{padding-right:.625rem}.pb-2\.5{padding-bottom:.625rem}.pl-2\.5{padding-left:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.py-3\.5{padding-bottom:.875rem}.pt-3\.5,.py-3\.5{padding-top:.875rem}.pr-3\.5{padding-right:.875rem}.pb-3\.5{padding-bottom:.875rem}.pl-3\.5{padding-left:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem}.pt-5,.py-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-bottom:1.5rem}.pt-6,.py-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-bottom:1.75rem}.pt-7,.py-7{padding-top:1.75rem}.pr-7{padding-right:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-9{padding-bottom:2.25rem}.pt-9,.py-9{padding-top:2.25rem}.pr-9{padding-right:2.25rem}.pb-9{padding-bottom:2.25rem}.pl-9{padding-left:2.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-bottom:2.5rem}.pt-10,.py-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.125rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.125rem*var(--tw-space-x-reverse))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.375rem*var(--tw-space-x-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.625rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.625rem*var(--tw-space-x-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-3\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.875rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.875rem*var(--tw-space-x-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.875rem*var(--tw-space-y-reverse));margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.75rem*var(--tw-space-x-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.75rem*var(--tw-space-y-reverse));margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.w-0{width:0}.w-px{width:1px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-52{width:13rem}.w-56{width:14rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-moz-min-content;width:min-content}.w-max{width:-moz-max-content;width:max-content}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-full{max-width:100%}.min-w-0{min-width:0}.h-0{height:0}.h-px{height:1px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-52{height:13rem}.h-56{height:14rem}.h-60{height:15rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}.h-auto{height:auto}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-2\/3{height:66.666667%}.h-1\/4{height:25%}.h-2\/4{height:50%}.h-3\/4{height:75%}.h-1\/5{height:20%}.h-2\/5{height:40%}.h-3\/5{height:60%}.h-4\/5{height:80%}.h-1\/6{height:16.666667%}.h-2\/6{height:33.333333%}.h-3\/6{height:50%}.h-4\/6{height:66.666667%}.h-5\/6{height:83.333333%}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:-moz-min-content;height:min-content}.h-max{height:-moz-max-content;height:max-content}.h-fit{height:-moz-fit-content;height:fit-content}.max-h-full{max-height:100%}.min-h-0{min-height:0}.primary-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.primary-outline,.secondary-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.secondary-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.success-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.success-outline,.warning-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.warning-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.danger-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.danger-outline,.important-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.important-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity))}.special-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-special-500-rgb),var(--tw-text-opacity))}.lighter-outline,.special-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lighter-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-100-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-100-rgb),var(--tw-text-opacity))}.light-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-300-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-300-rgb),var(--tw-text-opacity))}.gray-outline,.light-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.gray-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.darken-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-700-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-700-rgb),var(--tw-text-opacity))}.darken-outline,.darker-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.darker-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-900-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-900-rgb),var(--tw-text-opacity))}.black-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-black-rgb),var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--color-black-rgb),var(--tw-text-opacity))}.primary-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.secondary-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-secondary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.success-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-success-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.warning-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-warning-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.danger-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-danger-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.important-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-important-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity))}.special-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-special-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-special-500-rgb),var(--tw-text-opacity))}.lighter-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.light-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-200-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-200-rgb),var(--tw-bg-opacity));color:rgba(var(--color-gray-600-rgb),var(--tw-text-opacity))}.gray-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-300-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity))}.darken-pale,.gray-pale{color:rgba(var(--color-gray-700-rgb),var(--tw-text-opacity))}.darken-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-400-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-400-rgb),var(--tw-bg-opacity))}.primary{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity))}.primary,.primary:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.primary:hover{--tw-text-opacity:1}.secondary{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-secondary-500-rgb),var(--tw-bg-opacity))}.secondary,.secondary:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.secondary:hover{--tw-text-opacity:1}.success{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-success-500-rgb),var(--tw-bg-opacity))}.success,.success:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.success:hover{--tw-text-opacity:1}.warning{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-warning-500-rgb),var(--tw-bg-opacity))}.warning,.warning:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.warning:hover{--tw-text-opacity:1}.danger{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-danger-500-rgb),var(--tw-bg-opacity))}.danger,.danger:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.danger:hover{--tw-text-opacity:1}.important{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-important-500-rgb),var(--tw-bg-opacity))}.important,.important:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.important:hover{--tw-text-opacity:1}.special{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-special-500-rgb),var(--tw-bg-opacity))}.special,.special:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.special:hover{--tw-text-opacity:1}.white{--tw-bg-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-white-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-white-rgb),var(--tw-bg-opacity))}.lighter{--tw-bg-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity))}.light{--tw-bg-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-300-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity))}.gray{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-500-rgb),var(--tw-bg-opacity))}.gray,.gray:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.gray:hover{--tw-text-opacity:1}.darken{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-700-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-700-rgb),var(--tw-bg-opacity))}.darken,.darken:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.darken:hover{--tw-text-opacity:1}.darker{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-900-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-900-rgb),var(--tw-bg-opacity))}.darker,.darker:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.darker:hover{--tw-text-opacity:1}.black{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-black-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-black-rgb),var(--tw-bg-opacity))}.black,.black:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.black:hover{--tw-text-opacity:1}.surface{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-surface-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.canvas,.surface{color:rgba(var(--color-fore-rgb),var(--tw-text-opacity))}.canvas{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-canvas-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.inverse{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-fore-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-fore-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.ghost{--tw-ring-color:var(--color-transparent);background-color:var(--color-transparent)}.font-sans{font-family:-apple-system,Noto Sans,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Source Han Sans CN,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif}.font-serif{font-family:Nimbus Roman No9 L,Songti SC,Noto Serif CJK SC,Source Han Serif SC,Source Han Serif CN,STSong,AR PL New Sung,AR PL SungtiL GB,NSimSun,SimSun,TW-Sung,WenQuanYi Bitmap Song,AR PL UMing CN,AR PL UMing HK,AR PL UMing TW,AR PL UMing TW MBE,PMingLiU,MingLiU,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-root{font-size:16px}.text-sm{font-size:.75rem;line-height:1rem}.text-base{font-size:.8125rem;line-height:1.25rem}.text-md{font-size:.875rem;line-height:1.3rem}.text-lg{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-10{line-height:2.5rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.line-2{-webkit-line-clamp:2}.line-2,.line-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-3{-webkit-line-clamp:3}.line-4{-webkit-line-clamp:4}.line-4,.line-5{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-5{-webkit-line-clamp:5}.line-6{-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box;overflow:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.text-primary{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.text-warning{--tw-text-opacity:1;color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.text-danger{--tw-text-opacity:1;color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.text-important{--tw-text-opacity:1;color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity))}.text-special{--tw-text-opacity:1;color:rgba(var(--color-special-500-rgb),var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.text-lighter{--tw-text-opacity:1;color:rgba(var(--color-gray-300-rgb),var(--tw-text-opacity))}.text-light{--tw-text-opacity:1;color:rgba(var(--color-gray-400-rgb),var(--tw-text-opacity))}.text-gray{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.text-dark{--tw-text-opacity:1;color:rgba(var(--color-gray-600-rgb),var(--tw-text-opacity))}.text-darken{--tw-text-opacity:1;color:rgba(var(--color-gray-700-rgb),var(--tw-text-opacity))}.text-darker{--tw-text-opacity:1;color:rgba(var(--color-gray-900-rgb),var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(var(--color-black-rgb),var(--tw-text-opacity))}.text-canvas{--tw-text-opacity:1;color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.text-surface{--tw-text-opacity:1;color:rgba(var(--color-surface-rgb),var(--tw-text-opacity))}.text-inverse{--tw-text-opacity:1;color:rgba(var(--color-inverse-rgb),var(--tw-text-opacity))}.text-fore{--tw-text-opacity:1;color:rgba(var(--color-fore-rgb),var(--tw-text-opacity))}.text-focus{--tw-text-opacity:1;color:rgba(var(--color-focus-rgb),var(--tw-text-opacity))}.text-link{--tw-text-opacity:1;color:rgba(var(--color-link-rgb),var(--tw-text-opacity))}.text-link-hover{--tw-text-opacity:1;color:rgba(var(--color-link-hover-rgb),var(--tw-text-opacity))}.text-transparent{color:transparent}.text-current{color:currentColor}.text-inherit{color:inherit}.text-primary-50{--tw-text-opacity:1;color:rgba(var(--color-primary-50-rgb),var(--tw-text-opacity))}.text-primary-200{--tw-text-opacity:1;color:rgba(var(--color-primary-200-rgb),var(--tw-text-opacity))}.text-primary-300{--tw-text-opacity:1;color:rgba(var(--color-primary-300-rgb),var(--tw-text-opacity))}.text-primary-400{--tw-text-opacity:1;color:rgba(var(--color-primary-400-rgb),var(--tw-text-opacity))}.text-primary-500{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity:1;color:rgba(var(--color-primary-600-rgb),var(--tw-text-opacity))}.text-primary-700{--tw-text-opacity:1;color:rgba(var(--color-primary-700-rgb),var(--tw-text-opacity))}.text-primary-800{--tw-text-opacity:1;color:rgba(var(--color-primary-800-rgb),var(--tw-text-opacity))}.text-primary-900{--tw-text-opacity:1;color:rgba(var(--color-primary-900-rgb),var(--tw-text-opacity))}.text-secondary-50{--tw-text-opacity:1;color:rgba(var(--color-secondary-50-rgb),var(--tw-text-opacity))}.text-secondary-200{--tw-text-opacity:1;color:rgba(var(--color-secondary-200-rgb),var(--tw-text-opacity))}.text-secondary-300{--tw-text-opacity:1;color:rgba(var(--color-secondary-300-rgb),var(--tw-text-opacity))}.text-secondary-400{--tw-text-opacity:1;color:rgba(var(--color-secondary-400-rgb),var(--tw-text-opacity))}.text-secondary-500{--tw-text-opacity:1;color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.text-secondary-600{--tw-text-opacity:1;color:rgba(var(--color-secondary-600-rgb),var(--tw-text-opacity))}.text-secondary-700{--tw-text-opacity:1;color:rgba(var(--color-secondary-700-rgb),var(--tw-text-opacity))}.text-secondary-800{--tw-text-opacity:1;color:rgba(var(--color-secondary-800-rgb),var(--tw-text-opacity))}.text-secondary-900{--tw-text-opacity:1;color:rgba(var(--color-secondary-900-rgb),var(--tw-text-opacity))}.clip,.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip{text-overflow:clip}.nowrap{white-space:nowrap}.pre{white-space:pre}.pre-line{white-space:pre-line}.pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-opacity-0{--tw-text-opacity:0}.text-opacity-10{--tw-text-opacity:.1}.text-opacity-20{--tw-text-opacity:.2}.text-opacity-30{--tw-text-opacity:.3}.text-opacity-40{--tw-text-opacity:.4}.text-opacity-50{--tw-text-opacity:.5}.text-opacity-60{--tw-text-opacity:.6}.text-opacity-70{--tw-text-opacity:.7}.text-opacity-80{--tw-text-opacity:.8}.text-opacity-90{--tw-text-opacity:.9}.text-opacity-100{--tw-text-opacity:1}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.bg-primary{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-500-rgb),var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgba(var(--color-success-500-rgb),var(--tw-bg-opacity))}.bg-warning{--tw-bg-opacity:1;background-color:rgba(var(--color-warning-500-rgb),var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgba(var(--color-danger-500-rgb),var(--tw-bg-opacity))}.bg-important{--tw-bg-opacity:1;background-color:rgba(var(--color-important-500-rgb),var(--tw-bg-opacity))}.bg-special{--tw-bg-opacity:1;background-color:rgba(var(--color-special-500-rgb),var(--tw-bg-opacity))}.bg-primary-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity))}.bg-secondary-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-100-rgb),var(--tw-bg-opacity))}.bg-success-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-success-100-rgb),var(--tw-bg-opacity))}.bg-warning-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-warning-100-rgb),var(--tw-bg-opacity))}.bg-danger-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-danger-100-rgb),var(--tw-bg-opacity))}.bg-important-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-important-100-rgb),var(--tw-bg-opacity))}.bg-special-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-special-100-rgb),var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(var(--color-white-rgb),var(--tw-bg-opacity))}.bg-lighter{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity))}.bg-light{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-400-rgb),var(--tw-bg-opacity))}.bg-gray{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-500-rgb),var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-600-rgb),var(--tw-bg-opacity))}.bg-darken{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-700-rgb),var(--tw-bg-opacity))}.bg-darker{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-900-rgb),var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(var(--color-black-rgb),var(--tw-bg-opacity))}.bg-canvas{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.bg-surface{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.bg-inverse{--tw-bg-opacity:1;background-color:rgba(var(--color-fore-rgb),var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-inherit{background-color:inherit}.bg-none{background:none}.bg-current{background:currentColor}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-10{--tw-bg-opacity:.1}.bg-opacity-20{--tw-bg-opacity:.2}.bg-opacity-30{--tw-bg-opacity:.3}.bg-opacity-40{--tw-bg-opacity:.4}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-60{--tw-bg-opacity:.6}.bg-opacity-70{--tw-bg-opacity:.7}.bg-opacity-80{--tw-bg-opacity:.8}.bg-opacity-90{--tw-bg-opacity:.9}.bg-opacity-100{--tw-bg-opacity:1}.divider{align-self:stretch;border-color:var(--color-current);border-left-width:1px;border-top-width:1px;opacity:.1}.border{border-width:1px}.border-t{border-top-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-l-2{border-left-width:2px}.border-r-2{border-right-width:2px}.border-b-2{border-bottom-width:2px}.border-4{border-width:4px}.border-t-4{border-top-width:4px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-b-4{border-bottom-width:4px}.border-0{border-width:0}.border-t-0{border-top-width:0}.border-r-0{border-right-width:0}.border-b-0{border-bottom-width:0}.border-l-0{border-left-width:0}.border-primary{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.border-secondary{--tw-border-opacity:1;border-color:rgba(var(--color-secondary-500-rgb),var(--tw-border-opacity))}.border-success{--tw-border-opacity:1;border-color:rgba(var(--color-success-500-rgb),var(--tw-border-opacity))}.border-warning{--tw-border-opacity:1;border-color:rgba(var(--color-warning-500-rgb),var(--tw-border-opacity))}.border-danger{--tw-border-opacity:1;border-color:rgba(var(--color-danger-500-rgb),var(--tw-border-opacity))}.border-important{--tw-border-opacity:1;border-color:rgba(var(--color-important-500-rgb),var(--tw-border-opacity))}.border-special{--tw-border-opacity:1;border-color:rgba(var(--color-special-500-rgb),var(--tw-border-opacity))}.border-strong{--tw-border-opacity:1;border-color:rgba(var(--color-border-strong-rgb),var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgba(var(--color-white-rgb),var(--tw-border-opacity))}.border-lighter{--tw-border-opacity:1;border-color:rgba(var(--color-gray-100-rgb),var(--tw-border-opacity))}.border-light{--tw-border-opacity:1;border-color:rgba(var(--color-gray-300-rgb),var(--tw-border-opacity))}.border-gray{--tw-border-opacity:1;border-color:rgba(var(--color-gray-500-rgb),var(--tw-border-opacity))}.border-darken{--tw-border-opacity:1;border-color:rgba(var(--color-gray-700-rgb),var(--tw-border-opacity))}.border-darker{--tw-border-opacity:1;border-color:rgba(var(--color-gray-900-rgb),var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgba(var(--color-black-rgb),var(--tw-border-opacity))}.border-default{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity))}.border-canvas{--tw-border-opacity:1;border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity))}.border-surface{--tw-border-opacity:1;border-color:rgba(var(--color-surface-rgb),var(--tw-border-opacity))}.border-inverse{--tw-border-opacity:1;border-color:rgba(var(--color-fore-rgb),var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-current{border-color:currentColor}.border-inherit{border-color:inherit}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-opacity-0{--tw-border-opacity:0}.border-opacity-10{--tw-border-opacity:.1}.border-opacity-20{--tw-border-opacity:.2}.border-opacity-30{--tw-border-opacity:.3}.border-opacity-40{--tw-border-opacity:.4}.border-opacity-50{--tw-border-opacity:.5}.border-opacity-60{--tw-border-opacity:.6}.border-opacity-70{--tw-border-opacity:.7}.border-opacity-80{--tw-border-opacity:.8}.border-opacity-90{--tw-border-opacity:.9}.border-opacity-100{--tw-border-opacity:1}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.circle,.rounded-full{border-radius:var(--radius-full)}.rounded-l-none{border-bottom-left-radius:var(--radius-none);border-top-left-radius:var(--radius-none)}.rounded-t-none{border-top-left-radius:var(--radius-none)}.rounded-r-none,.rounded-t-none{border-top-right-radius:var(--radius-none)}.rounded-b-none,.rounded-r-none{border-bottom-right-radius:var(--radius-none)}.rounded-b-none{border-bottom-left-radius:var(--radius-none)}.rounded-br-none{border-bottom-right-radius:var(--radius-none)}.rounded-bl-none{border-bottom-left-radius:var(--radius-none)}.rounded-tr-none{border-top-right-radius:var(--radius-none)}.rounded-tl-none{border-top-left-radius:var(--radius-none)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-border-strong-rgb),var(--tw-ring-opacity))}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2,.ring-3{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-3{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4,.ring-8{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-inverse{--tw-ring-opacity:1}.ring-inverse,.ring-light{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity))}.ring-light{--tw-ring-opacity:0.05}.ring-dark{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.2}.ring-darker{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.3}.ring-darkest{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.5}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity))}.ring-secondary{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-500-rgb),var(--tw-ring-opacity))}.ring-warning{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-500-rgb),var(--tw-ring-opacity))}.ring-success{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-500-rgb),var(--tw-ring-opacity))}.ring-danger{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-500-rgb),var(--tw-ring-opacity))}.ring-important{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-500-rgb),var(--tw-ring-opacity))}.ring-special{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-500-rgb),var(--tw-ring-opacity))}.ring-inherit{--tw-ring-color:var(--color-inherit)}.ring-current{--tw-ring-color:var(--color-current)}.ring-transparent{--tw-ring-color:var(--color-transparent)}.ring-canvas{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-canvas-rgb),var(--tw-ring-opacity))}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-black-rgb),var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-white-rgb),var(--tw-ring-opacity))}.ring-opacity-0{--tw-ring-opacity:0}.ring-opacity-5{--tw-ring-opacity:.05}.ring-opacity-10{--tw-ring-opacity:.1}.ring-opacity-20{--tw-ring-opacity:.2}.ring-opacity-30{--tw-ring-opacity:.3}.ring-opacity-40{--tw-ring-opacity:.4}.ring-opacity-50{--tw-ring-opacity:.5}.ring-opacity-60{--tw-ring-opacity:.6}.ring-opacity-70{--tw-ring-opacity:.7}.ring-opacity-80{--tw-ring-opacity:.8}.ring-opacity-90{--tw-ring-opacity:.9}.ring-opacity-100{--tw-ring-opacity:1}.-ring-offset-1{--tw-ring-offset-width:-1px}.ring-offset-0{--tw-ring-offset-width:0px}.ring-offset-1{--tw-ring-offset-width:-1px}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-4{--tw-ring-offset-width:4px}.ring-offset-8{--tw-ring-offset-width:8px}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow)}.shadow-md{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.shadow-xl{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl)}.shadow-2xl,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--shadow-2xl);--tw-shadow-colored:var(--shadow-2xl)}.shadow-inner{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner)}.shadow-inner,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:var(--shadow-none);--tw-shadow-colored:var(--shadow-none)}.shadow-primary{--tw-shadow-color:rgb(var(--color-primary-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary{--tw-shadow-color:rgb(var(--color-secondary-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-success{--tw-shadow-color:rgb(var(--color-success-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-warning{--tw-shadow-color:rgb(var(--color-warning-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-danger{--tw-shadow-color:rgb(var(--color-danger-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-important{--tw-shadow-color:rgb(var(--color-important-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-special{--tw-shadow-color:rgb(var(--color-special-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-white{--tw-shadow-color:rgb(var(--color-white-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-lighter{--tw-shadow-color:rgb(var(--color-gray-100-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-light{--tw-shadow-color:rgb(var(--color-gray-300-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-gray{--tw-shadow-color:rgb(var(--color-gray-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-dark{--tw-shadow-color:rgb(var(--color-gray-700-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-darker{--tw-shadow-color:rgb(var(--color-gray-900-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-black{--tw-shadow-color:rgb(var(--color-black-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-transparent{--tw-shadow-color:var(--color-transparent);--tw-shadow:var(--tw-shadow-colored)}.shadow-current{--tw-shadow-color:var(--color-current);--tw-shadow:var(--tw-shadow-colored)}.shadow-inherit{--tw-shadow-color:var(--color-inherit);--tw-shadow:var(--tw-shadow-colored)}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.blur-none{--tw-blur:blur(0)}.blur-none,.blur-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px)}.blur{--tw-blur:blur(8px)}.blur,.blur-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur:blur(12px)}.blur-lg{--tw-blur:blur(16px)}.blur-lg,.blur-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter-none{filter:none}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.drop-shadow-none,.drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-lg,.drop-shadow-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-none{--tw-backdrop-blur:blur(0)}.backdrop-blur-none,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-2xl,.backdrop-blur-3xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fade,.fade-from-bottom,.fade-from-center,.fade-from-left,.fade-from-right,.fade-from-top{opacity:0;transition-duration:.15s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fade-from-bottom,.fade-from-center,.fade-from-left,.fade-from-right,.fade-from-top{--tw-scale-x:.9;--tw-scale-y:.9}.fade-from-bottom,.fade-from-center,.fade-from-left,.fade-from-right,.fade-from-top{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fade-from-bottom{--tw-translate-y:25%}.fade-from-top{--tw-translate-y:-25%}.fade-from-left,.fade-from-top{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fade-from-left{--tw-translate-x:-25%}.fade-from-right{--tw-translate-x:25%}.fade-from-bottom.in,.fade-from-center.in,.fade-from-left.in,.fade-from-right,.fade-from-right.in,.fade-from-top.in,.fade.in{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fade-from-bottom.in,.fade-from-center.in,.fade-from-left.in,.fade-from-right.in,.fade-from-top.in,.fade.in{--tw-translate-x:0px;--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;opacity:1}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-1000{transition-duration:1s}@keyframes -spin{to{transform:rotate(1turn)}}.spin{animation:-spin 1s linear infinite}@keyframes -ping{75%,to{opacity:0;transform:scale(2)}}.ping{animation:-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes -pulse{50%{opacity:.5}}.pulse{animation:-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes -bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.bounce{animation:-bounce 1s infinite}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-125,.scale-150{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5}.flip-x{--tw-scale-x:-1}.flip-x,.flip-y{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flip-y{--tw-scale-y:-1}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-1{--tw-rotate:1deg}.rotate-2{--tw-rotate:2deg}.rotate-2,.rotate-3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate:3deg}.rotate-6{--tw-rotate:6deg}.rotate-12,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate:12deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.rotate-135{--tw-rotate:135deg}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-270{--tw-rotate:270deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.basis-0{flex-basis:0px}.basis-1{flex-basis:0.25rem}.basis-2{flex-basis:0.5rem}.basis-3{flex-basis:0.75rem}.basis-4{flex-basis:1rem}.basis-5{flex-basis:1.25rem}.basis-6{flex-basis:1.5rem}.basis-7{flex-basis:1.75rem}.basis-8{flex-basis:2rem}.basis-9{flex-basis:2.25rem}.basis-10{flex-basis:2.5rem}.basis-11{flex-basis:2.75rem}.basis-12{flex-basis:3rem}.basis-14{flex-basis:3.5rem}.basis-16{flex-basis:4rem}.basis-20{flex-basis:5rem}.basis-24{flex-basis:6rem}.basis-28{flex-basis:7rem}.basis-32{flex-basis:8rem}.basis-36{flex-basis:9rem}.basis-40{flex-basis:10rem}.basis-44{flex-basis:11rem}.basis-48{flex-basis:12rem}.basis-52{flex-basis:13rem}.basis-56{flex-basis:14rem}.basis-60{flex-basis:15rem}.basis-64{flex-basis:16rem}.basis-72{flex-basis:18rem}.basis-80{flex-basis:20rem}.basis-96{flex-basis:24rem}.basis-auto{flex-basis:auto}.basis-px{flex-basis:1px}.basis-0\.5{flex-basis:0.125rem}.basis-1\.5{flex-basis:0.375rem}.basis-2\.5{flex-basis:0.625rem}.basis-3\.5{flex-basis:0.875rem}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-2\/3{flex-basis:66.666667%}.basis-1\/4{flex-basis:25%}.basis-2\/4{flex-basis:50%}.basis-3\/4{flex-basis:75%}.basis-1\/5{flex-basis:20%}.basis-2\/5{flex-basis:40%}.basis-3\/5{flex-basis:60%}.basis-4\/5{flex-basis:80%}.basis-1\/6{flex-basis:16.666667%}.basis-2\/6{flex-basis:33.333333%}.basis-3\/6{flex-basis:50%}.basis-4\/6{flex-basis:66.666667%}.basis-5\/6{flex-basis:83.333333%}.basis-1\/12{flex-basis:8.333333%}.basis-2\/12{flex-basis:16.666667%}.basis-3\/12{flex-basis:25%}.basis-4\/12{flex-basis:33.333333%}.basis-5\/12{flex-basis:41.666667%}.basis-6\/12{flex-basis:50%}.basis-7\/12{flex-basis:58.333333%}.basis-8\/12{flex-basis:66.666667%}.basis-9\/12{flex-basis:75%}.basis-10\/12{flex-basis:83.333333%}.basis-11\/12{flex-basis:91.666667%}.basis-full{flex-basis:100%}.row{display:flex;flex-direction:row}.center,.col{display:flex;flex-direction:column}.center,.center-row{align-items:center;justify-content:center}.center-row{display:flex;flex-direction:row}.center-x,.center-y{align-items:center;display:flex}.center-y{flex-direction:column}.row-reverse{display:flex;flex-direction:row-reverse}.col-reverse{display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1!important}.grow-0{flex-grow:0!important}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.gap-0{gap:0}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-y-0{row-gap:0}.gap-px{gap:1px}.gap-x-px{-moz-column-gap:1px;column-gap:1px}.gap-y-px{row-gap:1px}.gap-0\.5{gap:.125rem}.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}.gap-y-0\.5{row-gap:.125rem}.gap-3px{gap:3px}.gap-1{gap:.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-y-1{row-gap:.25rem}.gap-1\.5{gap:.375rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-y-1\.5{row-gap:.375rem}.gap-2{gap:.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-2\.5{gap:.625rem}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.gap-y-2\.5{row-gap:.625rem}.gap-3{gap:.75rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-3{row-gap:.75rem}.gap-3\.5{gap:.875rem}.gap-x-3\.5{-moz-column-gap:.875rem;column-gap:.875rem}.gap-y-3\.5{row-gap:.875rem}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-4{row-gap:1rem}.gap-5{gap:1.25rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-5{row-gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-6{row-gap:1.5rem}.gap-7{gap:1.75rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-y-7{row-gap:1.75rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-8{row-gap:2rem}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch} \ No newline at end of file +/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/*,:after,:before{border-color:rgb(var(--color-gray-200-rgb));border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:-apple-system,Noto Sans,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Source Han Sans CN,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:rgb(var(--color-gray-400-rgb));opacity:1}input::placeholder,textarea::placeholder{color:rgb(var(--color-gray-400-rgb));opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-gray-50-rgb:248,250,252;--color-gray-100-rgb:241,245,249;--color-gray-200-rgb:226,232,240;--color-gray-300-rgb:203,213,225;--color-gray-400-rgb:148,163,184;--color-gray-500-rgb:100,116,139;--color-gray-600-rgb:71,85,105;--color-gray-700-rgb:51,65,85;--color-gray-800-rgb:30,41,59;--color-gray-900-rgb:15,23,42;--color-gray-950-rgb:2,6,23;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-950:#172554;--color-primary-50-rgb:239,246,255;--color-primary-100-rgb:219,234,254;--color-primary-200-rgb:191,219,254;--color-primary-300-rgb:147,197,253;--color-primary-400-rgb:96,165,250;--color-primary-500-rgb:59,130,246;--color-primary-600-rgb:37,99,235;--color-primary-700-rgb:29,78,216;--color-primary-800-rgb:30,64,175;--color-primary-900-rgb:30,58,138;--color-primary-950-rgb:23,37,84;--color-secondary-50:#f0f9ff;--color-secondary-100:#e0f2fe;--color-secondary-200:#bae6fd;--color-secondary-300:#7dd3fc;--color-secondary-400:#38bdf8;--color-secondary-500:#0ea5e9;--color-secondary-600:#0284c7;--color-secondary-700:#0369a1;--color-secondary-800:#075985;--color-secondary-900:#0c4a6e;--color-secondary-950:#082f49;--color-secondary-50-rgb:240,249,255;--color-secondary-100-rgb:224,242,254;--color-secondary-200-rgb:186,230,253;--color-secondary-300-rgb:125,211,252;--color-secondary-400-rgb:56,189,248;--color-secondary-500-rgb:14,165,233;--color-secondary-600-rgb:2,132,199;--color-secondary-700-rgb:3,105,161;--color-secondary-800-rgb:7,89,133;--color-secondary-900-rgb:12,74,110;--color-secondary-950-rgb:8,47,73;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-success-950:#052e16;--color-success-50-rgb:240,253,244;--color-success-100-rgb:220,252,231;--color-success-200-rgb:187,247,208;--color-success-300-rgb:134,239,172;--color-success-400-rgb:74,222,128;--color-success-500-rgb:34,197,94;--color-success-600-rgb:22,163,74;--color-success-700-rgb:21,128,61;--color-success-800-rgb:22,101,52;--color-success-900-rgb:20,83,45;--color-success-950-rgb:5,46,22;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-warning-950:#451a03;--color-warning-50-rgb:255,251,235;--color-warning-100-rgb:254,243,199;--color-warning-200-rgb:253,230,138;--color-warning-300-rgb:252,211,77;--color-warning-400-rgb:251,191,36;--color-warning-500-rgb:245,158,11;--color-warning-600-rgb:217,119,6;--color-warning-700-rgb:180,83,9;--color-warning-800-rgb:146,64,14;--color-warning-900-rgb:120,53,15;--color-warning-950-rgb:69,26,3;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-danger-900:#7f1d1d;--color-danger-950:#450a0a;--color-danger-50-rgb:254,242,242;--color-danger-100-rgb:254,226,226;--color-danger-200-rgb:254,202,202;--color-danger-300-rgb:252,165,165;--color-danger-400-rgb:248,113,113;--color-danger-500-rgb:239,68,68;--color-danger-600-rgb:220,38,38;--color-danger-700-rgb:185,28,28;--color-danger-800-rgb:153,27,27;--color-danger-900-rgb:127,29,29;--color-danger-950-rgb:69,10,10;--color-important-50:#fdf2f8;--color-important-100:#fce7f3;--color-important-200:#fbcfe8;--color-important-300:#f9a8d4;--color-important-400:#f472b6;--color-important-500:#ec4899;--color-important-600:#db2777;--color-important-700:#be185d;--color-important-800:#9d174d;--color-important-900:#831843;--color-important-950:#500724;--color-important-50-rgb:253,242,248;--color-important-100-rgb:252,231,243;--color-important-200-rgb:251,207,232;--color-important-300-rgb:249,168,212;--color-important-400-rgb:244,114,182;--color-important-500-rgb:236,72,153;--color-important-600-rgb:219,39,119;--color-important-700-rgb:190,24,93;--color-important-800-rgb:157,23,77;--color-important-900-rgb:131,24,67;--color-important-950-rgb:80,7,36;--color-special-50:#faf5ff;--color-special-100:#f3e8ff;--color-special-200:#e9d5ff;--color-special-300:#d8b4fe;--color-special-400:#c084fc;--color-special-500:#a855f7;--color-special-600:#9333ea;--color-special-700:#7e22ce;--color-special-800:#6b21a8;--color-special-900:#581c87;--color-special-950:#3b0764;--color-special-50-rgb:250,245,255;--color-special-100-rgb:243,232,255;--color-special-200-rgb:233,213,255;--color-special-300-rgb:216,180,254;--color-special-400-rgb:192,132,252;--color-special-500-rgb:168,85,247;--color-special-600-rgb:147,51,234;--color-special-700-rgb:126,34,206;--color-special-800-rgb:107,33,168;--color-special-900-rgb:88,28,135;--color-special-950-rgb:59,7,100;--color-inherit:inherit;--color-transparent:transparent;--color-current:currentColor;--color-black:#000;--color-white:#fff;--color-canvas:#fff;--color-inverse:#000;--color-surface:#f1f5f9;--color-fore:#334155;--color-focus:#bfdbfe;--color-link:#3b82f6;--color-link-hover:#2563eb;--color-link-visited:#1d4ed8;--color-placeholder:#94a3b8;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-border-light:#f1f5f9;--color-black-rgb:0,0,0;--color-white-rgb:255,255,255;--color-canvas-rgb:255,255,255;--color-inverse-rgb:0,0,0;--color-surface-rgb:241,245,249;--color-fore-rgb:51,65,85;--color-focus-rgb:191,219,254;--color-link-rgb:59,130,246;--color-link-hover-rgb:37,99,235;--color-link-visited-rgb:29,78,216;--color-placeholder-rgb:148,163,184;--color-border-rgb:226,232,240;--color-border-strong-rgb:203,213,225;--color-border-light-rgb:241,245,249;--radius-none:0px;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.1),0 0 2px -1px rgba(0,0,0,.05);--shadow:0 1px 4px 0 rgba(0,0,0,.15),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 2px 6px -1px rgba(0,0,0,.2),0 1px 4px -2px rgba(0,0,0,.15);--shadow-lg:0 5px 15px -3px rgba(0,0,0,.2),0 2px 6px -4px rgba(0,0,0,.15);--shadow-xl:0 10px 25px -5px rgba(0,0,0,.2),0 4px 10px -6px rgba(0,0,0,.15);--shadow-2xl:0 10px 50px -10px rgba(0,0,0,.4),0 8px 20px -10px rgba(0,0,0,.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--shadow-none:none;--space:0.25rem;--font-size-root:16px;--font-size-page:0.8125rem,[object Object]}*,:after,:before{--tw-border-opacity:1;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity))}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }html{font-size:var(--font-size-root)}body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));color:rgba(var(--color-fore-rgb),var(--tw-text-opacity));font-size:.8125rem;line-height:1.5384615385}a,a.disabled:hover{--tw-text-opacity:1;color:rgba(var(--color-link-rgb),var(--tw-text-opacity))}a:hover{--tw-text-opacity:1;color:rgba(var(--color-link-hover-rgb),var(--tw-text-opacity))}a:focus-visible{outline-color:rgb(var(--color-focus-rgb));outline-offset:2px;outline-width:2px}:root{--alert-bg:var(--color-surface)}.alert{align-items:center;background-color:var(--alert-bg);border-radius:var(--radius);display:flex;gap:.75rem;padding:.75rem 1rem}.alert-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem}.alert-close{align-self:flex-start;flex:none;margin-bottom:-.5rem;margin-right:-.5rem;margin-top:-.5rem}.alert-link{color:var(--color-inherit);font-weight:700}.alert-link:hover{color:var(--color-inherit);text-decoration-line:underline}.alert-icon{margin-left:.5rem;margin-right:1rem}.alert-heading{font-weight:700;margin:0}.alert-text{white-space:pre-line}.alert-actions{align-items:center;display:flex;gap:.5rem}:root{--breadcrumb-divider:"/";--breadcrumb-divider-color:var(--color-gray-500);--breadcrumb-color-active:var(--color-gray-500)}.breadcrumb{display:flex;gap:1.25rem}.breadcrumb>li{position:relative}.breadcrumb>li+li:before{color:var(--breadcrumb-divider-color);content:var(--breadcrumb-divider);display:block;left:-1.25rem;position:absolute;text-align:center;width:1.25rem}.breadcrumb>.active{color:var(--breadcrumb-color-active)}:root{--btn-radius:var(--radius);--btn-bg:var(--color-surface);--btn-border-color:var(--color-gray-300)}.btn{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--btn-border-color);align-items:center;background-color:var(--btn-bg);border-radius:var(--btn-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:inline-flex;gap:.375rem;height:2rem;justify-content:center;padding-left:.75rem;padding-right:.75rem;white-space:nowrap}.btn,.btn-default:hover{color:var(--color-inherit)}.btn-link{--tw-text-opacity:1;--tw-ring-color:var(--color-transparent);color:rgba(var(--color-link-rgb),var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:2px}.btn-link:visited{color:rgba(var(--color-link-visited-rgb),var(--tw-text-opacity))}.btn-link:hover{--tw-text-opacity:1;color:rgba(var(--color-link-hover-rgb),var(--tw-text-opacity))}.btn-link{--btn-bg:transparent}.btn.size-xs{height:1.25rem;padding-left:.25rem;padding-right:.25rem}.btn.size-sm,.btn.size-xs{font-size:.75rem;line-height:1rem}.btn.size-sm{height:1.5rem}.btn.size-md,.btn.size-sm{padding-left:.5rem;padding-right:.5rem}.btn.size-md{height:1.75rem}.btn.size-lg{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.btn.size-xl{font-size:1.125rem;height:3rem;line-height:1.75rem;padding-left:1.25rem;padding-right:1.25rem}.btn.square{aspect-ratio:1/1;gap:.125rem;padding-left:0;padding-right:0}.btn.btn-caret{padding-left:.25rem;padding-right:.25rem}.btn.btn-wide{min-width:80px}:root{--checkbox-size:12px}.checkbox,.radio{align-items:center;cursor:pointer;display:flex;gap:.375rem}.checkbox>input[type=checkbox],.radio>input[type=radio]{accent-color:rgb(var(--color-primary-500-rgb));border-radius:var(--radius-lg)}.checkbox-primary,.radio-primary{display:flex;gap:.375rem;min-height:20px;position:relative}.checkbox-primary>input[type=checkbox],.radio-primary>input[type=radio]{inset:0;opacity:0;position:absolute}.checkbox-primary>label,.radio-primary>label{cursor:pointer;padding-left:calc(var(--checkbox-size) + 8px);position:relative}.checkbox-primary>label:after,.checkbox-primary>label:before,.radio-primary>label:after,.radio-primary>label:before{--tw-content:"";content:var(--tw-content);display:block;height:var(--checkbox-size);left:0;position:absolute;top:calc((20px - var(--checkbox-size))/2);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--checkbox-size)}.checkbox-primary>label:before{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-gray-400-rgb),var(--tw-border-opacity));border-radius:var(--radius-sm);border-width:1px}.checkbox-primary>label:after{--tw-scale-x:.9;--tw-scale-y:.9;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTkgMjAuNDItNi4yMS02LjIxIDIuODMtMi44M0w5IDE0Ljc3bDkuODgtOS44OSAyLjgzIDIuODNMOSAyMC40MloiLz48L3N2Zz4=");transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.checkbox-primary.indeterminate>label:after,.checkbox-primary>input[type=checkbox]:indeterminate+label:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjA0OCAyMDQ4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUzNiA1MTJ2MTAyNEg1MTJWNTEyaDEwMjR6Ii8+PC9zdmc+");background-size:cover;opacity:1}.radio-primary>label:before{--tw-border-opacity:1;border-color:rgba(var(--color-gray-400-rgb),var(--tw-border-opacity));border-radius:var(--radius-full);border-width:1px}.radio-primary>label:after{--tw-bg-opacity:1;--checkbox-radio-size:calc(var(--checkbox-size)*2/3);background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-radius:var(--radius-full);height:var(--checkbox-radio-size);left:calc((var(--checkbox-size) - var(--checkbox-radio-size))/2);opacity:0;top:calc((20px - var(--checkbox-radio-size))/2);width:var(--checkbox-radio-size)}.checkbox-primary>label:hover:before,.radio-primary>label:hover:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-400-rgb),var(--tw-border-opacity))}.checkbox-primary.focus>label:before,.checkbox-primary>input[type=checkbox]:focus+label:before,.radio-primary.focus>label:before,.radio-primary>input[type=radio]:focus+label:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity));outline-color:rgb(var(--color-focus-rgb));outline-style:solid;outline-width:2px}.checkbox-primary.checked>label:before,.checkbox-primary.indeterminate>label:before,.checkbox-primary>input[type=checkbox]:checked+label:before,.checkbox-primary>input[type=checkbox]:indeterminate+label:before{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.radio-primary.checked>label:before,.radio-primary>input[type=radio]:checked+label:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.checkbox-primary.checked>label:after,.checkbox-primary>input[type=checkbox]:checked+label:after,.radio-primary.checked>label:after,.radio-primary>input[type=radio]:checked+label:after{opacity:1}.checkbox-primary.disabled>label,.checkbox-primary>input[type=checkbox]:disabled+label,.radio-primary.disabled>label,.radio-primary>input[type=radio]:disabled+label{--tw-grayscale:grayscale(100%);cursor:not-allowed;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);opacity:.7;pointer-events:none}.check-list{flex-direction:column;gap:.5rem}.check-list,.check-list-inline{display:flex;padding-bottom:.375rem;padding-top:.375rem}.check-list-inline{align-items:center;-moz-column-gap:1rem;column-gap:1rem;flex-direction:row;flex-wrap:wrap;row-gap:.5rem}.switch{display:flex;gap:.375rem;min-height:20px;padding-left:2.5rem;position:relative}.switch>input[type=checkbox]{inset:0;opacity:0;position:absolute}.switch>label:after,.switch>label:before{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-content:"";background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-border-light-rgb),var(--tw-border-opacity));border-radius:var(--radius-full);border-width:1px;content:var(--tw-content);height:1rem;left:0;position:absolute;top:.125rem;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.switch>label:before{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer}.switch>label:hover:before{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity))}.switch>label:after{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:.75rem;left:.125rem;top:.25rem;width:.75rem}.switch>input[type=checkbox]:checked+label:before{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-primary-600-rgb),var(--tw-border-opacity))}.switch>input[type=checkbox]:checked+label:after{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity));left:18px}.switch.focus>label:before,.switch>input[type=checkbox]:focus+label:before{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity));outline-color:rgb(var(--color-focus-rgb));outline-style:solid;outline-width:2px}:root{--form-control-radius:var(--radius);--form-control-border:var(--color-border);--form-control-focus:var(--color-primary-500);--form-control-disabled:var(--color-surface);--form-control-readonly:var(--color-surface)}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(var(--color-placeholder-rgb),var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity:1;color:rgba(var(--color-placeholder-rgb),var(--tw-placeholder-opacity))}.form-control{--tw-bg-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--form-control-border);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--form-control-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:block;height:2rem;outline-color:var(--color-transparent);outline-style:solid;outline-width:1px;padding:.25rem .5rem;transition-duration:.15s;transition-property:outline,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-control.focus,.form-control:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-focus-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.3;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline-color:var(--form-control-focus)}.form-control.disabled,.form-control[disabled]{background-color:var(--form-control-disabled);opacity:1}.form-control.readonly,.form-control[readonly]{background-color:var(--form-control-readonly)}select{-webkit-appearance:none;background-image:url("data:image/gif;base64,R0lGODlhBwAEAIAAAMvQ2////yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==");background-position:right 8px top 50%;background-repeat:no-repeat;background-size:8px auto;padding-right:1rem}select.form-control[multiple]{background-image:none}textarea.form-control{height:auto;min-height:32px}input[type=file].form-control{padding:.125rem}input[type=file].form-control::-webkit-file-upload-button{-webkit-appearance:none;appearance:none;border-radius:inherit;border-style:none;cursor:pointer;height:1.75rem;padding-left:.5rem;padding-right:.5rem}input[type=file].form-control::-webkit-file-upload-button:hover{background-color:rgba(var(--color-black-rgb),.1)}.has-error .form-control,.has-error.form-control{--tw-ring-color:rgba(var(--color-danger-500-rgb),0.2)}.has-error .form-control.focus,.has-error .form-control:focus,.has-error.form-control.focus,.has-error.form-control:focus{outline-color:rgb(var(--color-danger-500-rgb))}.has-warning .form-control,.has-warning.form-control{--tw-ring-color:rgba(var(--color-warning-500-rgb),0.6)}.has-warning .form-control.focus,.has-warning .form-control:focus,.has-warning.form-control.focus,.has-warning.form-control:focus{outline-color:rgb(var(--color-warning-500-rgb))}.has-success .form-control,.has-success.form-control{--tw-ring-color:rgba(var(--color-success-500-rgb),0.6)}.has-success .form-control.focus,.has-success .form-control:focus,.has-success.form-control.focus,.has-success.form-control:focus{outline-color:rgb(var(--color-success-500-rgb))}.form-control.size-sm{font-size:.75rem;height:1.5rem;line-height:1rem;padding-left:.5rem;padding-right:.5rem}.form-control.size-md{height:1.75rem;padding-left:.5rem;padding-right:.5rem}.form-control.size-lg{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}:root{--input-group-addon-bg:var(--color-gray-100)}.input-group{align-items:stretch;display:flex}.input-group>.form-control,.input-group>.input-control{flex:1 1 auto;z-index:1}.input-group-addon{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--form-control-border);align-items:center;background-color:var(--input-group-addon-bg);border-radius:var(--form-control-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:flex;flex:none;height:2rem;padding-left:.5rem;padding-right:.5rem;z-index:0}.input-group-control{flex:1 1 auto}.input-group>*+*,.input-group>*+* .form-control{border-bottom-left-radius:var(--radius-none);border-top-left-radius:var(--radius-none)}.input-group>:not(:last-child),.input-group>:not(:last-child) .form-control{border-bottom-right-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.input-group .btn:focus-visible,.input-group .form-control:focus{z-index:2}:root{--form-tip-color:var(--color-slate-600);--form-label-color:var(--color-slate-700);--form-grid-label-width:6rem}.form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.form-label{align-items:center;color:var(--form-label-color);display:flex;flex-direction:row;height:2rem;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.form-label.required:after{--tw-translate-y:0.125rem;--tw-scale-x:1.25;--tw-scale-y:1.25;--tw-text-opacity:1;color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity));content:"*";display:inline-block;margin-left:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-tip{color:var(--form-tip-color);margin-top:.25rem}.has-error .form-tip{--tw-text-opacity:1;color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.has-warning .form-tip{--tw-text-opacity:1;color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.has-success .form-tip{--tw-text-opacity:1;color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.form-grid>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.form-row{align-items:flex-start;display:flex;flex-direction:row}.form-grid .form-group{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;min-height:32px;min-width:0;padding-left:var(--form-grid-label-width);position:relative}.form-grid .form-group>*{min-width:0}.form-grid .form-group.no-label{padding-left:0}.form-grid .form-group.no-label>.check-list-inline{padding-left:1rem;padding-right:1rem}.form-grid .form-label{justify-content:flex-end;left:0;padding-left:1rem;padding-right:.5rem;position:absolute;top:0;width:var(--form-grid-label-width)}.form-grid .form-label.required:after{margin-left:0;margin-right:.25rem;order:-9999}.form-grid .form-tip{width:100%}.form-grid .form-tip,.form-grid .input-control,.form-grid .input-group{flex:1 1 auto}.form .form-group-wrapper,.form-grid .form-group-wrapper{flex:1 1 auto;min-width:0;width:100%;z-index:1}.form .form-group-wrapper.flex-none,.form-grid .form-group-wrapper.flex-none{flex:none}.form fieldset>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.form fieldset{padding-bottom:1rem;padding-left:1rem}.form-grid fieldset>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.form legend{--tw-border-opacity:1;border-bottom-color:rgba(var(--color-primary-100-rgb),var(--tw-border-opacity));border-bottom-width:1px;display:flex;justify-content:flex-start;margin-left:-1rem;width:100%;width:calc(100% + 1rem)}.form-title{align-items:center;background-color:rgba(var(--color-primary-50-rgb),.5);display:flex;font-weight:700;height:1.75rem;padding-left:.75rem;padding-right:.75rem}@font-face{font-family:ZenIcon;font-style:normal;font-weight:400;src:url(./icons/zenicon.eot);src:url(./icons/zenicon.woff) format("woff"),url(./icons/zenicon.ttf) format("truetype"),url(./icons/zenicon.svg) format("svg")}.icon,[class*=" icon-"],[class^=icon-]{display:inline-block;font-family:ZenIcon;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon:before{display:inline-block;min-width:14px;text-align:center}.icon-lg:before{font-size:1.3333333em;vertical-align:-10%}.icon-2x{font-size:28px}.icon-3x{font-size:42px}.icon-4x{font-size:56px}.icon-5x{font-size:70px}.icon-resize:before{content:"\e667"}.icon-arrows-alt:before,.icon-expand-full:before,.icon-fullscreen:before{content:"\e6a3"}.icon-collapse-full:before{content:"\e682"}.icon-taiji:before,.icon-yinyang:before{content:"\e687"}.icon-window:before{content:"\e68e"}.icon-window-alt:before{content:"\e68f"}.icon-carousel:before{content:"\e6b0"}.icon-spinner-snake:before{content:"\e97b"}.icon-spinner-indicator:before{content:"\e97c"}.icon-check-board:before{content:"\e9b8"}.icon-bar-chart-o:before,.icon-bar-chart:before{content:"\f080"}.icon-github:before{content:"\f09b"}.icon-dot-circle-o:before,.icon-dot-circle:before{content:"\f192"}.icon-cube-alt:before{content:"\f1b2"}.icon-cubes:before{content:"\f1b3"}.icon-file-pdf:before{content:"\f1c1"}.icon-file-word:before{content:"\f1c2"}.icon-file-excel:before{content:"\f1c3"}.icon-file-powerpoint:before{content:"\f1c4"}.icon-file-image:before,.icon-file-photo:before,.icon-file-picture:before{content:"\f1c5"}.icon-file-archive:before,.icon-file-zip:before{content:"\f1c6"}.icon-file-audio:before,.icon-file-sound:before{content:"\f1c7"}.icon-file-movie:before,.icon-file-video:before{content:"\f1c8"}.icon-file-code:before{content:"\f1c9"}.icon-circle-o-notch:before{content:"\f1ce"}.icon-chanzhi:before{content:"\e906"}.icon-chanzhi-pro:before{content:"\e905"}.icon-zsite:before{content:"\e904"}.icon-zsite-pro:before{content:"\e903"}.icon-qq:before{content:"\f600"}.icon-wechat:before,.icon-weixin:before{content:"\f1d7"}.icon-history:before{content:"\f1da"}.icon-circle-thin:before{content:"\f1db"}.icon-sliders:before{content:"\f1de"}.icon-newspaper-o:before{content:"\f1ea"}.icon-calculator:before{content:"\f1ec"}.icon-paint-brush:before{content:"\f1fc"}.icon-area-chart:before{content:"\f1fe"}.icon-pie-chart:before{content:"\f200"}.icon-line-chart:before{content:"\f201"}.icon-toggle-off:before{content:"\f204"}.icon-toggle-on:before{content:"\f205"}.icon-diamond:before{content:"\f219"}.icon-venus:before{content:"\f221"}.icon-mars:before{content:"\f222"}.icon-server:before{content:"\f233"}.icon-music:before{content:"\e602"}.icon-search:before{content:"\e603"}.icon-envelope:before{content:"\e604"}.icon-heart:before{content:"\e605"}.icon-star:before{content:"\e606"}.icon-star-empty:before{content:"\e607"}.icon-user:before{content:"\e608"}.icon-film:before{content:"\e609"}.icon-th-large:before{content:"\e60a"}.icon-th:before{content:"\e60b"}.icon-th-list:before{content:"\e60c"}.icon-check:before,.icon-ok:before{content:"\e60d"}.icon-remove:before,.icon-times:before{content:"\d7"}.icon-zoom-in:before{content:"\e60f"}.icon-zoom-out:before{content:"\e610"}.icon-off:before{content:"\e611"}.icon-cog:before{content:"\e613"}.icon-trash:before{content:"\e614"}.icon-home:before{content:"\e615"}.icon-file-alt:before,.icon-file-o:before{content:"\e616"}.icon-time:before{content:"\e617"}.icon-download-alt:before{content:"\e618"}.icon-download:before{content:"\e619"}.icon-upload:before{content:"\e61a"}.icon-inbox:before{content:"\e61b"}.icon-play-circle:before{content:"\e61c"}.icon-repeat:before{content:"\e61d"}.icon-refresh:before{content:"\e61e"}.icon-list-alt:before{content:"\e61f"}.icon-lock:before{content:"\e620"}.icon-flag:before{content:"\e621"}.icon-headphones:before{content:"\e622"}.icon-volume-off:before{content:"\e623"}.icon-volume-up:before{content:"\e625"}.icon-qrcode:before{content:"\e626"}.icon-barcode:before{content:"\e627"}.icon-tag:before{content:"\e628"}.icon-tags:before{content:"\e629"}.icon-book:before{content:"\e62a"}.icon-bookmark:before{content:"\e62b"}.icon-print:before{content:"\e62c"}.icon-camera:before{content:"\e62d"}.icon-font:before{content:"\e62e"}.icon-bold:before{content:"\e62f"}.icon-italic:before{content:"\f033"}.icon-header:before{content:"\f1dc"}.icon-underline:before{content:"\f0cd"}.icon-strikethrough:before{content:"\f0cc"}.icon-eraser:before{content:"\f12d"}.icon-align-justify:before{content:"\e636"}.icon-list:before{content:"\e637"}.icon-picture:before{content:"\e63b"}.icon-pencil:before{content:"\e63c"}.icon-map-marker:before{content:"\e63d"}.icon-adjust:before{content:"\e63e"}.icon-tint:before{content:"\e63f"}.icon-edit:before{content:"\e640"}.icon-share:before{content:"\e641"}.icon-checked:before{content:"\e642"}.icon-arrows:before,.icon-move:before{content:"\e643"}.icon-step-backward:before{content:"\e644"}.icon-fast-backward:before{content:"\e645"}.icon-backward:before{content:"\e646"}.icon-play:before{content:"\e647"}.icon-pause:before{content:"\e648"}.icon-stop:before{content:"\e649"}.icon-forward:before{content:"\e64a"}.icon-fast-forward:before{content:"\e64b"}.icon-step-forward:before{content:"\e64c"}.icon-eject:before{content:"\e64d"}.icon-chevron-left:before{content:"\e64e"}.icon-chevron-right:before{content:"\e64f"}.icon-plus-sign:before{content:"\e650"}.icon-minus-sign:before{content:"\e651"}.icon-remove-sign:before{content:"\e652"}.icon-check-circle:before,.icon-ok-sign:before{content:"\e653"}.icon-question-sign:before{content:"\e654"}.icon-info-sign:before{content:"\e655"}.icon-remove-circle:before{content:"\e657"}.icon-check-circle-o:before,.icon-ok-circle:before{content:"\e658"}.icon-ban-circle:before{content:"\e659"}.icon-arrow-left:before{content:"\e65a"}.icon-arrow-right:before{content:"\e65b"}.icon-arrow-up:before{content:"\e65c"}.icon-arrow-down:before{content:"\e65d"}.icon-share-alt:before{content:"\e65e"}.icon-resize-full:before{content:"\e65f"}.icon-resize-small:before{content:"\e660"}.icon-plus:before{content:"\e661"}.icon-minus:before{content:"\e662"}.icon-asterisk:before{content:"\e663"}.icon-exclamation-sign:before{content:"\e664"}.icon-gift:before{content:"\e665"}.icon-leaf:before{content:"\e666"}.icon-eye-open:before{content:"\e668"}.icon-eye-close:before{content:"\e669"}.icon-warning-sign:before{content:"\e66a"}.icon-plane:before{content:"\e66b"}.icon-calendar:before{content:"\e66c"}.icon-random:before{content:"\e66d"}.icon-comment:before{content:"\e66e"}.icon-chevron-up:before{content:"\e670"}.icon-chevron-down:before{content:"\e671"}.icon-shopping-cart:before{content:"\e673"}.icon-folder-close:before{content:"\e674"}.icon-folder-open:before{content:"\e675"}.icon-resize-v:before{content:"\e676"}.icon-resize-h:before{content:"\e677"}.icon-bar-chart-alt:before{content:"\e678"}.icon-camera-retro:before{content:"\e679"}.icon-key:before{content:"\e67a"}.icon-cogs:before{content:"\e67b"}.icon-comments:before{content:"\e67c"}.icon-thumbs-o-up:before{content:"\e67d"}.icon-thumbs-o-down:before{content:"\e67e"}.icon-star-half:before{content:"\e67f"}.icon-heart-empty:before{content:"\e680"}.icon-signout:before{content:"\e681"}.icon-pushpin:before{content:"\e683"}.icon-external-link:before{content:"\e684"}.icon-signin:before{content:"\e685"}.icon-trophy:before{content:"\e686"}.icon-upload-alt:before{content:"\e688"}.icon-lemon:before{content:"\e689"}.icon-phone:before{content:"\e68a"}.icon-check-empty:before{content:"\e68b"}.icon-bookmark-empty:before{content:"\e68c"}.icon-phone-sign:before{content:"\e68d"}.icon-credit:before{content:"\e690"}.icon-rss:before{content:"\e691"}.icon-hdd:before{content:"\e692"}.icon-bullhorn:before{content:"\e693"}.icon-bell:before{content:"\e694"}.icon-certificate:before{content:"\e695"}.icon-hand-right:before{content:"\e696"}.icon-hand-left:before{content:"\e697"}.icon-hand-up:before{content:"\e698"}.icon-hand-down:before{content:"\e699"}.icon-circle-arrow-left:before{content:"\e69a"}.icon-circle-arrow-right:before{content:"\e69b"}.icon-circle-arrow-up:before{content:"\e69c"}.icon-circle-arrow-down:before{content:"\e69d"}.icon-globe:before{content:"\e69e"}.icon-wrench:before{content:"\e69f"}.icon-tasks:before{content:"\e6a0"}.icon-filter:before{content:"\e6a1"}.icon-group:before{content:"\e6a4"}.icon-link:before{content:"\e6a5"}.icon-cloud:before{content:"\e6a6"}.icon-beaker:before{content:"\e6a7"}.icon-cut:before{content:"\e6a8"}.icon-copy:before{content:"\e6a9"}.icon-paper-clip:before{content:"\e6aa"}.icon-save:before{content:"\e6ab"}.icon-sign-blank:before{content:"\e6ac"}.icon-bars:before,.icon-reorder:before{content:"\e6ad"}.icon-list-ul:before{content:"\e6ae"}.icon-list-ol:before{content:"\e6af"}.icon-table:before{content:"\e6b2"}.icon-magic:before{content:"\e6b3"}.icon-caret-down:before{content:"\e6b8"}.icon-caret-up:before{content:"\e6b9"}.icon-caret-left:before{content:"\e6ba"}.icon-caret-right:before{content:"\e6bb"}.icon-columns:before{content:"\e6bc"}.icon-sort:before{content:"\e6bd"}.icon-sort-down:before{content:"\e6be"}.icon-sort-up:before{content:"\e6bf"}.icon-envelope-alt:before{content:"\e6c0"}.icon-undo:before{content:"\e6c1"}.icon-dashboard:before{content:"\e6c3"}.icon-comment-alt:before{content:"\e6c4"}.icon-comments-alt:before{content:"\e6c5"}.icon-bolt:before{content:"\e6c6"}.icon-sitemap:before{content:"\e6c7"}.icon-umbrella:before{content:"\e6c8"}.icon-paste:before{content:"\e6c9"}.icon-lightbulb:before{content:"\e6ca"}.icon-exchange:before{content:"\e6cb"}.icon-cloud-download:before{content:"\e6cc"}.icon-cloud-upload:before{content:"\e6cd"}.icon-bell-alt:before{content:"\e6d1"}.icon-coffee:before{content:"\e6d2"}.icon-file-text-alt:before,.icon-file-text-o:before{content:"\e6d4"}.icon-building:before{content:"\e6d5"}.icon-double-angle-left:before{content:"\e6dc"}.icon-double-angle-right:before{content:"\e6dd"}.icon-double-angle-up:before{content:"\e6de"}.icon-double-angle-down:before{content:"\e6df"}.icon-angle-left:before{content:"\e6e0"}.icon-angle-right:before{content:"\e6e1"}.icon-angle-up:before{content:"\e6e2"}.icon-angle-down:before{content:"\e6e3"}.icon-desktop:before{content:"\e6e4"}.icon-laptop:before{content:"\e6e5"}.icon-tablet:before{content:"\e6e6"}.icon-mobile:before{content:"\e6e7"}.icon-circle-blank:before{content:"\e6e8"}.icon-quote-left:before{content:"\e6e9"}.icon-quote-right:before{content:"\e6ea"}.icon-spinner:before{content:"\e6eb"}.icon-circle:before{content:"\e6ec"}.icon-reply:before{content:"\e6ed"}.icon-folder-close-alt:before{content:"\e6ef"}.icon-folder-open-alt:before{content:"\e6f0"}.icon-expand-alt:before{content:"\e6f1"}.icon-collapse-alt:before{content:"\e6f2"}.icon-smile:before{content:"\e6f3"}.icon-frown:before{content:"\e6f4"}.icon-meh:before{content:"\e6f5"}.icon-gamepad:before{content:"\e6f6"}.icon-keyboard:before{content:"\e6f7"}.icon-flag-alt:before{content:"\e6f8"}.icon-flag-checkered:before{content:"\e6f9"}.icon-terminal:before{content:"\e6fa"}.icon-code:before{content:"\e6fb"}.icon-reply-all:before{content:"\e6fc"}.icon-star-half-full:before{content:"\e6fd"}.icon-location-arrow:before{content:"\e6fe"}.icon-crop:before{content:"\e6ff"}.icon-code-fork:before{content:"\e700"}.icon-unlink:before{content:"\e701"}.icon-question:before{content:"\e702"}.icon-info:before{content:"\e703"}.icon-shield:before{content:"\e70b"}.icon-calendar-empty:before{content:"\e70c"}.icon-rocket:before{content:"\e70e"}.icon-chevron-sign-left:before{content:"\e70f"}.icon-chevron-sign-right:before{content:"\e710"}.icon-chevron-sign-up:before{content:"\e711"}.icon-chevron-sign-down:before{content:"\e712"}.icon-html5:before{content:"\e713"}.icon-anchor:before{content:"\e714"}.icon-unlock-alt:before{content:"\e715"}.icon-bullseye:before{content:"\e716"}.icon-ellipsis-h:before{content:"\e717"}.icon-ellipsis-v:before{content:"\e718"}.icon-rss-sign:before{content:"\e719"}.icon-play-sign:before{content:"\e71a"}.icon-minus-sign-alt:before{content:"\e71c"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-check-minus:before{content:"\e71d"}.icon-check-plus:before{content:"\f196"}.icon-level-up:before{content:"\e71e"}.icon-level-down:before{content:"\e71f"}.icon-check-sign:before{content:"\e720"}.icon-edit-sign:before{content:"\e721"}.icon-external-link-sign:before{content:"\e722"}.icon-share-sign:before{content:"\e723"}.icon-compass:before{content:"\e724"}.icon-collapse:before{content:"\e725"}.icon-collapse-top:before{content:"\e726"}.icon-expand:before{content:"\e727"}.icon-dollar:before{content:"\e728"}.icon-yen:before{content:"\e729"}.icon-file:before{content:"\e72b"}.icon-file-text:before{content:"\e72c"}.icon-sort-by-alphabet:before{content:"\e72d"}.icon-sort-by-alphabet-alt:before{content:"\e72e"}.icon-sort-by-attributes:before{content:"\e72f"}.icon-sort-by-attributes-alt:before{content:"\e730"}.icon-sort-by-order:before{content:"\e731"}.icon-sort-by-order-alt:before{content:"\e732"}.icon-thumbs-up:before{content:"\e733"}.icon-thumbs-down:before{content:"\e734"}.icon-long-arrow-down:before{content:"\e736"}.icon-long-arrow-up:before{content:"\e737"}.icon-long-arrow-left:before{content:"\e738"}.icon-long-arrow-right:before{content:"\e739"}.icon-apple:before{content:"\e73a"}.icon-windows:before{content:"\e73b"}.icon-android:before{content:"\e73c"}.icon-linux:before{content:"\e73d"}.icon-sun:before{content:"\e742"}.icon-moon:before{content:"\e743"}.icon-archive:before{content:"\e744"}.icon-bug:before{content:"\e745"}.icon-alipay:before,.icon-zhifubao:before{content:"\e901"}.icon-alipay-square:before,.icon-zhifubao-square:before{content:"\e900"}.icon-taobao:before{content:"\e902"}.icon-weibo:before{content:"\e746"}.icon-chrome:before{content:"\e76c"}.icon-firefox:before{content:"\e76d"}.icon-ie:before{content:"\e76e"}.icon-opera:before{content:"\e76f"}.icon-safari:before{content:"\e770"}.icon-node:before{content:"\e76a"}.icon-layout:before{content:"\e768"}.icon-usecase:before{content:"\e74a"}.icon-stack:before{content:"\e769"}.icon-branch:before{content:"\e74b"}.icon-chat:before{content:"\e74c"}.icon-chat-line:before,.icon-comment-line:before{content:"\e74f"}.icon-chat-dot:before{content:"\e750"}.icon-cube:before{content:"\e751"}.icon-database:before{content:"\f1c0"}.icon-align-left:before{content:"\e633"}:root{--input-control-fix-width-sm:2rem;--input-control-fix-width:4.375rem;--input-control-fix-width-lg:6.75rem}.input-control{--input-control-prefix:8px;--input-control-suffix:8px;position:relative}.input-control-prefix,.input-control-suffix{align-items:center;display:flex;height:100%;left:0;opacity:.5;padding-left:.5rem;padding-right:.5rem;position:absolute;top:0;white-space:nowrap;width:var(--input-control-prefix);z-index:1}.input-control-suffix{justify-content:flex-end;left:auto;right:0;width:var(--input-control-suffix)}.form-control:focus+.input-control-prefix,.form-control:focus+.input-control-suffix{opacity:1}.input-control>.form-control{padding-left:var(--input-control-prefix);padding-right:var(--input-control-suffix)}.input-control>select.form-control{background-position-x:calc(100% - var(--input-control-suffix) - 8px);padding-right:calc(var(--input-control-suffix) + 20px)}.has-prefix{--input-control-prefix:var(--input-control-fix-width)}.has-suffix{--input-control-suffix:var(--input-control-fix-width)}.has-prefix-sm{--input-control-prefix:var(--input-control-fix-width-sm)}.has-suffix-sm{--input-control-suffix:var(--input-control-fix-width-sm)}.has-prefix-lg{--input-control-prefix:var(--input-control-fix-width-lg)}.has-suffix-lg{--input-control-suffix:var(--input-control-fix-width-lg)}.has-prefix-icon{--input-control-prefix:32px}.has-suffix-icon{--input-control-suffix:32px}.input-control.has-prefix-icon>.input-control-prefix,.input-control.has-suffix-icon>.input-control-suffix{justify-content:center;width:2rem}.input-control.size-sm>.form-control,.input-control.size-sm>.input-control-prefix,.input-control.size-sm>.input-control-suffix{font-size:.75rem;line-height:1rem}.input-control.size-lg>.form-control,.input-control.size-lg>.input-control-prefix,.input-control.size-lg>.input-control-suffix{font-size:1rem;line-height:1.5rem}:root{--label-bg:var(--color-gray-50);--label-border-color:var(--color-gray-500);--label-color:var(--color-gray-500);--label-radius:var(--radius)}.label{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--label-border-color);align-items:center;background-color:var(--label-bg);border-radius:var(--label-radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:var(--label-color);display:inline-flex;font-size:.75rem;height:1.25rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem;white-space:pre-line}.label.size-lg{font-size:.8125rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}.label.size-sm{height:1rem}.label-dot{aspect-ratio:1/1;border-radius:var(--radius-full);height:.5rem;padding-left:0;padding-right:0}.caret,.caret-down,.caret-left,.caret-right,.caret-up{border:var(--caret-size,4px) solid transparent;display:inline-block;height:0;opacity:var(--caret-opacity,.5);width:0}:focus>.caret,:hover>.caret{opacity:inherit}.disabled .caret,.readonly .caret{opacity:var(--caret-opacity,.5)}.caret,.caret-down{border-bottom-width:0;border-top-color:currentColor}.caret-up{border-bottom-color:currentColor;border-top-width:0}.caret-right{border-left-color:currentColor;border-right-width:0}.caret-left{border-left-width:0;border-right-color:currentColor}.listitem{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding-bottom:.25rem;padding-top:.25rem}.item-actions,.item-avatar,.item-icon,.item-trailing,.item-trailing-icon{flex:none}.item-icon.icon-EMPTY{display:none}.item-subtitle{font-size:.75rem;line-height:1rem;opacity:.8}.item-content,.item-text{flex:1 1 auto;min-width:0}.item-leading,.item-trailing{align-items:center;display:flex;flex:none;gap:.5rem}.item-checkbox{margin-right:-.5rem}.item-content{align-items:center;display:flex;gap:.5rem}.multiline>.item-content{align-items:flex-start;flex-direction:column;gap:.25rem}.list-heading-inner .item-title{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity));font-weight:700}.list.is-nested-sub{padding-left:var(--list-indent)}.is-nested-collapsed{display:none}.nested-toggle-icon{align-items:center;border-radius:var(--radius);display:flex;height:1rem;justify-content:center;margin-right:-.25rem;width:1rem}.magnifier{display:inline-block;height:1em;position:relative;width:1em}.magnifier:after,.magnifier:before{border-radius:var(--radius-full);content:"";display:block;position:absolute}.magnifier:before{border:1px solid;height:.75em;width:.75em}.magnifier:after{--tw-rotate:45deg;background-color:var(--color-current);height:1px;left:.55em;top:.7em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5em}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}:root{--menu-bg:var(--color-canvas);--menu-hover-bg:var(--color-primary-500);--menu-hover-color:var(--color-canvas);--menu-active-bg:var(--color-primary-50);--menu-active-color:var(--color-primary-500);--menu-icon-opacity:.5;--menu-icon-margin:1.75rem;--menu-min-width:3rem;--menu-heading-color:var(--color-gray-500)}.menu{background:var(--menu-bg);min-width:var(--menu-min-width);padding:.5rem}.menu-item>.item-inner,.menu-item>a{align-items:center;border-radius:var(--radius);color:var(--color-inherit);cursor:pointer;display:flex;gap:.25rem;justify-content:space-between;overflow:hidden;padding:.25rem .5rem;position:relative;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.menu-item>.active{background:var(--menu-active-bg);color:var(--menu-active-color)}.menu-item>a.hover,.menu-item>a:hover{background:var(--menu-hover-bg);color:var(--menu-hover-color)}.menu-item.disabled>a:hover,.menu-item>a.disabled:hover{background-color:var(--color-inherit);color:var(--color-inherit)}.menu-item>a>.item-title{flex:1 1 auto}.menu-divider{margin:.5rem .25rem}.menu-heading{align-items:center;color:var(--menu-heading-color);display:flex;font-size:.75rem;font-weight:700;height:2rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}.has-icons>.menu-item>a>.item-icon{align-items:center;display:flex;height:1rem;justify-content:center;opacity:var(--menu-icon-opacity);width:1rem}.menu-nested{--menu-indent:10px}.menu-nested .menu{margin-bottom:-.5rem;margin-left:var(--menu-indent);margin-top:-.5rem;padding-right:0}.menu-nested .menu-item>.item-inner{padding-left:0}.search-menu-on-top{padding-top:3rem;position:relative}.search-menu-on-top>.search-box{left:.5rem;position:absolute;right:.5rem;top:.5rem}.search-menu-on-bootom>.search-box{margin-top:.5rem}.search-menu .item.is-not-match{display:none}.search-menu .item.is-not-match.has-match-child{display:list-item}.search-menu .item.is-not-match.has-match-child>.item-inner{opacity:.5;pointer-events:none}.search-menu.no-toggle-on-search .nested-toggle-icon{pointer-events:none}.search-menu .is-match-keys{font-weight:700;text-decoration-line:underline}:root{--alert-bg:var(--color-surface)}.alert{align-items:center;background-color:var(--alert-bg);border-radius:var(--radius);display:flex;gap:.75rem;padding:.75rem 1rem}.alert-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem}.alert-close{align-self:flex-start;flex:none;margin-bottom:-.5rem;margin-right:-.5rem;margin-top:-.5rem}.alert-link{color:var(--color-inherit);font-weight:700}.alert-link:hover{color:var(--color-inherit);text-decoration-line:underline}.alert-icon{margin-left:.5rem;margin-right:1rem}.alert-heading{font-weight:700;margin:0}.alert-text{white-space:pre-line}.alert-actions{align-items:center;display:flex;gap:.5rem}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}.messagers{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:flex-end;padding:1rem;pointer-events:none;position:absolute;z-index:1900}.messagers-top-left,.messagers-top-right{justify-content:flex-start}.messagers-bottom-left,.messagers-top-left{align-items:flex-start}.messagers-bottom,.messagers-center,.messagers-top{align-items:center}.messagers-top,.messagers-top-left,.messagers-top-right{justify-content:flex-start}.messagers-center{justify-content:center}.messager{--tw-text-opacity:1;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(var(--color-inverse-rgb),.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity));pointer-events:auto;transition-duration:.3s}:root{--progress-radius:var(--radius);--progress-striped-size:40px;--progress-bg:var(--color-surface);--progress-bar-color:var(--color-primary-500)}.progress{background:var(--progress-bg);border-radius:var(--progress-radius);display:flex;height:1.25rem}.progress-bar{background:var(--progress-bar-color);height:100%}.progress-striped>.progress-bar{background-image:linear-gradient(45deg,rgba(var(--color-canvas-rgb),.15) 25%,transparent 25%,transparent 50%,rgba(var(--color-canvas-rgb),.15) 50%,rgba(var(--color-canvas-rgb),.15) 75%,transparent 75%,transparent);background-size:var(--progress-striped-size) var(--progress-striped-size)}.progress>.progress-bar:first-child{border-bottom-left-radius:inherit;border-top-left-radius:inherit}.progress>.progress-bar:last-child{border-bottom-right-radius:inherit;border-top-right-radius:inherit}.progress.active .progress-bar{animation:progress-bar-stripes 2s linear infinite}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}:root{--scrollbar-size:10px;--scrollbar-opacity:.6;--scrollbar-bg:rgba(var(--color-inverse-rgb),.15);--scrollbar-inset:inset 0 0 0 1px rgba(var(--color-inverse-rgb),.05);--scrollbar-bar-bg:rgba(var(--color-inverse-rgb),.3);--scrollbar-hover-bg:rgba(var(--color-inverse-rgb),.4);--scrollbar-drag-bg:rgba(var(--color-inverse-rgb),.5);--scrollbar-radius:var(--radius-sm);--scrollbar-duration:.7s}::-webkit-scrollbar{height:var(--scrollbar-size);width:var(--scrollbar-size)}::-webkit-scrollbar-track{box-shadow:var(--scrollbar-shadow);-webkit-transition:background-color var(--scrollbar-duration);transition:background-color var(--scrollbar-duration)}::-webkit-scrollbar-track:hover,:hover::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-bar-bg);border-radius:var(--scrollbar-radius);min-height:var(--scrollbar-size);-webkit-transition:var(--scrollbar-duration);transition:var(--scrollbar-duration);-webkit-transition-property:background-color;transition-property:background-color}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover-bg)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-drag-bg)}.scrollbar-thin::-webkit-scrollbar{height:calc(var(--scrollbar-size)/2);width:calc(var(--scrollbar-size)/2)}.scrollbar-hover::-webkit-scrollbar,.scrollbar-hover::-webkit-scrollbar-thumb,.scrollbar-hover::-webkit-scrollbar-track{visibility:hidden}.scrollbar-hover:hover::-webkit-scrollbar,.scrollbar-hover:hover::-webkit-scrollbar-thumb,.scrollbar-hover:hover::-webkit-scrollbar-track{visibility:visible}.sortable-list .listitem{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));cursor:move;padding-left:.5rem;padding-right:.5rem}.sortable-list .sortable-ghost>.listitem{--tw-bg-opacity:1;background-color:rgba(var(--color-warning-50-rgb),var(--tw-bg-opacity))}:root{--avatar-radius:12.5%;--avatar-bg:var(--color-surface)}.avatar{align-items:center;aspect-ratio:1/1;background:var(--avatar-bg);border-radius:var(--avatar-radius);display:inline-flex;justify-content:center;overflow:hidden;width:2rem}.avatar>img{height:100%;margin:0;-o-object-fit:cover;object-fit:cover;width:100%}.avatar.size-xs{width:1.25rem}.avatar.size-sm,.avatar.size-xs{font-size:.75rem;line-height:1rem}.avatar.size-sm{width:1.5rem}.avatar.size-lg{font-size:1.5rem;line-height:2rem;width:3rem}.avatar.size-xl{font-size:2.25rem;line-height:2.5rem;width:5rem}.avatar-group{display:flex;gap:.625rem}.avatar-group>.avatar{box-shadow:0 0 0 1px var(--color-canvas)}.avatar-group>*+*{margin-left:-1rem}.avatar-group.size-xs>*+*{margin-left:-.75rem}.avatar-group.size-sm>*+*{margin-left:-.875rem}.avatar-group.size-lg>*+*{margin-left:-1.25rem}.avatar-group.size-xl>*+*{margin-left:-1.5rem}.btn-group{display:flex;gap:1px}.btn-group>.btn:focus-within,.btn-group>.btn:hover{z-index:1}.btn-group>.btn.disabled,.btn-group>.btn:disabled{z-index:-1}.btn-group>.btn:not(:first-child){border-bottom-left-radius:var(--radius-none);border-left-color:rgba(var(--color-canvas-rgb),.2);border-left-width:1px;border-top-left-radius:var(--radius-none)}.btn-group>.btn:not(:last-child){border-bottom-right-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.btn.size-xs{height:1.25rem;padding-left:.25rem;padding-right:.25rem}.btn.size-sm,.btn.size-xs{font-size:.75rem;line-height:1rem}.btn.size-sm{height:1.5rem}.btn.size-md,.btn.size-sm{padding-left:.5rem;padding-right:.5rem}.btn.size-md{height:1.75rem}.btn.size-lg{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.btn.size-xl{font-size:1.125rem;height:3rem;line-height:1.75rem;padding-left:1.25rem;padding-right:1.25rem}.btn.square{aspect-ratio:1/1;gap:.125rem;padding-left:0;padding-right:0}.btn.btn-caret{padding-left:.25rem;padding-right:.25rem}.btn.btn-wide{min-width:80px}.btn-group.size-xs .btn{height:1.25rem;padding-left:.25rem;padding-right:.25rem}.btn-group.size-sm .btn,.btn-group.size-xs .btn{font-size:.75rem;line-height:1rem}.btn-group.size-sm .btn{height:1.5rem;padding-left:.5rem;padding-right:.5rem}.btn-group.size-lg .btn{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.btn-group.size-xl .btn{font-size:1.125rem;height:3rem;line-height:1.75rem;padding-left:1.25rem;padding-right:1.25rem}.color-picker-heading{align-items:center;font-weight:700;justify-content:space-between;margin-bottom:-.25rem}.color-picker-heading,.color-picker-row{display:flex;flex-direction:row;padding:.5rem}.color-picker-row{flex-wrap:wrap;gap:.5rem}.color-picker-item{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);align-items:center;border-radius:var(--radius-full);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity));display:flex;height:1.25rem;justify-content:center;padding-left:.125rem;padding-right:.125rem;width:1.25rem}.pick-container{left:0;pointer-events:none;position:absolute;top:0;z-index:1600}.pick-pop{display:flex;flex-direction:column;opacity:0;pointer-events:auto;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:1200}.pick-pop.in{opacity:1}.date-picker-menu .mini-calendar{margin-top:-.75rem}.date-pick-menu-month,.date-pick-menu-years{display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;max-height:237px;padding-bottom:.5rem;padding-left:.5rem;padding-right:.5rem}.date-pick-menu-years>.btn{width:2.5rem}.date-pick-menu-years>.btn.is-current{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.date-pick-menu-month>.btn.active,.date-pick-menu-years>.btn.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.date-pick-menu-month>.btn{width:3rem}.date-picker-menu-footer{border-top-width:1px;display:flex;flex-direction:row;padding:.25rem}.date-picker-menu-footer>.toolbar{flex:1 1 auto;justify-content:center}.date-picker-menu>.menu{border-right-width:1px}.date-picker-menu .menu-item{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.time-picker-menu{max-height:inherit}.time-picker-menu .menu-item>a{justify-content:center}.datetime-picker-menu{max-height:inherit}.mini-calendar{padding:.5rem}.mini-calendar>.row>.col{align-items:center;justify-content:center;width:14.2857%}.mini-calendar-day{height:2rem}.mini-calendar-day>a{width:2rem}.mini-calendar-day.is-weekend>a{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.mini-calendar-day.active>a,.mini-calendar-day.is-today>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.mini-calendar-day.selected>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.mini-calendar-day.is-out-month{opacity:.5}.i-time{border-color:var(--color-current);border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:var(--color-current);border-width:0 0 .08em .08em;content:var(--tw-content);height:.385em;left:.3846em;position:absolute;top:.08em;width:.385em}.chevron-down,.chevron-left,.chevron-right,.chevron-up{align-items:center;display:inline-flex;height:1em;justify-content:center;position:relative;width:1em}.chevron-down:before,.chevron-left:before,.chevron-right:before,.chevron-up:before{--tw-translate-y:-0.125rem;--tw-rotate:45deg;--tw-content:"";border-color:var(--color-current);border-width:0 1px 1px 0;content:var(--tw-content);display:block;height:.6923077em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:center;width:.6923077em}.chevron-left:before{--tw-translate-y:0px;--tw-translate-x:0.125rem;--tw-rotate:135deg}.chevron-left:before,.chevron-right:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chevron-right:before{--tw-translate-y:0px;--tw-translate-x:-0.125rem;--tw-rotate:-45deg}.chevron-up:before{--tw-translate-y:0.125rem;--tw-rotate:225deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.i-calendar{border-radius:var(--radius);display:inline-block;height:.79em;margin-top:.16em;position:relative;width:1em}.i-calendar,.i-calendar:after,.i-calendar:before{border-color:var(--color-current);border-width:.08em}.i-calendar:after,.i-calendar:before{--tw-content:"";content:var(--tw-content);position:absolute}.i-calendar:before{border-bottom-width:0;left:.15em;top:.307em;width:.6em}.i-calendar:after{border-bottom-width:0;border-top-width:0;height:.3077em;left:.17em;top:-.154em;width:.538em}:root{--modal-radius:var(--radius-lg);--modal-bg:rgba(0,0,0,.4);--modal-sm:37.5rem;--modal-base:50rem;--modal-lg:75rem;--modal-xl:90rem}.modal{align-items:center;background-color:var(--modal-bg);display:none;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:1500}.modal.load-indicator:before{background-color:var(--color-inherit);transition-property:none}.modal.loading:after{--tw-text-opacity:1;color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.modal.show{display:flex}.modal-no-backdrop{background-color:var(--color-transparent);pointer-events:none}.modal-hide{opacity:0!important}.modal-dialog{--tw-bg-opacity:0.9;--tw-shadow:var(--shadow-2xl);--tw-shadow-colored:var(--shadow-2xl);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--modal-radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);pointer-events:auto;position:relative;width:var(--modal-base)}.modal-content,.modal-dialog{max-height:100vh}.modal-content{display:flex;flex-direction:column;height:100%}.loading>.modal-dialog>.modal-content{opacity:0;visibility:hidden}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}.modal-header{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:1rem;padding:1rem 1.25rem;position:relative}.modal-title{flex:1 1 auto;font-size:1rem;font-weight:700;line-height:1.5rem}.modal-actions{position:absolute;right:.75rem;top:.75rem}.modal-body{flex:1 1 auto;overflow:auto;padding:.75rem 1.25rem}.modal-footer{align-items:center;display:flex;flex:none;gap:.75rem;padding:1.25rem}.modal-dialog[data-size=full]{height:100vh;width:100vw}.modal-dialog[data-size=sm]{width:var(--modal-sm)}.modal-dialog[data-size=lg]{width:var(--modal-lg)}.modal-dialog[data-size=xl]{width:var(--modal-xl)}.modal-iframe{flex:1 1 auto;width:100%}.modal-trans{opacity:0;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-trans.in{opacity:1}.modal-trans>.modal-dialog{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0;transition-duration:.3s;transition-property:transform,opacity}.modal-trans.in>.modal-dialog,.modal-trans>.modal-dialog{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-trans.in>.modal-dialog{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.modal-alert .modal-footer{justify-content:flex-end}.modal-alert .modal-header{margin-bottom:-1rem}.modal-alert .modal-body{white-space:pre-line}.modal-alert .modal-footer{margin-top:-.75rem}.modal-alert .modal-actions+.modal-body{padding-right:3rem}.modal-alert .modal-header+.modal-actions+.modal-body{padding-right:1.25rem}:root{--nav-radius:var(--radius);--nav-active-color:var(--color-primary-500);--nav-active-bg:var(--color-inherit);--nav-heading-color:var(--color-gray-500)}.nav,.nav-item{align-items:center;display:flex;position:relative}.nav-item{gap:.75rem}.nav-item>a{align-items:center;color:var(--color-inherit);display:flex;gap:.25rem;height:2rem;justify-content:center;padding-left:1rem;padding-right:1rem}.nav-item>.active{background:var(--nav-active-bg);color:var(--nav-active-color);font-weight:700}.nav-item>.disabled{opacity:1}.nav-item>.disabled>*{opacity:var(--disabled-opacity)}.nav-divider,.nav>.divider{margin:.5rem}.nav-heading{align-items:center;color:var(--nav-heading-color);display:flex;font-weight:700;gap:.25rem;height:2rem;justify-content:center;padding-left:1rem;padding-right:1rem}.nav-space{flex:1 1 auto;width:1rem}.nav-primary>.nav-item{position:relative}.nav-primary>.nav-item:hover{z-index:10}.nav-primary>.nav-item+.nav-item{margin-left:-1px}.nav-primary>.nav-item>a{border-radius:var(--radius-none);border-width:1px}.nav-primary>.nav-item:first-child>a,.nav-primary>.nav-item:has(.nav-heading)+.nav-item>a{border-bottom-left-radius:var(--nav-radius);border-top-left-radius:var(--nav-radius)}.nav-primary>.nav-item:last-child>a{border-bottom-right-radius:var(--nav-radius);border-top-right-radius:var(--nav-radius)}.nav-primary>.nav-item>.active{--tw-text-opacity:1;background:var(--nav-active-color);border-color:var(--nav-active-color);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.nav-primary>.nav-divider{display:none}.nav-secondary>.nav-item>a{border-radius:var(--radius-none);position:relative}.nav-secondary>.nav-item>a:after{--tw-bg-opacity:1;--tw-content:"";background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));bottom:-2px;content:var(--tw-content);display:block;height:2px;left:0;position:absolute;right:0}.nav-secondary>.nav-item>.active:after{background-color:var(--color-current)}.nav-secondary>.nav-divider{margin:0 0 0 -1px}.nav-tabs>.nav-item>a{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);position:relative}.nav-tabs>.nav-item>a:after{--tw-border-opacity:1;--tw-content:"";border-color:var(--color-transparent);border-bottom-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-top-left-radius:inherit;border-top-right-radius:inherit;border-width:1px;content:var(--tw-content);display:block;inset:-1px;pointer-events:none;position:absolute}.nav-tabs>.nav-item>.active:after{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-bottom-color:var(--color-transparent)}.nav-tabs>.nav-divider{margin:0 0 0 -1px}.nav-pills>.nav-item>a{border-radius:var(--radius-full)}.nav-pills>.nav-item>.active{--tw-text-opacity:1;background:var(--nav-active-color);border-color:var(--nav-active-color);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.nav-stacked{flex-direction:column}.nav-stacked>.nav-item{width:100%}.nav-stacked>.nav-heading,.nav-stacked>.nav-item>a{justify-content:flex-start;width:100%}.nav-stacked>.nav-divider{height:1px;margin:.5rem 0;width:100%}.nav-primary.nav-stacked>.nav-item>a{height:2.5rem}.nav-primary.nav-stacked>.nav-item+.nav-item{margin-left:0;margin-top:-1px}.nav-primary.nav-stacked>.nav-item:first-child>a{border-bottom-left-radius:0;border-top-left-radius:var(--nav-radius);border-top-right-radius:var(--nav-radius)}.nav-primary.nav-stacked>.nav-item:last-child>a{border-bottom-left-radius:var(--nav-radius);border-bottom-right-radius:var(--nav-radius);border-top-right-radius:0}.nav-secondary.nav-stacked>.nav-item>a:after{--tw-bg-opacity:1;background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));bottom:0;height:100%;left:auto;right:0;top:0;width:2px}.nav-secondary.nav-stacked>.nav-item>.active:after{background-color:var(--color-current)}.nav-secondary.nav-stacked>.nav-divider{margin:0}.nav-tabs.nav-stacked>.nav-item>a{border-bottom-left-radius:var(--nav-radius);border-bottom-right-radius:var(--radius-none);border-top-right-radius:var(--radius-none);position:relative}.nav-tabs.nav-stacked>.nav-item>a:after{--tw-border-opacity:1;border-bottom-color:var(--color-transparent);border-bottom-left-radius:inherit;border-right-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-top-left-radius:inherit}.nav-tabs.nav-stacked>.nav-item>a.active:after{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-right-color:var(--color-transparent)}.nav-tabs.nav-stacked>.nav-divider{margin:0}.nav-pills.nav-stacked>.nav-item+.nav-item{margin-top:.25rem}.nav-justified>.nav-item:not(.flex-none,.nav-divider){flex:1 1 auto}.nav-justified>.nav-item>a{width:100%}.arrow,.arrow:before{background:inherit;height:calc(var(--arrow-size)*1.4142);position:absolute;width:calc(var(--arrow-size)*1.4142)}.arrow{--arrow-size:5px;visibility:hidden}.arrow:before{--tw-rotate:45deg;border:inherit;content:"";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}.arrow-top,.arrow-up{border-bottom:inherit;border-right:inherit;border-width:1px 0 0 1px;top:calc(1px - var(--arrow-size))}.white>.arrow-top,.white>.arrow-up{top:calc(0px - var(--arrow-size))}.arrow-bottom,.arrow-down{border-left:inherit;border-top:inherit;border-width:0 1px 1px 0;bottom:calc(1px - var(--arrow-size))}.white>.arrow-bottom,.white>.arrow-down{bottom:calc(0px - var(--arrow-size))}.arrow-left{border-right:inherit;border-top:inherit;border-width:0 0 1px 1px;left:calc(1px - var(--arrow-size))}.white>.arrow-left{left:calc(0px - var(--arrow-size))}.arrow-right{border-bottom:inherit;border-left:inherit;border-width:1px 1px 0 0;right:calc(1px - var(--arrow-size))}.white>.arrow-right{right:calc(0px - var(--arrow-size))}.popover{display:none;position:absolute;width:-moz-max-content;width:max-content}.popover.show{display:block}.popover-heading{--tw-bg-opacity:1;align-items:center;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;gap:1rem;height:2.5rem;justify-content:space-between;padding-left:.75rem;padding-right:.5rem}.popover-title{flex:1 1 auto;font-weight:700}.popover-content{padding:.75rem}.popover-arrow.arrow-top,.popover-arrow.arrow-up{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.popover>.btn-close{position:absolute;right:.5rem;top:.625rem}.btn-close+.popover-content{padding-right:3rem}.btn.with-popover-show{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.with-popover-show[data-popover-placement=top]>.caret{--tw-rotate:180deg}.with-popover-show[data-popover-placement=left]>.caret,.with-popover-show[data-popover-placement=top]>.caret{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.with-popover-show[data-popover-placement=left]>.caret{--tw-rotate:90deg}.with-popover-show[data-popover-placement=right]>.caret{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pager{align-items:center;display:flex;gap:.25rem;white-space:nowrap}.menu.pager-size-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.menu.pager-size-menu>.menu-item>a{margin:.125rem}.pager .pager-goto-group>.form-control{width:3rem}.pager .pager-goto-group>.input-group-addon{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-gray-300-rgb),var(--tw-border-opacity));border-width:1px}.pager>.pager-nav.active{--tw-text-opacity:1;box-shadow:0 0 0 1px var(--color-primary-500);color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.panel{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);overflow:hidden}.panel-heading{flex-wrap:nowrap;gap:1rem;justify-content:space-between;padding:.5rem 1rem}.panel-heading,.panel-title{align-items:center;display:flex}.panel-title{font-weight:700;gap:.5rem;margin:0}.panel-actions{margin-right:-.5rem}.panel-body{padding:.75rem 1rem}.panel-footer{align-items:center;display:flex;gap:.5rem;padding:.5rem 1rem}.size-sm .panel-body,.size-sm .panel-footer,.size-sm .panel-heading{padding:.375rem .75rem}.size-lg .panel-body,.size-lg .panel-footer,.size-lg .panel-heading{padding:1rem 1.25rem}.picker{position:relative}.picker-select{align-items:center;gap:.25rem;justify-content:space-between}.picker-select,.picker-select.form-control{display:flex}.picker-select-placeholder{--tw-text-opacity:1;color:rgba(var(--color-placeholder-rgb),var(--tw-text-opacity));flex:1 1 auto}.picker-select-multi .picker-select-placeholder{padding-left:.25rem;padding-right:.25rem}.picker-single-selection{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.picker-deselect-btn{border-radius:var(--radius-full);padding:.25rem}.picker-deselect-btn:not(:hover){opacity:.7}.picker-select-multi.form-control{height:auto;min-height:32px;padding-left:.25rem}.picker-multi-selections{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.picker-multi-selection{--tw-bg-opacity:1;align-items:center;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));border-radius:var(--radius-full);border-width:1px;display:flex;max-width:100%;padding-left:.5rem}.readonly .picker-multi-selection{padding-right:.5rem}.picker-multi-selection>.text{max-width:180px;overflow:clip;white-space:nowrap}.picker-menu-list{--tw-shadow:var(--shadow-none);--tw-shadow-colored:var(--shadow-none);border-style:none;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex:1 1 auto;min-height:0;overflow-y:auto}.picker-menu-search+.picker-menu-list.menu{margin-top:-.125rem;padding-top:0}.picker-menu-list.tree{padding:.5rem}.picker-search-input{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;border-color:var(--color-transparent);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important;height:1.75rem;outline-width:0!important;padding-left:0;padding-right:2rem}.picker-search{flex:none;position:relative;width:100%}.picker-search>.magnifier{opacity:.5;position:absolute;right:0;top:.5rem}.picker-search-clear.btn{cursor:pointer;height:1.25rem;position:absolute;right:0;top:.25rem;width:1.25rem}.picker-search.is-inline{min-width:64px;width:4rem}.is-inline>.picker-search-input{height:1.25rem;min-width:64px;padding-left:.25rem;padding-right:.25rem}.picker-search-measure{height:0;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap}.split{display:flex;flex-direction:row}.split-vert{flex-direction:column}.split-cell{min-height:0;min-width:0}.has-animation>.split-cell{transition-duration:.15s;transition-property:width,height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gutter{align-items:stretch;border-radius:var(--radius);cursor:col-resize;display:flex;flex:none;flex-direction:row;justify-content:center;position:relative}.gutter-vert{cursor:row-resize;flex-direction:column}.gutter:before{--tw-bg-opacity:1;--tw-content:"";background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));content:var(--tw-content);display:block;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gutter-horz:before{width:1px}.gutter-vert:before{height:1px}.gutter-horz:hover:before{width:75%}.gutter-vert:hover:before{height:75%}.gutter-toggle{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity));border-radius:var(--radius-lg);border-width:1px;color:rgba(var(--color-fore-rgb),var(--tw-text-opacity));display:flex;height:1.75rem;justify-content:center;margin-top:-.875rem;position:absolute;top:50%;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.75rem}.gutter-toggle>span{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gutter:hover .gutter-toggle{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-gray-500-rgb),var(--tw-border-opacity));color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.gutter .gutter-toggle:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.is-last>.gutter-toggle{--tw-scale-x:-1}.is-first>.gutter-toggle,.is-last>.gutter-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.is-first>.gutter-toggle{--tw-scale-x:1}.gutter-vert .gutter-toggle{--tw-rotate:90deg;left:50%;margin-left:-.375rem;margin-top:0;top:auto}.gutter-vert .gutter-toggle,.gutter.is-next-collapsed>.gutter-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gutter.is-next-collapsed>.gutter-toggle{--tw-scale-x:1}.gutter.is-prev-collapsed>.gutter-toggle{--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gutter-horz.is-first.is-prev-collapsed{transform:translateX(calc(-1px - var(--split-gutter-size)/2))}.gutter-horz.is-last.is-next-collapsed{transform:translateX(calc(1px + var(--split-gutter-size)/2))}.gutter-vert.is-first.is-prev-collapsed{transform:translateY(calc(-1px - var(--split-gutter-size)/2))}.gutter-vert.is-last.is-next-collapsed{transform:translateY(calc(1px + var(--split-gutter-size)/2))}.sidebar{flex:none!important;position:relative}.has-sidebar-animation .sidebar{transition-duration:.15s;transition-property:width,margin;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sidebar-left.is-collapsed{margin-left:calc(var(--gutter-width)*-1)}.sidebar-right.is-collapsed{margin-right:calc(var(--gutter-width)*-1)}.sidebar.is-collapsed>*{display:none}.sidebar.is-collapsed>.sidebar-gutter{display:flex}.sidebar-gutter{bottom:0;left:100%;position:absolute;top:0;width:var(--gutter-width)}.sidebar-right>.sidebar-gutter{left:auto;right:100%}.is-collapsed>.gutter>.gutter-toggle>span{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sidebar-gutter:before{border-radius:var(--radius-full);opacity:0}.sidebar-gutter:hover:before{opacity:1;width:.5rem}.is-expanded .sidebar-gutter.gutter-border:before{opacity:1}.is-sidebar-resizing{cursor:col-resize}:root{--table-head-bg:var(--color-surface);--table-striped-color:var(--color-gray-50);--table-hover-color:rgba(var(--color-primary-500-rgb),.05);--table-border-color:var(--color-border)}.table{border-color:var(--table-border-color);width:100%}.table>thead{background-color:var(--table-head-bg)}.table>*>tr{border-bottom-width:1px}.table>*>tr>*{padding:.5rem 1rem;text-align:left}.table-striped>tbody>tr:nth-child(2n){background:var(--table-striped-color)}.table-hover>tbody>tr:hover>*{background:var(--table-hover-color)}.table.bordered>*>tr>*{border-width:1px}.table.borderless>*>tr,.table.borderless>*>tr>*{border-style:none}.condensed>*>tr>*{padding:.375rem .75rem}.table-fixed{table-layout:fixed}.table-fixed>*>tr>*{overflow:hidden;white-space:nowrap}.toolbar{align-items:center;display:flex;position:relative}.toolbar-divider{--tw-bg-opacity:1;background-color:rgba(var(--color-border-rgb),var(--tw-bg-opacity));margin:.5rem;width:1px}.toolbar-space{flex:1 1 auto;height:1px;width:1px}.toolbar>.dropdown.show{align-items:center;display:flex;position:relative}.tooltip{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-inverse-rgb),var(--tw-bg-opacity));border-color:rgba(var(--color-inverse-rgb),var(--tw-border-opacity));border-radius:var(--radius);color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity));font-size:.75rem;line-height:1rem;max-width:28rem;padding:.25rem .5rem;z-index:1800}.tooltip:not(.white)>.arrow{border-width:0}.tooltip.white>.arrow{border-color:inherit}.tooltip-has-title{--tw-bg-opacity:0.8;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem .75rem .75rem}.tooltip-has-title>.arrow{opacity:.75}.tooltip-heading{align-items:center;display:flex;font-size:.8125rem;font-weight:700;gap:1rem;justify-content:space-between;line-height:1.25rem;padding:.25rem}.tooltip-heading>.btn-close{margin-right:-.25rem}.tooltip-content{padding:.25rem}.tree-item-inner{flex-direction:row;min-height:24px;padding-left:var(--list-nested-indent)}.tree-item-inner,.tree-toggle{align-items:center;display:flex}.tree-toggle{--caret-size:5px;--caret-opacity:.3;border-radius:var(--radius);flex:none;height:1rem;justify-content:center;margin-right:-.375rem;width:1rem}.tree-item-inner>.item-icon{opacity:.5;width:1rem}.tree-item-inner:hover>.item-icon{opacity:.8}.tree-item-inner.has-hover{border-radius:var(--radius)}.tree-item-inner .item-title:not(:hover),.tree-item-inner>a.item-title:not(:hover){color:var(--color-inherit)}.tree-item-inner>.toolbar{margin-left:1rem;opacity:.6}.tree-item-inner:hover>.toolbar{opacity:1}.tree-item>.active{background:var(--menu-active-bg);color:var(--menu-active-color)}.tree.search-menu-on-top>.search-box{left:0;right:0}.upload .upload-tip{color:var(--color-slate-500)}.upload .draggable-area.dragover{background-color:rgba(var(--color-primary-500-rgb),.1)}.upload .draggable-area{border:1px dashed var(--color-gray-300)}.upload .upload-tip{color:var(--color-slate-500)}.file-item>.img{height:120px;width:120px}.upload .file-item:hover .file-size{display:flex!important}.card{--tw-bg-opacity:1;--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-border-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);min-height:28px;position:relative;transition-duration:.15s;transition-property:shadow,border,color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card:hover{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-content,.card-footer,.card-header,.card-heading{padding:.25rem .5rem}.card-heading{align-items:center;display:flex;gap:.5rem}.card-icon{opacity:.5}.card-header{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.card-content{display:flex;flex-direction:column;gap:.25rem}.card-actions{position:absolute;right:.125rem;top:.125rem}.card-actions+.card-heading{padding-right:1.75rem}.card-subtitle{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity));font-size:.75rem;line-height:1rem}.card-list{--list-gap:.625rem;--list-count-per-row:1}.card-list,.card-list-item{padding:calc(var(--list-gap)/2)}.card-list-item{width:calc(100%/var(--list-count-per-row))}.card-grid{display:flex;flex-wrap:wrap}.card-grid .card{height:100%}.dropdown{position:absolute;z-index:1200}.dropdown-menu{--menu-min-width:7rem;display:none;position:absolute}.dropdown-menu.show,.is-nested-show>.dropdown-menu,.show>.dropdown-menu{display:block}.popover>.dropdown-menu{position:relative}.dropdown-menu .is-nested-show>a:not(:hover){--tw-bg-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity))}.menu-nested .menu.dropdown-menu{margin-bottom:auto;margin-left:auto;margin-top:auto;padding-right:.5rem}.dropdown-menu.menu-nested .menu-item>.item-inner{padding-left:.5rem}.dropdown-menu .menu-item.is-nested>.item-inner>.nested-toggle-icon{position:absolute;right:.25rem;top:.375rem}.dropdown>.arrow{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.contextmenu{display:none}.contextmenu.show{display:block}.contextmenu.popup{position:absolute}.more,.more-vert{margin:.5rem;position:relative}.more,.more-vert,.more-vert:after,.more-vert:before,.more:after,.more:before{background-color:var(--color-current);border-radius:var(--radius-full);height:.125rem;width:.125rem}.more-vert:after,.more-vert:before,.more:after,.more:before{--tw-content:"";content:var(--tw-content);display:block;left:-5px;position:absolute;top:0}.more-vert:after,.more:after{left:5px}.more-vert{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dashboard-blocks{position:relative}.dashboard-block-cell{position:absolute;transition-duration:.15s;transition-property:left,top;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dashboard-block{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);inset:.5rem;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dashboard-block.is-dragging{opacity:0;z-index:1600}.dashboard-block-header{align-items:center;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);display:flex;flex-direction:row;justify-content:space-between;left:0;padding:.75rem;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.dashboard-block-header>*{pointer-events:auto}.dashboard-block-title{font-size:.875rem;font-weight:700;line-height:1.3rem}.dashboard-block-body{inset:0;position:absolute}.dashboard-block-body>.panel{--tw-shadow:0px 6px 16px rgba(202,215,235,.25);display:flex;flex-direction:column;height:100%;width:100%}.dashboard-block-body .panel-heading{cursor:move;flex:none}.dashboard-block-body .panel-body{flex:1 1 auto;overflow-y:auto}.has-more-menu>.dashboard-block-body .panel-heading{padding-right:3rem}.dashboard-block-body .panel-title{font-size:.875rem;height:2rem;line-height:1.3rem}.dashboard-block-actions .btn{opacity:.6}.dashboard-block-actions .btn:hover{opacity:1}.dashboard-drop-shadow{position:absolute;transition-duration:.15s;transition-property:left,top;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dashboard-drop-shadow:before{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner);--tw-content:"";background-color:rgba(var(--color-inverse-rgb),.05);border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);content:var(--tw-content);inset:.5rem;position:absolute}:root{--scrollbar-size:10px;--scrollbar-opacity:.6;--scrollbar-bg:rgba(var(--color-inverse-rgb),.15);--scrollbar-inset:inset 0 0 0 1px rgba(var(--color-inverse-rgb),.05);--scrollbar-bar-bg:rgba(var(--color-inverse-rgb),.3);--scrollbar-hover-bg:rgba(var(--color-inverse-rgb),.4);--scrollbar-drag-bg:rgba(var(--color-inverse-rgb),.5);--scrollbar-radius:var(--radius-sm);--scrollbar-duration:.7s}.scrollbar{background:var(--scrollbar-bg);box-shadow:var(--scrollbar-shadow);opacity:var(--scrollbar-opacity);position:absolute;transition-duration:.15s;transition-duration:var(--scrollbar-duration);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.scrollbar-hover .scrollbar{opacity:0}.scrollbar-hover:hover .scrollbar{opacity:var(--scrollbar-opacity)}.scrollbar.is-dragging,.scrollbar:hover{opacity:1!important}.scrollbar-bar{background:var(--scrollbar-bar-bg);border-radius:var(--scrollbar-radius);position:absolute}.scrollbar-bar:hover{background:var(--scrollbar-hover-bg)}.is-dragging>.scrollbar-bar{background:var(--scrollbar-drag-bg)}.is-horz>.scrollbar-bar{height:100%;z-index:20}.is-vert>.scrollbar-bar{width:100%;z-index:20}:root{--dtable-checked-bg:var(--color-warning-50);--dtable-checked-bg-hover:var(--color-warning-100);--dtable-checked-border:var(--color-border-strong)}.dtable-cell.is-checked,.dtable-striped .dtable-cell.is-odd-row.is-checked{background-color:var(--dtable-checked-bg)}.checkbox-primary.dtable-checkbox{margin-right:-.375rem}.dtable-checkbox{order:-5}.dtable-hover-col .dtable-cell.is-hover-col.is-checked,.dtable-hover-row .dtable-cell.is-hover-row.is-checked{background-color:var(--dtable-checked-bg-hover)}.dtable-cell.is-checked{--dtable-border-color:var(--dtable-checked-border)}.dtable-check-info{flex-shrink:1;margin-right:.5rem;overflow:hidden;white-space:nowrap}:root{--toggle-icon-size:calc(var(--font-size-root)*3/4 + 1px)}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-color:var(--color-current);border-width:1px;display:block;opacity:.5;position:relative}.toggle-icon-collapse:hover,.toggle-icon-expand:hover,.toggle-icon:hover{opacity:.9}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-radius:inherit;height:var(--toggle-icon-size);width:var(--toggle-icon-size)}.is-collapsed .toggle-icon:after,.is-collapsed .toggle-icon:before,.is-expanded .toggle-icon:before,.toggle-icon-collapse:after,.toggle-icon-collapse:before,.toggle-icon-expand:before{background-color:var(--color-current);content:" ";display:block;height:1px;left:2px;position:absolute;right:2px;top:calc((var(--toggle-icon-size) - 3px)/2)}.is-collapsed .toggle-icon:after,.toggle-icon-collapse:after{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:root{--dtable-nt-size:calc(var(--font-size-root)*3/4 + 1px)}.dtable-nested-indent{flex:none;margin-right:-.25rem;order:-100}.dtable-nested-toggle{align-items:center;border-radius:var(--radius-sm);display:flex;flex:none;height:1.25rem;justify-content:center;margin-left:-.25rem;order:-5;width:1.25rem}.dtable-nested-toggle.is-no-child{display:none}.dtable-header-group{align-items:center;background:var(--dtable-header-bg);cursor:default;display:flex;justify-content:center;left:0;position:absolute;top:1px;z-index:30}.dtable-bordered .dtable-header-group{border-bottom:1px solid var(--dtable-border-color);border-left:1px solid var(--dtable-border-color)}.dtable-header-as-group{contain:style;content-visibility:visible;overflow:visible!important}.dtable-sorting{cursor:move}.dtable-cell.is-sorting-from{background-color:var(--dtable-bg);z-index:20}.dtable-cell.is-sorting-from:before{border-top-width:1px}.dtable-sorting .dtable-cell.is-sorting-after{--tw-translate-y:-100%}.dtable-sorting .dtable-cell.is-sorting-after,.dtable-sorting .dtable-cell.is-sorting-before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtable-sorting .dtable-cell.is-sorting-before{--tw-translate-y:100%}.dtable-cell.is-sorting-before:before,.dtable-cell.is-sorting-from:before{border-bottom-width:1px;border-top-width:1px}:root{--dtable-bg:var(--color-canvas);--dtable-striped-bg:var(--color-gray-50);--dtable-hover-bg:rgba(var(--color-primary-500-rgb),.05);--dtable-header-bg:var(--color-surface);--dtable-footer-bg:var(--color-surface);--dtable-border-color:var(--color-border);--dtable-sorter-size:0.3125rem}.dtable{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));position:relative}.dtable.no-animation *{transition-property:none!important}.dtable-block{overflow:hidden;position:absolute;width:100%}.dtable-header{background-color:var(--dtable-header-bg);border-top-left-radius:inherit;border-top-right-radius:inherit}.dtable-body{overflow:hidden}.dtable-cells{background-color:var(--dtable-bg);height:100%;position:absolute;z-index:0}.dtable-cells-container{height:100%;position:absolute;width:100%}.dtable-header .dtable-cells{background-color:var(--dtable-header-bg)}.dtable-cells.dtable-fixed-left,.dtable-cells.dtable-fixed-right{z-index:10}.dtable-cell{position:absolute;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtable-cell:after,.dtable-cell:before{bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:-1px;z-index:2}.dtable-cell:before{border-bottom-width:1px;border-color:var(--dtable-border-color);opacity:1}.dtable-header .dtable-cell{align-items:center;display:flex;font-weight:700}.dtable-header .dtable-cell:after,.dtable-header .dtable-cell:before{top:0}.dtable-cell-content{align-items:center;display:flex;gap:.25rem;height:100%;overflow:hidden;padding-left:.75rem;padding-right:.75rem;position:relative;white-space:nowrap;width:100%;z-index:5}.dtable-body .dtable-cell.is-last-row:before{border-bottom-width:0}.dtable-footer{align-items:center;background-color:var(--dtable-footer-bg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-color:var(--dtable-border-color);border-top-width:1px;display:flex;padding-left:.75rem;padding-right:.75rem;position:absolute;width:100%;z-index:10}.dtable-empty-tip{align-items:center;display:flex;height:100%;justify-content:center}.dtable .scrollbar{z-index:20}.dtable-header{transition-duration:1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtable-scrolled-down .dtable-header{--tw-border-opacity:1;border-bottom-color:rgba(var(--color-border-strong-rgb),var(--tw-border-opacity));border-bottom-width:1px}.dtable-scroll-shadow{background-image:linear-gradient(90deg,rgba(0,0,0,.03),transparent),linear-gradient(90deg,rgba(0,0,0,.03),transparent 50%);opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:1s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:8px;z-index:20}.dtable:hover .dtable-scroll-shadow{opacity:1}.dtable-scroll-shadow.is-right{--tw-rotate:180deg;margin-left:-7px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtable-scroll-shadow.is-left,.dtable-scrolled-end .dtable-scroll-shadow.is-right{visibility:hidden}.dtable-scroll-shadow.is-right,.dtable-scrolled-right .dtable-scroll-shadow.is-left{visibility:visible}.dtable-cell[data-sort]{cursor:pointer}.dtable-sort{display:inline-flex;height:calc(var(--dtable-sorter-size)*12/5);margin-left:.25rem;opacity:.8;position:relative}.dtable-cell:hover .dtable-sort{opacity:1}.dtable-sort:after,.dtable-sort:before{--tw-content:"";border-color:var(--color-transparent);border-style:solid;border-width:var(--dtable-sorter-size);content:var(--tw-content);height:0;left:0;opacity:.4;position:absolute;width:0}.dtable-sort:before{border-bottom-color:var(--color-current);border-top-width:0;top:0}.dtable-sort:after{border-bottom-width:0;border-top-color:var(--color-current);bottom:0}.dtable-sort.dtable-sort-asc:before,.dtable-sort.dtable-sort-desc:after{opacity:.9}.dtable-sort-link{align-items:center;display:inline-flex}.dtable-cells.dtable-fixed-left:before,.dtable-cells.dtable-fixed-right:before{border-color:var(--dtable-border-color);content:"";height:100%;pointer-events:none;position:absolute;width:100%;z-index:5}.dtable-cells.dtable-fixed-left:before{border-right-width:1px;right:-1px}.dtable-cells.dtable-fixed-right:before{border-left-width:1px;left:0}.dtable-bordered:before{border-color:var(--dtable-border-color);border-radius:inherit;border-width:1px;content:"";display:block;inset:0;pointer-events:none;position:absolute;z-index:15}.dtable-bordered .dtable-cell:before{border-width:1px;right:-1px}.dtable-cell.has-border-left:before{border-left-width:1px}.dtable-cell.has-border-right:before{border-right-width:1px;right:-1px}.dtable-striped .dtable-cell.is-odd-row{background-color:var(--dtable-striped-bg)}.dtable-hover-cell .dtable-cell:hover:after,.dtable-hover-col .dtable-cell.is-hover-col:before,.dtable-hover-row .dtable-body .dtable-cell.is-hover-row:before{background-color:var(--dtable-hover-bg)}:root{--kanban-lane-name-width:20px;--kanban-col-width:280px;--kanban-cols-gap:8px;--kanban-lanes-gap:8px;--kanban-header-height:32px;--kanban-lane-height:auto;--kanban-lane-color:var(--color-primary-500);--kanban-link-color:var(--color-secondary-500)}.kanban{align-items:flex-start;display:flex;flex-direction:column;min-width:-moz-fit-content;min-width:fit-content;position:relative}.kanban-header{display:flex;flex-direction:row;height:var(--kanban-header-height)}.kanban.has-sub-cols .kanban-header{height:calc(var(--kanban-header-height)*2)}.kanban-header-lane-name{background-color:rgba(var(--color-fore-rgb),.05);flex:none;width:var(--kanban-lane-name-width)}.kanban-header-cols,.kanban-header-sub-cols{display:flex;flex:1 1 0%;flex-direction:row;gap:var(--kanban-cols-gap)}.kanban-header-sub-cols{--tw-border-opacity:1;border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity));border-top-width:2px}.kanban-header-col{align-items:center;border-bottom-width:1px;display:flex;flex:1 1 0%;flex-direction:column;height:100%;width:var(--kanban-col-width)}.kanban-header-col.has-subs{width:auto}.kanban-header-col-wrapper{--tw-bg-opacity:1;align-items:center;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity));display:flex;flex:1 1 0%;flex-direction:row;padding-left:3.5rem;padding-right:3.5rem;position:relative;width:100%}.kanban-header-title{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;justify-content:center;overflow:hidden}.kanban-header-title>.as-title{color:var(--kanban-col-color);font-weight:700;overflow:hidden;white-space:nowrap}.kanban-header-col-actions{position:absolute;right:.25rem;top:.25rem}.kanban-header-col-actions>.btn{opacity:.6}.kanban-header-col-actions>.btn:hover{opacity:1}.kanban-body{display:flex;flex-direction:column;gap:var(--kanban-lanes-gap)}.kanban-lane{flex-direction:row;height:var(--kanban-lane-height);min-height:96px}.kanban-lane,.kanban-lane-name{display:flex}.kanban-lane-name{--tw-text-opacity:1;align-items:center;background-color:var(--kanban-lane-color);color:rgba(var(--color-white-rgb),var(--tw-text-opacity));flex:none;justify-content:center;position:relative;width:var(--kanban-lane-name-width);writing-mode:vertical-rl}.kanban-lane-title{max-height:8rem;overflow:hidden;white-space:nowrap}.kanban-lane-cols{display:flex;flex-direction:row;gap:var(--kanban-cols-gap)}.kanban-lane-col{background-color:rgba(var(--color-inverse-rgb),.05);display:flex;flex-direction:column;height:100%;width:var(--kanban-col-width)}.kanban-col-content{position:relative;z-index:5}.kanban-lane.is-first>.kanban-lane-name:before{--tw-content:"";background-color:var(--kanban-lane-color);bottom:100%;content:var(--tw-content);display:block;height:var(--kanban-header-height);left:0;position:absolute;right:0}.kanban.has-sub-cols .kanban-lane.is-first>.kanban-lane-name:before{height:calc(var(--kanban-header-height)*2)}.kanban-items{flex:1 1 auto;overflow:auto;scrollbar-gutter:both-edges stable}.kanban-lane.is-auto-height .kanban-items{scrollbar-gutter:auto}.kanban-item .card-actions{z-index:5}.kanban-heading{width:100%}.kanban-heading .listitem{height:2.25rem}.kanban-heading .item-title{font-weight:700}.kanban.has-dragging{cursor:move}.kanban-item.is-dragging{cursor:move;opacity:.1}.kanban-sticky .kanban-header{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));position:sticky;top:0;z-index:10}.kanban-sticky .kanban-lane-name{left:0;position:sticky;z-index:10}.kanban-region{--tw-bg-opacity:1;--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);min-width:-moz-fit-content;min-width:fit-content;padding:.75rem}.kanban-region>.kanban+.kanban{margin-top:.75rem}.kanban-region.has-heading{padding-top:0}.kanban-heading>.listitem{left:.75rem;position:sticky;width:calc(var(--kanban-list-width) - 24px)}.kanban-list{display:flex;flex-direction:column;gap:.75rem;height:100vh;overflow:auto;scrollbar-gutter:stable}.kanban-list.is-moving{cursor:grabbing}.kanban-items.is-dropping{position:relative}.kanban-item.is-dropping{position:relative;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.kanban-item.is-dropping:after,.kanban-items.is-dropping>.card-list:after{--tw-content:"";background-color:rgba(var(--color-warning-500-rgb),.5);border-radius:var(--radius-full);content:var(--tw-content);display:block;height:.25rem}.kanban-item.is-dropping:after{left:.25rem;position:absolute;right:.25rem;top:-.25rem}.kanban-item.is-dropping[z-drop-side=before]{--tw-translate-y:0.25rem}.kanban-item.is-dropping[z-drop-side=after],.kanban-item.is-dropping[z-drop-side=before]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.kanban-item.is-dropping[z-drop-side=after]{--tw-translate-y:-0.25rem}.kanban-item.is-dropping[z-drop-side=after]:after{bottom:-.25rem;top:auto}.kanban-links{inset:0;pointer-events:none;position:absolute;z-index:20}.kanban-link{align-items:center;color:var(--kanban-link-color);display:flex;justify-content:center}.kanban-link,.kanban-link>svg{position:absolute}.kanban-link-text{border-radius:var(--radius);height:1em;line-height:1;padding-left:.125rem;padding-right:.125rem;pointer-events:auto;position:relative;text-align:center;white-space:nowrap}.kanban-link-start-point{--tw-translate-x:-0.25rem;--tw-translate-y:-0.25rem;height:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5rem}.kanban-link-start-point,.kanban-link-start-point:before{background-color:var(--color-current);border-radius:var(--radius-full);position:absolute}.kanban-link-start-point:before{--tw-content:"";content:var(--tw-content);display:block;inset:-.25rem;opacity:.2}.kanban-link path{pointer-events:auto}.kanban-link path+path{opacity:.6}.kanban-link.is-hover path+path{opacity:1}.kanban-link-delete-btn{--tw-scale-x:.75;--tw-scale-y:.75;opacity:0;pointer-events:auto;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-hover .kanban-link-delete-btn,.kanban-link-delete-btn{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.is-hover .kanban-link-delete-btn{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.kanban.is-adding-link{cursor:crosshair}.kanban-link-editor{inset:0;pointer-events:none;position:absolute;z-index:20}.kanban-link-editor-from,.kanban-link-editor-to{--tw-shadow-color:rgb(var(--color-primary-500-rgb));--tw-shadow:var(--tw-shadow-colored);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity));border-radius:var(--radius)}.kanban-link-editor-from,.kanban-link-editor-point,.kanban-link-editor-to{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);position:absolute}.kanban-link-editor-point{--tw-translate-x:-0.25rem;--tw-translate-y:-0.25rem;--tw-bg-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-primary-500-rgb),0.1);background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));border-radius:var(--radius-full);cursor:move;height:.5rem;opacity:.5;pointer-events:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.kanban-link-editor-point.is-left{left:0;top:50%}.kanban-link-editor-point.is-right{--tw-translate-x:0.25rem;right:0;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.kanban-link-editor-point.is-top{left:50%;top:0}.kanban-link-editor-point.is-bottom{--tw-translate-y:0.25rem;bottom:0;left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.kanban-link-editor-point:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-primary-500-rgb),0.5);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);opacity:1}.tab-pane{display:none}.tab-pane.active{display:block}.arrow,.arrow:before{background:inherit;height:calc(var(--arrow-size)*1.4142);position:absolute;width:calc(var(--arrow-size)*1.4142)}.arrow{--arrow-size:5px;visibility:hidden}.arrow:before{--tw-rotate:45deg;border:inherit;content:"";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}.arrow-top,.arrow-up{border-bottom:inherit;border-right:inherit;border-width:1px 0 0 1px;top:calc(1px - var(--arrow-size))}.white>.arrow-top,.white>.arrow-up{top:calc(0px - var(--arrow-size))}.arrow-bottom,.arrow-down{border-left:inherit;border-top:inherit;border-width:0 1px 1px 0;bottom:calc(1px - var(--arrow-size))}.white>.arrow-bottom,.white>.arrow-down{bottom:calc(0px - var(--arrow-size))}.arrow-left{border-right:inherit;border-top:inherit;border-width:0 0 1px 1px;left:calc(1px - var(--arrow-size))}.white>.arrow-left{left:calc(0px - var(--arrow-size))}.arrow-right{border-bottom:inherit;border-left:inherit;border-width:1px 1px 0 0;right:calc(1px - var(--arrow-size))}.white>.arrow-right{right:calc(0px - var(--arrow-size))}.caret,.caret-down,.caret-left,.caret-right,.caret-up{border:var(--caret-size,4px) solid transparent;display:inline-block;height:0;opacity:var(--caret-opacity,.5);width:0}:focus>.caret,:hover>.caret{opacity:inherit}.disabled .caret,.readonly .caret{opacity:var(--caret-opacity,.5)}.caret,.caret-down{border-bottom-width:0;border-top-color:currentColor}.caret-up{border-bottom-color:currentColor;border-top-width:0}.caret-right{border-left-color:currentColor;border-right-width:0}.caret-left{border-left-width:0;border-right-color:currentColor}:root{--toggle-icon-size:calc(var(--font-size-root)*3/4 + 1px)}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-color:var(--color-current);border-width:1px;display:block;opacity:.5;position:relative}.toggle-icon-collapse:hover,.toggle-icon-expand:hover,.toggle-icon:hover{opacity:.9}.toggle-icon,.toggle-icon-collapse,.toggle-icon-expand{border-radius:inherit;height:var(--toggle-icon-size);width:var(--toggle-icon-size)}.is-collapsed .toggle-icon:after,.is-collapsed .toggle-icon:before,.is-expanded .toggle-icon:before,.toggle-icon-collapse:after,.toggle-icon-collapse:before,.toggle-icon-expand:before{background-color:var(--color-current);content:" ";display:block;height:1px;left:2px;position:absolute;right:2px;top:calc((var(--toggle-icon-size) - 3px)/2)}.is-collapsed .toggle-icon:after,.toggle-icon-collapse:after{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close{aspect-ratio:1/1;display:block;position:relative;width:1em}.close:after,.close:before{--tw-rotate:45deg;background-color:var(--color-current);border-radius:var(--radius-full);content:"";display:block;height:1px;left:0;position:absolute;top:calc(50% - .5px);width:100%}.close:after,.close:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.close:after{--tw-rotate:-45deg}.spinner,.spinner:after,.spinner:before{display:block;height:1em;position:relative;width:1em}.spinner:after,.spinner:before{border-radius:var(--radius-full);content:" ";position:absolute}.spinner:before{animation:-spin 1s cubic-bezier(.6,0,.4,1) infinite;border:.16667em solid transparent;border-top-color:currentcolor}.spinner:after{border:.16667em solid;opacity:.2}.magnifier{display:inline-block;height:1em;position:relative;width:1em}.magnifier:after,.magnifier:before{border-radius:var(--radius-full);content:"";display:block;position:absolute}.magnifier:before{border:1px solid;height:.75em;width:.75em}.magnifier:after{--tw-rotate:45deg;background-color:var(--color-current);height:1px;left:.55em;top:.7em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5em}.more,.more-vert{margin:.5rem;position:relative}.more,.more-vert,.more-vert:after,.more-vert:before,.more:after,.more:before{background-color:var(--color-current);border-radius:var(--radius-full);height:.125rem;width:.125rem}.more-vert:after,.more-vert:before,.more:after,.more:before{--tw-content:"";content:var(--tw-content);display:block;left:-5px;position:absolute;top:0}.more-vert:after,.more:after{left:5px}.more-vert{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chevron-down,.chevron-left,.chevron-right,.chevron-up{align-items:center;display:inline-flex;height:1em;justify-content:center;position:relative;width:1em}.chevron-down:before,.chevron-left:before,.chevron-right:before,.chevron-up:before{--tw-translate-y:-0.125rem;--tw-rotate:45deg;--tw-content:"";border-color:var(--color-current);border-width:0 1px 1px 0;content:var(--tw-content);display:block;height:.6923077em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:center;width:.6923077em}.chevron-left:before{--tw-translate-y:0px;--tw-translate-x:0.125rem;--tw-rotate:135deg}.chevron-left:before,.chevron-right:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chevron-right:before{--tw-translate-y:0px;--tw-translate-x:-0.125rem;--tw-rotate:-45deg}.chevron-up:before{--tw-translate-y:0.125rem;--tw-rotate:225deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.i-time{border-color:var(--color-current);border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:var(--color-current);border-width:0 0 .08em .08em;content:var(--tw-content);height:.385em;left:.3846em;position:absolute;top:.08em;width:.385em}.i-calendar{border-color:var(--color-current);border-radius:var(--radius);border-width:.08em;display:inline-block;height:.79em;margin-top:.16em;position:relative;width:1em}.i-calendar:after,.i-calendar:before{--tw-content:"";border-color:var(--color-current);border-width:.08em;content:var(--tw-content);position:absolute}.i-calendar:before{border-bottom-width:0;left:.15em;top:.307em;width:.6em}.i-calendar:after{border-bottom-width:0;border-top-width:0;height:.3077em;left:.17em;top:-.154em;width:.538em}:root{--state-color:rgba(0,0,0,.05);--state-scale:.9;--state-active-color:rgba(0,0,0,.1);--state-focus-color:rgba(0,0,0,.125);--state-disabled-opacity:.65;--state-muted-opacity:.5}.btn,.nav-item>a,.state{cursor:pointer;position:relative}.btn:before,.nav-item>a:before,.state:before{background:var(--state-color);border-radius:inherit;content:" ";display:block;inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(var(--state-scale));transition-duration:.2s;transition-property:opacity,transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn:active:before,.btn:focus-visible:before,.btn:hover:before,.nav-item>a:active:before,.nav-item>a:focus-visible:before,.nav-item>a:hover:before,.state:active:before,.state:focus-visible:before,.state:hover:before{--tw-scale-x:1;--tw-scale-y:1;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn:focus-visible,.nav-item>a:focus-visible,.state:focus-visible{outline:2px solid transparent;outline-offset:2px}.btn:focus-visible:before,.nav-item>a:focus-visible:before,.state:focus-visible:before{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-focus-rgb),var(--tw-ring-opacity));background:var(--state-focus-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.btn:active:before,.nav-item>a:active:before,.state:active:before{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--color-current);background:var(--state-active-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);transition-duration:.7s}.btn.disabled:before,.btn[disabled]:before,.nav-item>a.disabled:before,.nav-item>a[disabled]:before,.state.disabled:before,.state[disabled]:before{display:none}.disabled,.disabled *,[disabled],[disabled] *{--tw-grayscale:grayscale(100%);cursor:not-allowed!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);opacity:var(--state-disabled-opacity)}.muted{opacity:var(--state-muted-opacity)}.load-indicator:after,.load-indicator:before{display:block;opacity:0;position:absolute;transition-delay:0s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.load-indicator:before{--tw-content:attr(data-loading);align-items:center;background-color:rgba(var(--color-canvas-rgb),.7);border-radius:inherit;content:var(--tw-content);display:flex;font-size:.75rem;inset:0;justify-content:center;line-height:1rem;z-index:99}.load-indicator[data-loading]:before{padding-top:3.5rem}.load-indicator:after{--tw-content:"";border-color:var(--color-current);border-radius:var(--radius-full);border-style:dotted;border-top-color:var(--color-transparent);border-width:4px 3px 4px 4px;content:var(--tw-content);height:2rem;left:50%;margin-left:-1rem;margin-top:-1rem;top:50%;width:2rem;z-index:100}.load-indicator.loading:after,.load-indicator.loading:before{opacity:1;transition-delay:.5s;visibility:visible}@keyframes -spin{to{transform:rotate(1turn)}}.load-indicator.loading:after{animation:-spin 1s linear infinite;opacity:.5}.events-none{pointer-events:none}.events-auto{pointer-events:auto}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.active\:opacity-100.active,.active\:opacity-100:active,.group.active .group-active\:opacity-100,.group:active .group-active\:opacity-100,.group:hover .group-hover\:opacity-100,.hover\:opacity-100:hover{opacity:1}.active\:text-primary.active,.active\:text-primary:active,.group.active .group-active\:text-primary,.group:active .group-active\:text-primary,.group:hover .group-hover\:text-primary,.hover\:text-primary:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.active\:border-primary.active,.active\:border-primary:active,.group.active .group-active\:border-primary,.group:active .group-active\:border-primary,.group:hover .group-hover\:border-primary,.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.active\:primary-pale.active,.active\:primary-pale:active,.group.active .group-active\:primary-pale,.group:active .group-active\:primary-pale,.group:hover .group-hover\:primary-pale,.hover\:primary-pale:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-50-rgb),var(--tw-bg-opacity))}.active\:primary.active,.active\:primary:active,.group.active .group-active\:primary,.group:active .group-active\:primary,.group:hover .group-hover\:primary,.hover\:primary:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.active\:canvas.active,.active\:canvas:active,.group.active .group-active\:canvas,.group:active .group-active\:canvas,.group:hover .group-hover\:canvas,.hover\:canvas:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.active\:font-bold.active,.active\:font-bold:active,.group.active .group-active\:font-bold,.group:active .group-active\:font-bold,.group:hover .group-hover\:font-bold,.hover\:font-bold:hover{font-weight:700}.active\:shadow.active,.active\:shadow:active,.group.active .group-active\:shadow,.group:active .group-active\:shadow,.group:hover .group-hover\:shadow,.hover\:shadow:hover{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.container{margin-left:auto;margin-right:auto}.popup{--tw-bg-opacity:0.85;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.05;--tw-backdrop-blur:blur(16px);background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));border-radius:var(--radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.popup,.popup .popup{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.popup .popup{--tw-bg-opacity:1;--tw-backdrop-blur:blur(0)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.hidden{display:none!important}.pull-right{float:right}.pull-left{float:left}.clearfix:after{clear:both;content:"";display:block}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.object-left-top{-o-object-position:left top;object-position:left top}.object-right{-o-object-position:right;object-position:right}.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-right-top{-o-object-position:right top;object-position:right top}.object-top{-o-object-position:top;object-position:top}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overflow-overlay{overflow:overlay}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-auto{inset:auto}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-full{top:100%}.right-full{right:100%}.bottom-full{bottom:100%}.left-full{left:100%}.top-auto{top:auto}.right-auto{right:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.top-px{top:1px}.right-px{right:1px}.bottom-px{bottom:1px}.left-px{left:1px}.top-0\.5{top:.125rem}.right-0\.5{right:.125rem}.bottom-0\.5{bottom:.125rem}.left-0\.5{left:.125rem}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.top-1\.5{top:.375rem}.right-1\.5{right:.375rem}.bottom-1\.5{bottom:.375rem}.left-1\.5{left:.375rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.top-2\.5{top:.625rem}.right-2\.5{right:.625rem}.bottom-2\.5{bottom:.625rem}.left-2\.5{left:.625rem}.top-3{top:.75rem}.right-3{right:.75rem}.bottom-3{bottom:.75rem}.left-3{left:.75rem}.top-3\.5{top:.875rem}.right-3\.5{right:.875rem}.bottom-3\.5{bottom:.875rem}.left-3\.5{left:.875rem}.top-4{top:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.top-5{top:1.25rem}.right-5{right:1.25rem}.bottom-5{bottom:1.25rem}.left-5{left:1.25rem}.top-6{top:1.5rem}.right-6{right:1.5rem}.bottom-6{bottom:1.5rem}.left-6{left:1.5rem}.top-7{top:1.75rem}.right-7{right:1.75rem}.bottom-7{bottom:1.75rem}.left-7{left:1.75rem}.top-8{top:2rem}.right-8{right:2rem}.bottom-8{bottom:2rem}.left-8{left:2rem}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-bottom:0}.mt-0,.my-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto}.mt-auto,.my-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.m-px{margin:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-bottom:1px}.mt-px,.my-px{margin-top:1px}.mr-px{margin-right:1px}.mb-px{margin-bottom:1px}.ml-px{margin-left:1px}.m-0\.5{margin:.125rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-0\.5{margin-bottom:.125rem}.mt-0\.5,.my-0\.5{margin-top:.125rem}.mr-0\.5{margin-right:.125rem}.mb-0\.5{margin-bottom:.125rem}.ml-0\.5{margin-left:.125rem}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-bottom:.25rem}.mt-1,.my-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.m-1\.5{margin:.375rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.my-1\.5{margin-bottom:.375rem}.mt-1\.5,.my-1\.5{margin-top:.375rem}.mr-1\.5{margin-right:.375rem}.mb-1\.5{margin-bottom:.375rem}.ml-1\.5{margin-left:.375rem}.m-2{margin:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-bottom:.5rem}.mt-2,.my-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.m-2\.5{margin:.625rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.my-2\.5{margin-bottom:.625rem}.mt-2\.5,.my-2\.5{margin-top:.625rem}.mr-2\.5{margin-right:.625rem}.mb-2\.5{margin-bottom:.625rem}.ml-2\.5{margin-left:.625rem}.m-3{margin:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-bottom:.75rem}.mt-3,.my-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.m-3\.5{margin:.875rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.my-3\.5{margin-bottom:.875rem}.mt-3\.5,.my-3\.5{margin-top:.875rem}.mr-3\.5{margin-right:.875rem}.mb-3\.5{margin-bottom:.875rem}.ml-3\.5{margin-left:.875rem}.m-4{margin:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-bottom:1.25rem}.mt-5,.my-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.m-6{margin:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-bottom:1.5rem}.mt-6,.my-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.m-7{margin:1.75rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.my-7{margin-bottom:1.75rem}.mt-7,.my-7{margin-top:1.75rem}.mr-7{margin-right:1.75rem}.mb-7{margin-bottom:1.75rem}.ml-7{margin-left:1.75rem}.m-8{margin:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-bottom:2rem}.mt-8,.my-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.m-9{margin:2.25rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.my-9{margin-bottom:2.25rem}.mt-9,.my-9{margin-top:2.25rem}.mr-9{margin-right:2.25rem}.mb-9{margin-bottom:2.25rem}.ml-9{margin-left:2.25rem}.m-10{margin:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-bottom:2.5rem}.mt-10,.my-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.p-0{padding:0}.p-px{padding:1px}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.px-0{padding-left:0;padding-right:0}.py-0{padding-bottom:0}.pt-0,.py-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-px{padding-left:1px;padding-right:1px}.py-px{padding-bottom:1px}.pt-px,.py-px{padding-top:1px}.pr-px{padding-right:1px}.pb-px{padding-bottom:1px}.pl-px{padding-left:1px}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.py-0\.5{padding-bottom:.125rem}.pt-0\.5,.py-0\.5{padding-top:.125rem}.pr-0\.5{padding-right:.125rem}.pb-0\.5{padding-bottom:.125rem}.pl-0\.5{padding-left:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-bottom:.25rem}.pt-1,.py-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-1\.5{padding-bottom:.375rem}.pt-1\.5,.py-1\.5{padding-top:.375rem}.pr-1\.5{padding-right:.375rem}.pb-1\.5{padding-bottom:.375rem}.pl-1\.5{padding-left:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem}.pt-2,.py-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-2\.5{padding-bottom:.625rem}.pt-2\.5,.py-2\.5{padding-top:.625rem}.pr-2\.5{padding-right:.625rem}.pb-2\.5{padding-bottom:.625rem}.pl-2\.5{padding-left:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.py-3\.5{padding-bottom:.875rem}.pt-3\.5,.py-3\.5{padding-top:.875rem}.pr-3\.5{padding-right:.875rem}.pb-3\.5{padding-bottom:.875rem}.pl-3\.5{padding-left:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem}.pt-5,.py-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-bottom:1.5rem}.pt-6,.py-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-bottom:1.75rem}.pt-7,.py-7{padding-top:1.75rem}.pr-7{padding-right:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-9{padding-bottom:2.25rem}.pt-9,.py-9{padding-top:2.25rem}.pr-9{padding-right:2.25rem}.pb-9{padding-bottom:2.25rem}.pl-9{padding-left:2.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-bottom:2.5rem}.pt-10,.py-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.125rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.125rem*var(--tw-space-x-reverse))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.375rem*var(--tw-space-x-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.625rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.625rem*var(--tw-space-x-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-3\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.875rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.875rem*var(--tw-space-x-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.875rem*var(--tw-space-y-reverse));margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.75rem*var(--tw-space-x-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.75rem*var(--tw-space-y-reverse));margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.w-0{width:0}.w-px{width:1px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-52{width:13rem}.w-56{width:14rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-moz-min-content;width:min-content}.w-max{width:-moz-max-content;width:max-content}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-full{max-width:100%}.min-w-0{min-width:0}.h-0{height:0}.h-px{height:1px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-52{height:13rem}.h-56{height:14rem}.h-60{height:15rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}.h-auto{height:auto}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-2\/3{height:66.666667%}.h-1\/4{height:25%}.h-2\/4{height:50%}.h-3\/4{height:75%}.h-1\/5{height:20%}.h-2\/5{height:40%}.h-3\/5{height:60%}.h-4\/5{height:80%}.h-1\/6{height:16.666667%}.h-2\/6{height:33.333333%}.h-3\/6{height:50%}.h-4\/6{height:66.666667%}.h-5\/6{height:83.333333%}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:-moz-min-content;height:min-content}.h-max{height:-moz-max-content;height:max-content}.h-fit{height:-moz-fit-content;height:fit-content}.max-h-full{max-height:100%}.min-h-0{min-height:0}.primary-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.primary-outline,.secondary-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.secondary-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.success-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.success-outline,.warning-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.warning-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.danger-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.danger-outline,.important-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.important-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity))}.special-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-special-500-rgb),var(--tw-text-opacity))}.lighter-outline,.special-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lighter-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-100-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-100-rgb),var(--tw-text-opacity))}.light-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-300-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-300-rgb),var(--tw-text-opacity))}.gray-outline,.light-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.gray-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-500-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.darken-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-700-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-700-rgb),var(--tw-text-opacity))}.darken-outline,.darker-outline{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.darker-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-900-rgb),var(--tw-ring-opacity));color:rgba(var(--color-gray-900-rgb),var(--tw-text-opacity))}.black-outline{--tw-text-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-black-rgb),var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--color-black-rgb),var(--tw-text-opacity))}.primary-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.secondary-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-secondary-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.success-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-success-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.warning-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-warning-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.danger-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-danger-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.important-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-important-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity))}.special-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-special-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-special-500-rgb),var(--tw-text-opacity))}.lighter-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity));color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.light-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-200-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-200-rgb),var(--tw-bg-opacity));color:rgba(var(--color-gray-600-rgb),var(--tw-text-opacity))}.gray-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-300-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity))}.darken-pale,.gray-pale{color:rgba(var(--color-gray-700-rgb),var(--tw-text-opacity))}.darken-pale{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-400-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-400-rgb),var(--tw-bg-opacity))}.primary{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity))}.primary,.primary:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.primary:hover{--tw-text-opacity:1}.secondary{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-secondary-500-rgb),var(--tw-bg-opacity))}.secondary,.secondary:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.secondary:hover{--tw-text-opacity:1}.success{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-success-500-rgb),var(--tw-bg-opacity))}.success,.success:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.success:hover{--tw-text-opacity:1}.warning{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-warning-500-rgb),var(--tw-bg-opacity))}.warning,.warning:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.warning:hover{--tw-text-opacity:1}.danger{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-danger-500-rgb),var(--tw-bg-opacity))}.danger,.danger:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.danger:hover{--tw-text-opacity:1}.important{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-important-500-rgb),var(--tw-bg-opacity))}.important,.important:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.important:hover{--tw-text-opacity:1}.special{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-special-500-rgb),var(--tw-bg-opacity))}.special,.special:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.special:hover{--tw-text-opacity:1}.white{--tw-bg-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-white-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-white-rgb),var(--tw-bg-opacity))}.lighter{--tw-bg-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-100-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity))}.light{--tw-bg-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-300-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity))}.gray{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-500-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-500-rgb),var(--tw-bg-opacity))}.gray,.gray:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.gray:hover{--tw-text-opacity:1}.darken{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-700-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-700-rgb),var(--tw-bg-opacity))}.darken,.darken:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.darken:hover{--tw-text-opacity:1}.darker{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-gray-900-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-gray-900-rgb),var(--tw-bg-opacity))}.darker,.darker:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.darker:hover{--tw-text-opacity:1}.black{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-black-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-black-rgb),var(--tw-bg-opacity))}.black,.black:hover{color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.black:hover{--tw-text-opacity:1}.surface{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-surface-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.canvas,.surface{color:rgba(var(--color-fore-rgb),var(--tw-text-opacity))}.canvas{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-canvas-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.inverse{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-fore-rgb),var(--tw-ring-opacity));background-color:rgba(var(--color-fore-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.ghost{--tw-ring-color:var(--color-transparent);background-color:var(--color-transparent)}.font-sans{font-family:-apple-system,Noto Sans,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Source Han Sans CN,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif}.font-serif{font-family:Nimbus Roman No9 L,Songti SC,Noto Serif CJK SC,Source Han Serif SC,Source Han Serif CN,STSong,AR PL New Sung,AR PL SungtiL GB,NSimSun,SimSun,TW-Sung,WenQuanYi Bitmap Song,AR PL UMing CN,AR PL UMing HK,AR PL UMing TW,AR PL UMing TW MBE,PMingLiU,MingLiU,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-root{font-size:16px}.text-sm{font-size:.75rem;line-height:1rem}.text-base{font-size:.8125rem;line-height:1.25rem}.text-md{font-size:.875rem;line-height:1.3rem}.text-lg{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-10{line-height:2.5rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.line-2{-webkit-line-clamp:2}.line-2,.line-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-3{-webkit-line-clamp:3}.line-4{-webkit-line-clamp:4}.line-4,.line-5{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-5{-webkit-line-clamp:5}.line-6{-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box;overflow:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.text-primary{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:rgba(var(--color-success-500-rgb),var(--tw-text-opacity))}.text-warning{--tw-text-opacity:1;color:rgba(var(--color-warning-500-rgb),var(--tw-text-opacity))}.text-danger{--tw-text-opacity:1;color:rgba(var(--color-danger-500-rgb),var(--tw-text-opacity))}.text-important{--tw-text-opacity:1;color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity))}.text-special{--tw-text-opacity:1;color:rgba(var(--color-special-500-rgb),var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(var(--color-white-rgb),var(--tw-text-opacity))}.text-lighter{--tw-text-opacity:1;color:rgba(var(--color-gray-300-rgb),var(--tw-text-opacity))}.text-light{--tw-text-opacity:1;color:rgba(var(--color-gray-400-rgb),var(--tw-text-opacity))}.text-gray{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity))}.text-dark{--tw-text-opacity:1;color:rgba(var(--color-gray-600-rgb),var(--tw-text-opacity))}.text-darken{--tw-text-opacity:1;color:rgba(var(--color-gray-700-rgb),var(--tw-text-opacity))}.text-darker{--tw-text-opacity:1;color:rgba(var(--color-gray-900-rgb),var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(var(--color-black-rgb),var(--tw-text-opacity))}.text-canvas{--tw-text-opacity:1;color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.text-surface{--tw-text-opacity:1;color:rgba(var(--color-surface-rgb),var(--tw-text-opacity))}.text-inverse{--tw-text-opacity:1;color:rgba(var(--color-inverse-rgb),var(--tw-text-opacity))}.text-fore{--tw-text-opacity:1;color:rgba(var(--color-fore-rgb),var(--tw-text-opacity))}.text-focus{--tw-text-opacity:1;color:rgba(var(--color-focus-rgb),var(--tw-text-opacity))}.text-link{--tw-text-opacity:1;color:rgba(var(--color-link-rgb),var(--tw-text-opacity))}.text-link-hover{--tw-text-opacity:1;color:rgba(var(--color-link-hover-rgb),var(--tw-text-opacity))}.text-transparent{color:transparent}.text-current{color:currentColor}.text-inherit{color:inherit}.text-primary-50{--tw-text-opacity:1;color:rgba(var(--color-primary-50-rgb),var(--tw-text-opacity))}.text-primary-200{--tw-text-opacity:1;color:rgba(var(--color-primary-200-rgb),var(--tw-text-opacity))}.text-primary-300{--tw-text-opacity:1;color:rgba(var(--color-primary-300-rgb),var(--tw-text-opacity))}.text-primary-400{--tw-text-opacity:1;color:rgba(var(--color-primary-400-rgb),var(--tw-text-opacity))}.text-primary-500{--tw-text-opacity:1;color:rgba(var(--color-primary-500-rgb),var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity:1;color:rgba(var(--color-primary-600-rgb),var(--tw-text-opacity))}.text-primary-700{--tw-text-opacity:1;color:rgba(var(--color-primary-700-rgb),var(--tw-text-opacity))}.text-primary-800{--tw-text-opacity:1;color:rgba(var(--color-primary-800-rgb),var(--tw-text-opacity))}.text-primary-900{--tw-text-opacity:1;color:rgba(var(--color-primary-900-rgb),var(--tw-text-opacity))}.text-secondary-50{--tw-text-opacity:1;color:rgba(var(--color-secondary-50-rgb),var(--tw-text-opacity))}.text-secondary-200{--tw-text-opacity:1;color:rgba(var(--color-secondary-200-rgb),var(--tw-text-opacity))}.text-secondary-300{--tw-text-opacity:1;color:rgba(var(--color-secondary-300-rgb),var(--tw-text-opacity))}.text-secondary-400{--tw-text-opacity:1;color:rgba(var(--color-secondary-400-rgb),var(--tw-text-opacity))}.text-secondary-500{--tw-text-opacity:1;color:rgba(var(--color-secondary-500-rgb),var(--tw-text-opacity))}.text-secondary-600{--tw-text-opacity:1;color:rgba(var(--color-secondary-600-rgb),var(--tw-text-opacity))}.text-secondary-700{--tw-text-opacity:1;color:rgba(var(--color-secondary-700-rgb),var(--tw-text-opacity))}.text-secondary-800{--tw-text-opacity:1;color:rgba(var(--color-secondary-800-rgb),var(--tw-text-opacity))}.text-secondary-900{--tw-text-opacity:1;color:rgba(var(--color-secondary-900-rgb),var(--tw-text-opacity))}.clip,.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip{text-overflow:clip}.nowrap{white-space:nowrap}.pre{white-space:pre}.pre-line{white-space:pre-line}.pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-opacity-0{--tw-text-opacity:0}.text-opacity-10{--tw-text-opacity:.1}.text-opacity-20{--tw-text-opacity:.2}.text-opacity-30{--tw-text-opacity:.3}.text-opacity-40{--tw-text-opacity:.4}.text-opacity-50{--tw-text-opacity:.5}.text-opacity-60{--tw-text-opacity:.6}.text-opacity-70{--tw-text-opacity:.7}.text-opacity-80{--tw-text-opacity:.8}.text-opacity-90{--tw-text-opacity:.9}.text-opacity-100{--tw-text-opacity:1}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.bg-primary{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500-rgb),var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-500-rgb),var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgba(var(--color-success-500-rgb),var(--tw-bg-opacity))}.bg-warning{--tw-bg-opacity:1;background-color:rgba(var(--color-warning-500-rgb),var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgba(var(--color-danger-500-rgb),var(--tw-bg-opacity))}.bg-important{--tw-bg-opacity:1;background-color:rgba(var(--color-important-500-rgb),var(--tw-bg-opacity))}.bg-special{--tw-bg-opacity:1;background-color:rgba(var(--color-special-500-rgb),var(--tw-bg-opacity))}.bg-primary-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity))}.bg-secondary-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-100-rgb),var(--tw-bg-opacity))}.bg-success-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-success-100-rgb),var(--tw-bg-opacity))}.bg-warning-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-warning-100-rgb),var(--tw-bg-opacity))}.bg-danger-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-danger-100-rgb),var(--tw-bg-opacity))}.bg-important-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-important-100-rgb),var(--tw-bg-opacity))}.bg-special-pale{--tw-bg-opacity:1;background-color:rgba(var(--color-special-100-rgb),var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(var(--color-white-rgb),var(--tw-bg-opacity))}.bg-lighter{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity))}.bg-light{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-400-rgb),var(--tw-bg-opacity))}.bg-gray{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-500-rgb),var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-600-rgb),var(--tw-bg-opacity))}.bg-darken{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-700-rgb),var(--tw-bg-opacity))}.bg-darker{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-900-rgb),var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(var(--color-black-rgb),var(--tw-bg-opacity))}.bg-canvas{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.bg-surface{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.bg-inverse{--tw-bg-opacity:1;background-color:rgba(var(--color-fore-rgb),var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-inherit{background-color:inherit}.bg-none{background:none}.bg-current{background:currentColor}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-10{--tw-bg-opacity:.1}.bg-opacity-20{--tw-bg-opacity:.2}.bg-opacity-30{--tw-bg-opacity:.3}.bg-opacity-40{--tw-bg-opacity:.4}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-60{--tw-bg-opacity:.6}.bg-opacity-70{--tw-bg-opacity:.7}.bg-opacity-80{--tw-bg-opacity:.8}.bg-opacity-90{--tw-bg-opacity:.9}.bg-opacity-100{--tw-bg-opacity:1}.divider{align-self:stretch;border-color:var(--color-current);border-left-width:1px;border-top-width:1px;opacity:.1}.border{border-width:1px}.border-t{border-top-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-l-2{border-left-width:2px}.border-r-2{border-right-width:2px}.border-b-2{border-bottom-width:2px}.border-4{border-width:4px}.border-t-4{border-top-width:4px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-b-4{border-bottom-width:4px}.border-0{border-width:0}.border-t-0{border-top-width:0}.border-r-0{border-right-width:0}.border-b-0{border-bottom-width:0}.border-l-0{border-left-width:0}.border-primary{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500-rgb),var(--tw-border-opacity))}.border-secondary{--tw-border-opacity:1;border-color:rgba(var(--color-secondary-500-rgb),var(--tw-border-opacity))}.border-success{--tw-border-opacity:1;border-color:rgba(var(--color-success-500-rgb),var(--tw-border-opacity))}.border-warning{--tw-border-opacity:1;border-color:rgba(var(--color-warning-500-rgb),var(--tw-border-opacity))}.border-danger{--tw-border-opacity:1;border-color:rgba(var(--color-danger-500-rgb),var(--tw-border-opacity))}.border-important{--tw-border-opacity:1;border-color:rgba(var(--color-important-500-rgb),var(--tw-border-opacity))}.border-special{--tw-border-opacity:1;border-color:rgba(var(--color-special-500-rgb),var(--tw-border-opacity))}.border-strong{--tw-border-opacity:1;border-color:rgba(var(--color-border-strong-rgb),var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgba(var(--color-white-rgb),var(--tw-border-opacity))}.border-lighter{--tw-border-opacity:1;border-color:rgba(var(--color-gray-100-rgb),var(--tw-border-opacity))}.border-light{--tw-border-opacity:1;border-color:rgba(var(--color-gray-300-rgb),var(--tw-border-opacity))}.border-gray{--tw-border-opacity:1;border-color:rgba(var(--color-gray-500-rgb),var(--tw-border-opacity))}.border-darken{--tw-border-opacity:1;border-color:rgba(var(--color-gray-700-rgb),var(--tw-border-opacity))}.border-darker{--tw-border-opacity:1;border-color:rgba(var(--color-gray-900-rgb),var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgba(var(--color-black-rgb),var(--tw-border-opacity))}.border-default{--tw-border-opacity:1;border-color:rgba(var(--color-border-rgb),var(--tw-border-opacity))}.border-canvas{--tw-border-opacity:1;border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity))}.border-surface{--tw-border-opacity:1;border-color:rgba(var(--color-surface-rgb),var(--tw-border-opacity))}.border-inverse{--tw-border-opacity:1;border-color:rgba(var(--color-fore-rgb),var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-current{border-color:currentColor}.border-inherit{border-color:inherit}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-opacity-0{--tw-border-opacity:0}.border-opacity-10{--tw-border-opacity:.1}.border-opacity-20{--tw-border-opacity:.2}.border-opacity-30{--tw-border-opacity:.3}.border-opacity-40{--tw-border-opacity:.4}.border-opacity-50{--tw-border-opacity:.5}.border-opacity-60{--tw-border-opacity:.6}.border-opacity-70{--tw-border-opacity:.7}.border-opacity-80{--tw-border-opacity:.8}.border-opacity-90{--tw-border-opacity:.9}.border-opacity-100{--tw-border-opacity:1}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.circle,.rounded-full{border-radius:var(--radius-full)}.rounded-l-none{border-bottom-left-radius:var(--radius-none);border-top-left-radius:var(--radius-none)}.rounded-t-none{border-top-left-radius:var(--radius-none)}.rounded-r-none,.rounded-t-none{border-top-right-radius:var(--radius-none)}.rounded-b-none,.rounded-r-none{border-bottom-right-radius:var(--radius-none)}.rounded-b-none{border-bottom-left-radius:var(--radius-none)}.rounded-br-none{border-bottom-right-radius:var(--radius-none)}.rounded-bl-none{border-bottom-left-radius:var(--radius-none)}.rounded-tr-none{border-top-right-radius:var(--radius-none)}.rounded-tl-none{border-top-left-radius:var(--radius-none)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-border-strong-rgb),var(--tw-ring-opacity))}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2,.ring-3{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-3{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4,.ring-8{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-inverse{--tw-ring-opacity:1}.ring-inverse,.ring-light{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity))}.ring-light{--tw-ring-opacity:0.05}.ring-dark{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.2}.ring-darker{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.3}.ring-darkest{--tw-ring-color:rgba(var(--color-inverse-rgb),var(--tw-ring-opacity));--tw-ring-opacity:0.5}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-primary-500-rgb),var(--tw-ring-opacity))}.ring-secondary{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-secondary-500-rgb),var(--tw-ring-opacity))}.ring-warning{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-warning-500-rgb),var(--tw-ring-opacity))}.ring-success{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-success-500-rgb),var(--tw-ring-opacity))}.ring-danger{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-danger-500-rgb),var(--tw-ring-opacity))}.ring-important{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-important-500-rgb),var(--tw-ring-opacity))}.ring-special{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-special-500-rgb),var(--tw-ring-opacity))}.ring-inherit{--tw-ring-color:var(--color-inherit)}.ring-current{--tw-ring-color:var(--color-current)}.ring-transparent{--tw-ring-color:var(--color-transparent)}.ring-canvas{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-canvas-rgb),var(--tw-ring-opacity))}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-black-rgb),var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--color-white-rgb),var(--tw-ring-opacity))}.ring-opacity-0{--tw-ring-opacity:0}.ring-opacity-5{--tw-ring-opacity:.05}.ring-opacity-10{--tw-ring-opacity:.1}.ring-opacity-20{--tw-ring-opacity:.2}.ring-opacity-30{--tw-ring-opacity:.3}.ring-opacity-40{--tw-ring-opacity:.4}.ring-opacity-50{--tw-ring-opacity:.5}.ring-opacity-60{--tw-ring-opacity:.6}.ring-opacity-70{--tw-ring-opacity:.7}.ring-opacity-80{--tw-ring-opacity:.8}.ring-opacity-90{--tw-ring-opacity:.9}.ring-opacity-100{--tw-ring-opacity:1}.-ring-offset-1{--tw-ring-offset-width:-1px}.ring-offset-0{--tw-ring-offset-width:0px}.ring-offset-1{--tw-ring-offset-width:-1px}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-4{--tw-ring-offset-width:4px}.ring-offset-8{--tw-ring-offset-width:8px}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow)}.shadow-md{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.shadow-xl{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl)}.shadow-2xl,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--shadow-2xl);--tw-shadow-colored:var(--shadow-2xl)}.shadow-inner{--tw-shadow:var(--shadow-inner);--tw-shadow-colored:var(--shadow-inner)}.shadow-inner,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:var(--shadow-none);--tw-shadow-colored:var(--shadow-none)}.shadow-primary{--tw-shadow-color:rgb(var(--color-primary-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary{--tw-shadow-color:rgb(var(--color-secondary-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-success{--tw-shadow-color:rgb(var(--color-success-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-warning{--tw-shadow-color:rgb(var(--color-warning-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-danger{--tw-shadow-color:rgb(var(--color-danger-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-important{--tw-shadow-color:rgb(var(--color-important-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-special{--tw-shadow-color:rgb(var(--color-special-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-white{--tw-shadow-color:rgb(var(--color-white-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-lighter{--tw-shadow-color:rgb(var(--color-gray-100-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-light{--tw-shadow-color:rgb(var(--color-gray-300-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-gray{--tw-shadow-color:rgb(var(--color-gray-500-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-dark{--tw-shadow-color:rgb(var(--color-gray-700-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-darker{--tw-shadow-color:rgb(var(--color-gray-900-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-black{--tw-shadow-color:rgb(var(--color-black-rgb));--tw-shadow:var(--tw-shadow-colored)}.shadow-transparent{--tw-shadow-color:var(--color-transparent);--tw-shadow:var(--tw-shadow-colored)}.shadow-current{--tw-shadow-color:var(--color-current);--tw-shadow:var(--tw-shadow-colored)}.shadow-inherit{--tw-shadow-color:var(--color-inherit);--tw-shadow:var(--tw-shadow-colored)}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.blur-none{--tw-blur:blur(0)}.blur-none,.blur-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px)}.blur{--tw-blur:blur(8px)}.blur,.blur-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur:blur(12px)}.blur-lg{--tw-blur:blur(16px)}.blur-lg,.blur-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter-none{filter:none}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.drop-shadow-none,.drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-lg,.drop-shadow-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-none{--tw-backdrop-blur:blur(0)}.backdrop-blur-none,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-2xl,.backdrop-blur-3xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fade,.fade-from-bottom,.fade-from-center,.fade-from-left,.fade-from-right,.fade-from-top{opacity:0;transition-duration:.15s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fade-from-bottom,.fade-from-center,.fade-from-left,.fade-from-right,.fade-from-top{--tw-scale-x:.9;--tw-scale-y:.9}.fade-from-bottom,.fade-from-center,.fade-from-left,.fade-from-right,.fade-from-top{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fade-from-bottom{--tw-translate-y:25%}.fade-from-top{--tw-translate-y:-25%}.fade-from-left,.fade-from-top{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fade-from-left{--tw-translate-x:-25%}.fade-from-right{--tw-translate-x:25%}.fade-from-bottom.in,.fade-from-center.in,.fade-from-left.in,.fade-from-right,.fade-from-right.in,.fade-from-top.in,.fade.in{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fade-from-bottom.in,.fade-from-center.in,.fade-from-left.in,.fade-from-right.in,.fade-from-top.in,.fade.in{--tw-translate-x:0px;--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;opacity:1}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-1000{transition-duration:1s}@keyframes -spin{to{transform:rotate(1turn)}}.spin{animation:-spin 1s linear infinite}@keyframes -ping{75%,to{opacity:0;transform:scale(2)}}.ping{animation:-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes -pulse{50%{opacity:.5}}.pulse{animation:-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes -bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.bounce{animation:-bounce 1s infinite}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-125,.scale-150{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5}.flip-x{--tw-scale-x:-1}.flip-x,.flip-y{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flip-y{--tw-scale-y:-1}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-1{--tw-rotate:1deg}.rotate-2{--tw-rotate:2deg}.rotate-2,.rotate-3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate:3deg}.rotate-6{--tw-rotate:6deg}.rotate-12,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate:12deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.rotate-135{--tw-rotate:135deg}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-270{--tw-rotate:270deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.basis-0{flex-basis:0px}.basis-1{flex-basis:0.25rem}.basis-2{flex-basis:0.5rem}.basis-3{flex-basis:0.75rem}.basis-4{flex-basis:1rem}.basis-5{flex-basis:1.25rem}.basis-6{flex-basis:1.5rem}.basis-7{flex-basis:1.75rem}.basis-8{flex-basis:2rem}.basis-9{flex-basis:2.25rem}.basis-10{flex-basis:2.5rem}.basis-11{flex-basis:2.75rem}.basis-12{flex-basis:3rem}.basis-14{flex-basis:3.5rem}.basis-16{flex-basis:4rem}.basis-20{flex-basis:5rem}.basis-24{flex-basis:6rem}.basis-28{flex-basis:7rem}.basis-32{flex-basis:8rem}.basis-36{flex-basis:9rem}.basis-40{flex-basis:10rem}.basis-44{flex-basis:11rem}.basis-48{flex-basis:12rem}.basis-52{flex-basis:13rem}.basis-56{flex-basis:14rem}.basis-60{flex-basis:15rem}.basis-64{flex-basis:16rem}.basis-72{flex-basis:18rem}.basis-80{flex-basis:20rem}.basis-96{flex-basis:24rem}.basis-auto{flex-basis:auto}.basis-px{flex-basis:1px}.basis-0\.5{flex-basis:0.125rem}.basis-1\.5{flex-basis:0.375rem}.basis-2\.5{flex-basis:0.625rem}.basis-3\.5{flex-basis:0.875rem}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-2\/3{flex-basis:66.666667%}.basis-1\/4{flex-basis:25%}.basis-2\/4{flex-basis:50%}.basis-3\/4{flex-basis:75%}.basis-1\/5{flex-basis:20%}.basis-2\/5{flex-basis:40%}.basis-3\/5{flex-basis:60%}.basis-4\/5{flex-basis:80%}.basis-1\/6{flex-basis:16.666667%}.basis-2\/6{flex-basis:33.333333%}.basis-3\/6{flex-basis:50%}.basis-4\/6{flex-basis:66.666667%}.basis-5\/6{flex-basis:83.333333%}.basis-1\/12{flex-basis:8.333333%}.basis-2\/12{flex-basis:16.666667%}.basis-3\/12{flex-basis:25%}.basis-4\/12{flex-basis:33.333333%}.basis-5\/12{flex-basis:41.666667%}.basis-6\/12{flex-basis:50%}.basis-7\/12{flex-basis:58.333333%}.basis-8\/12{flex-basis:66.666667%}.basis-9\/12{flex-basis:75%}.basis-10\/12{flex-basis:83.333333%}.basis-11\/12{flex-basis:91.666667%}.basis-full{flex-basis:100%}.row{display:flex;flex-direction:row}.center,.col{display:flex;flex-direction:column}.center,.center-row{align-items:center;justify-content:center}.center-row{display:flex;flex-direction:row}.center-x,.center-y{align-items:center;display:flex}.center-y{flex-direction:column}.row-reverse{display:flex;flex-direction:row-reverse}.col-reverse{display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1!important}.grow-0{flex-grow:0!important}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.gap-0{gap:0}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-y-0{row-gap:0}.gap-px{gap:1px}.gap-x-px{-moz-column-gap:1px;column-gap:1px}.gap-y-px{row-gap:1px}.gap-0\.5{gap:.125rem}.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}.gap-y-0\.5{row-gap:.125rem}.gap-3px{gap:3px}.gap-1{gap:.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-y-1{row-gap:.25rem}.gap-1\.5{gap:.375rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-y-1\.5{row-gap:.375rem}.gap-2{gap:.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-2\.5{gap:.625rem}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.gap-y-2\.5{row-gap:.625rem}.gap-3{gap:.75rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-3{row-gap:.75rem}.gap-3\.5{gap:.875rem}.gap-x-3\.5{-moz-column-gap:.875rem;column-gap:.875rem}.gap-y-3\.5{row-gap:.875rem}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-4{row-gap:1rem}.gap-5{gap:1.25rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-5{row-gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-6{row-gap:1.5rem}.gap-7{gap:1.75rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-y-7{row-gap:1.75rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-8{row-gap:2rem}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch} \ No newline at end of file