From 94c097b614db0dce9ea9a4a3f0b5100f00793ce9 Mon Sep 17 00:00:00 2001 From: catouse Date: Fri, 15 Dec 2023 07:06:13 +0000 Subject: [PATCH] deploy: b442763ec97d0d38d66ca5969f96e921cf6e924c --- 3/404.html | 6 ++--- ... guide_config_base_spacing.md._JJUdBh7.js} | 2 +- ...e_config_base_spacing.md._JJUdBh7.lean.js} | 2 +- ..._G.js => guide_start_index.md.q_a_kpnm.js} | 26 +++++++++---------- ... => guide_start_index.md.q_a_kpnm.lean.js} | 26 +++++++++---------- 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 | 8 +++--- 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/compatibility.html | 6 ++--- 3/guide/start/index.html | 10 +++---- 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 ++--- .../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 ++--- .../borders/utilities/border-color.html | 6 ++--- .../borders/utilities/border-radius.html | 6 ++--- .../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 ++--- .../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 ++--- .../interactivity/utilities/disabled.html | 6 ++--- .../utilities/pointer-events.html | 6 ++--- .../interactivity/utilities/scroll.html | 6 ++--- .../interactivity/utilities/state.html | 6 ++--- .../interactivity/utilities/user-select.html | 6 ++--- .../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 ++--- .../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/skin/utilities/outline.html | 6 ++--- 3/utilities/skin/utilities/pale.html | 6 ++--- 3/utilities/skin/utilities/solid.html | 6 ++--- 3/utilities/spacing/utilities/margin.html | 6 ++--- 3/utilities/spacing/utilities/padding.html | 6 ++--- 3/utilities/spacing/utilities/space.html | 6 ++--- .../typography/utilities/font-family.html | 6 ++--- .../typography/utilities/font-size.html | 6 ++--- .../typography/utilities/font-weight.html | 6 ++--- 3/utilities/typography/utilities/leading.html | 6 ++--- .../typography/utilities/line-clamp.html | 6 ++--- .../typography/utilities/text-align.html | 6 ++--- .../typography/utilities/text-color.html | 6 ++--- .../typography/utilities/text-overflow.html | 6 ++--- .../typography/utilities/vertical-align.html | 6 ++--- .../typography/utilities/whitespace.html | 6 ++--- .../typography/utilities/word-break.html | 6 ++--- 3/zui.css | 2 +- 3/zui.umd.cjs | 2 +- 135 files changed, 418 insertions(+), 418 deletions(-) rename 3/assets/{guide_config_base_spacing.md.Uhi_HuQl.js => guide_config_base_spacing.md._JJUdBh7.js} (94%) rename 3/assets/{guide_config_base_spacing.md.Uhi_HuQl.lean.js => guide_config_base_spacing.md._JJUdBh7.lean.js} (87%) rename 3/assets/{guide_start_index.md.JDgBTG_G.js => guide_start_index.md.q_a_kpnm.js} (89%) rename 3/assets/{guide_start_index.md.JDgBTG_G.lean.js => guide_start_index.md.q_a_kpnm.lean.js} (89%) diff --git a/3/404.html b/3/404.html index 0f635696fd..a7c16bf557 100644 --- a/3/404.html +++ b/3/404.html @@ -11,14 +11,14 @@ - - + +
ZUI 3

Appearance

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) 2023 cnezsoft.com

- + \ No newline at end of file diff --git a/3/assets/guide_config_base_spacing.md.Uhi_HuQl.js b/3/assets/guide_config_base_spacing.md._JJUdBh7.js similarity index 94% rename from 3/assets/guide_config_base_spacing.md.Uhi_HuQl.js rename to 3/assets/guide_config_base_spacing.md._JJUdBh7.js index 9c63c50ec5..9256856c71 100644 --- a/3/assets/guide_config_base_spacing.md.Uhi_HuQl.js +++ b/3/assets/guide_config_base_spacing.md._JJUdBh7.js @@ -1 +1 @@ -import{D as i,o as a,c as s,I as o,w as r,k as e,a as l,R as p,F as h,E as u,t as _,n as m}from"./chunks/framework.U5b_PKOd.js";const g=e("h1",{id:"间距",tabindex:"-1"},[l("间距 "),e("a",{class:"header-anchor",href:"#间距","aria-label":'Permalink to "间距"'},"​")],-1),f=e("h2",{id:"间距配置",tabindex:"-1"},[l("间距配置 "),e("a",{class:"header-anchor",href:"#间距配置","aria-label":'Permalink to "间距配置"'},"​")],-1),b=e("p",null,"为了方便实现风格一致的交互界面，ZUI 预置了间距设置。下面为默认的间距配置：",-1),x=e("div",{class:"gap-4 mb-2 row"},[e("div",{class:"w-12 font-bold muted"},"名称"),e("div",{class:"w-12 font-bold muted"},"实际值"),e("div",{class:"w-12 font-bold muted"},"预览")],-1),w={class:"w-12 font-mono font-bold"},v=["id"],k=p('

4px 约定

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

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

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

使用间距 ​

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

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

自定义间距 ​

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

',8),T=JSON.parse('{"title":"间距","description":"","frontmatter":{},"headers":[],"relativePath":"guide/config/base/spacing.md","filePath":"guide/config/base/spacing.md","lastUpdated":null}'),S={name:"guide/config/base/spacing.md"},N=Object.assign(S,{setup(z){const c=["0","px","0.5","1","1.5","2","2.5","3","3.5","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"];return(P,C)=>{const d=i("CssPropValue"),n=i("Example");return a(),s("div",null,[g,f,b,o(n,{background:"light-circle",class:"space-y-1"},{default:r(()=>[x,(a(),s(h,null,u(c,t=>e("div",{key:t,class:"gap-4 row"},[e("div",w,_(t),1),o(d,{class:"w-12 text-sm text-center muted",prop:"width",target:`#example-spacing-${t}`},null,8,["target"]),e("div",{class:m(`bg-secondary h-4 w-${t}`),id:`example-spacing-${t}`},null,10,v)])),64))]),_:1}),k])}}});export{T as __pageData,N as default}; +import{D as i,o as a,c as s,I as o,w as r,k as e,a as l,R as p,F as h,E as u,t as _,n as m}from"./chunks/framework.U5b_PKOd.js";const g=e("h1",{id:"间距",tabindex:"-1"},[l("间距 "),e("a",{class:"header-anchor",href:"#间距","aria-label":'Permalink to "间距"'},"​")],-1),f=e("h2",{id:"间距配置",tabindex:"-1"},[l("间距配置 "),e("a",{class:"header-anchor",href:"#间距配置","aria-label":'Permalink to "间距配置"'},"​")],-1),b=e("p",null,"为了方便实现风格一致的交互界面，ZUI 预置了间距设置。下面为默认的间距配置：",-1),x=e("div",{class:"gap-4 mb-2 row"},[e("div",{class:"w-12 font-bold muted"},"名称"),e("div",{class:"w-12 font-bold muted"},"实际值"),e("div",{class:"w-12 font-bold muted"},"预览")],-1),w={class:"w-12 font-mono font-bold"},v=["id"],k=p('

4px 约定

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

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

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

使用间距 ​

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

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

自定义间距 ​

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

',8),T=JSON.parse('{"title":"间距","description":"","frontmatter":{},"headers":[],"relativePath":"guide/config/base/spacing.md","filePath":"guide/config/base/spacing.md","lastUpdated":null}'),S={name:"guide/config/base/spacing.md"},N=Object.assign(S,{setup(z){const c=["0","px","0.5","1","1.5","2","2.5","3","3.5","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"];return(P,C)=>{const d=i("CssPropValue"),n=i("Example");return a(),s("div",null,[g,f,b,o(n,{background:"light-circle",class:"space-y-1"},{default:r(()=>[x,(a(),s(h,null,u(c,t=>e("div",{key:t,class:"gap-4 row"},[e("div",w,_(t),1),o(d,{class:"w-12 text-sm text-center muted",prop:"width",target:`#example-spacing-${t.replace(".","\\.")}`},null,8,["target"]),e("div",{class:m(`bg-secondary h-4 w-${t}`),id:`example-spacing-${t}`},null,10,v)])),64))]),_:1}),k])}}});export{T as __pageData,N as default}; diff --git a/3/assets/guide_config_base_spacing.md.Uhi_HuQl.lean.js b/3/assets/guide_config_base_spacing.md._JJUdBh7.lean.js similarity index 87% rename from 3/assets/guide_config_base_spacing.md.Uhi_HuQl.lean.js rename to 3/assets/guide_config_base_spacing.md._JJUdBh7.lean.js index 35d950bca0..d6d43c96b6 100644 --- a/3/assets/guide_config_base_spacing.md.Uhi_HuQl.lean.js +++ b/3/assets/guide_config_base_spacing.md._JJUdBh7.lean.js @@ -1 +1 @@ -import{D as i,o as a,c as s,I as o,w as r,k as e,a as l,R as p,F as h,E as u,t as _,n as m}from"./chunks/framework.U5b_PKOd.js";const g=e("h1",{id:"间距",tabindex:"-1"},[l("间距 "),e("a",{class:"header-anchor",href:"#间距","aria-label":'Permalink to "间距"'},"​")],-1),f=e("h2",{id:"间距配置",tabindex:"-1"},[l("间距配置 "),e("a",{class:"header-anchor",href:"#间距配置","aria-label":'Permalink to "间距配置"'},"​")],-1),b=e("p",null,"为了方便实现风格一致的交互界面，ZUI 预置了间距设置。下面为默认的间距配置：",-1),x=e("div",{class:"gap-4 mb-2 row"},[e("div",{class:"w-12 font-bold muted"},"名称"),e("div",{class:"w-12 font-bold muted"},"实际值"),e("div",{class:"w-12 font-bold muted"},"预览")],-1),w={class:"w-12 font-mono font-bold"},v=["id"],k=p("",8),T=JSON.parse('{"title":"间距","description":"","frontmatter":{},"headers":[],"relativePath":"guide/config/base/spacing.md","filePath":"guide/config/base/spacing.md","lastUpdated":null}'),S={name:"guide/config/base/spacing.md"},N=Object.assign(S,{setup(z){const c=["0","px","0.5","1","1.5","2","2.5","3","3.5","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"];return(P,C)=>{const d=i("CssPropValue"),n=i("Example");return a(),s("div",null,[g,f,b,o(n,{background:"light-circle",class:"space-y-1"},{default:r(()=>[x,(a(),s(h,null,u(c,t=>e("div",{key:t,class:"gap-4 row"},[e("div",w,_(t),1),o(d,{class:"w-12 text-sm text-center muted",prop:"width",target:`#example-spacing-${t}`},null,8,["target"]),e("div",{class:m(`bg-secondary h-4 w-${t}`),id:`example-spacing-${t}`},null,10,v)])),64))]),_:1}),k])}}});export{T as __pageData,N as default}; +import{D as i,o as a,c as s,I as o,w as r,k as e,a as l,R as p,F as h,E as u,t as _,n as m}from"./chunks/framework.U5b_PKOd.js";const g=e("h1",{id:"间距",tabindex:"-1"},[l("间距 "),e("a",{class:"header-anchor",href:"#间距","aria-label":'Permalink to "间距"'},"​")],-1),f=e("h2",{id:"间距配置",tabindex:"-1"},[l("间距配置 "),e("a",{class:"header-anchor",href:"#间距配置","aria-label":'Permalink to "间距配置"'},"​")],-1),b=e("p",null,"为了方便实现风格一致的交互界面，ZUI 预置了间距设置。下面为默认的间距配置：",-1),x=e("div",{class:"gap-4 mb-2 row"},[e("div",{class:"w-12 font-bold muted"},"名称"),e("div",{class:"w-12 font-bold muted"},"实际值"),e("div",{class:"w-12 font-bold muted"},"预览")],-1),w={class:"w-12 font-mono font-bold"},v=["id"],k=p("",8),T=JSON.parse('{"title":"间距","description":"","frontmatter":{},"headers":[],"relativePath":"guide/config/base/spacing.md","filePath":"guide/config/base/spacing.md","lastUpdated":null}'),S={name:"guide/config/base/spacing.md"},N=Object.assign(S,{setup(z){const c=["0","px","0.5","1","1.5","2","2.5","3","3.5","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"];return(P,C)=>{const d=i("CssPropValue"),n=i("Example");return a(),s("div",null,[g,f,b,o(n,{background:"light-circle",class:"space-y-1"},{default:r(()=>[x,(a(),s(h,null,u(c,t=>e("div",{key:t,class:"gap-4 row"},[e("div",w,_(t),1),o(d,{class:"w-12 text-sm text-center muted",prop:"width",target:`#example-spacing-${t.replace(".","\\.")}`},null,8,["target"]),e("div",{class:m(`bg-secondary h-4 w-${t}`),id:`example-spacing-${t}`},null,10,v)])),64))]),_:1}),k])}}});export{T as __pageData,N as default}; diff --git a/3/assets/guide_start_index.md.JDgBTG_G.js b/3/assets/guide_start_index.md.q_a_kpnm.js similarity index 89% rename from 3/assets/guide_start_index.md.JDgBTG_G.js rename to 3/assets/guide_start_index.md.q_a_kpnm.js index baf183619a..f3eaac492e 100644 --- a/3/assets/guide_start_index.md.JDgBTG_G.js +++ b/3/assets/guide_start_index.md.q_a_kpnm.js @@ -14,7 +14,7 @@ import{o as p,c as e,k as s,m as o,a as n,t,R as a}from"./chunks/framework.U5b_P <a class="btn" href="/">访问 ZUI 网站</a> <script src="./zui/zui.js"></script> </body> -</html>

使用 CDN ​

使用 CDN 可以快速使用 ZUI，与下载使用基本一样，只需要将相关资源文件替换为 CDN 上的地址即可：

`,6),_={class:"vp-code-group"},F=a('
',1),g={class:"blocks"},B={class:"language-html active"},m=s("button",{title:"Copy Code",class:"copy"},null,-1),b=s("span",{class:"lang"},"html",-1),D={class:"shiki github-dark vp-code"},C=a('<!doctype html>',1),q=a('<html lang="zh-CN">',1),v=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),z=a(' <meta charset="utf-8">',1),k=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),f=a(' <title>ZUI</title>',1),w={class:"line highlighted"},j=a(' <link rel="stylesheet" href=',7),N={style:{color:"#9ECBFF"}},U=s("span",{style:{color:"#E1E4E8"}},">",-1),I=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Z=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),x=a(' <h1>ZUI is awesome!</h1>',1),S=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),P={class:"line highlighted"},V=s("span",{style:{color:"#E1E4E8"}}," <",-1),A=s("span",{style:{color:"#85E89D"}},"script",-1),J=s("span",{style:{color:"#B392F0"}}," src",-1),M=s("span",{style:{color:"#E1E4E8"}},"=",-1),H={style:{color:"#9ECBFF"}},T=a(' crossorigin="anonymous"></script>',6),G=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),O=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$={class:"language-html"},R=s("button",{title:"Copy Code",class:"copy"},null,-1),K=s("span",{class:"lang"},"html",-1),L={class:"shiki github-dark vp-code"},Q=a('<!doctype html>',1),W=a('<html lang="zh-CN">',1),X=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),Y=a(' <meta charset="utf-8">',1),ss=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),ns=a(' <title>ZUI</title>',1),as={class:"line highlighted"},ls=a(' <link rel="stylesheet" href=',7),os={style:{color:"#9ECBFF"}},ts=s("span",{style:{color:"#E1E4E8"}},">",-1),ps=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),es=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),cs=a(' <h1>ZUI is awesome!</h1>',1),Es=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),rs={class:"line highlighted"},ys=s("span",{style:{color:"#E1E4E8"}}," <",-1),is=s("span",{style:{color:"#85E89D"}},"script",-1),ds=s("span",{style:{color:"#B392F0"}}," src",-1),hs=s("span",{style:{color:"#E1E4E8"}},"=",-1),us={style:{color:"#9ECBFF"}},_s=a(' crossorigin="anonymous"></script>',6),Fs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),gs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),Bs={class:"language-html"},ms=s("button",{title:"Copy Code",class:"copy"},null,-1),bs=s("span",{class:"lang"},"html",-1),Ds={class:"shiki github-dark vp-code"},Cs=a('<!doctype html>',1),qs=a('<html lang="zh-CN">',1),vs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),zs=a(' <meta charset="utf-8">',1),ks=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),fs=a(' <title>ZUI</title>',1),ws={class:"line highlighted"},js=a(' <link rel="stylesheet" href=',7),Ns={style:{color:"#9ECBFF"}},Us=s("span",{style:{color:"#E1E4E8"}},">",-1),Is=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Zs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),xs=a(' <h1>ZUI is awesome!</h1>',1),Ss=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),Ps={class:"line highlighted"},Vs=s("span",{style:{color:"#E1E4E8"}}," <",-1),As=s("span",{style:{color:"#85E89D"}},"script",-1),Js=s("span",{style:{color:"#B392F0"}}," src",-1),Ms=s("span",{style:{color:"#E1E4E8"}},"=",-1),Hs={style:{color:"#9ECBFF"}},Ts=a(' crossorigin="anonymous"></script>',6),Gs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Os=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$s=a(`

使用 JS 组件 ​

无论是下载还是使用 CDN，导入 zui.js 之后，你就可以使用 ZUI 中的 JS 组件了，ZUI 提供的所有 JS 辅助方法和组件类都在全局对象 zui 上进行访问，例如：

html
<nav id="nav"></nav>
+</html>

使用 CDN ​

使用 CDN 可以快速使用 ZUI，与下载使用基本一样，只需要将相关资源文件替换为 CDN 上的地址即可：

`,6),_={class:"vp-code-group"},F=a('
',1),g={class:"blocks"},B={class:"language-html active"},m=s("button",{title:"Copy Code",class:"copy"},null,-1),D=s("span",{class:"lang"},"html",-1),b={class:"shiki github-dark vp-code"},C=a('<!doctype html>',1),q=a('<html lang="zh-CN">',1),v=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),z=a(' <meta charset="utf-8">',1),k=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),f=a(' <title>ZUI</title>',1),w={class:"line highlighted"},j=a(' <link rel="stylesheet" href=',7),U={style:{color:"#9ECBFF"}},I=s("span",{style:{color:"#E1E4E8"}},">",-1),Z=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),x=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),N=a(' <h1>ZUI is awesome!</h1>',1),S=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),J={class:"line highlighted"},M=s("span",{style:{color:"#E1E4E8"}}," <",-1),P=s("span",{style:{color:"#85E89D"}},"script",-1),H=s("span",{style:{color:"#B392F0"}}," src",-1),K=s("span",{style:{color:"#E1E4E8"}},"=",-1),V={style:{color:"#9ECBFF"}},A=a(' crossorigin="anonymous"></script>',6),O=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),T=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$={class:"language-html"},G=s("button",{title:"Copy Code",class:"copy"},null,-1),R=s("span",{class:"lang"},"html",-1),L={class:"shiki github-dark vp-code"},Q=a('<!doctype html>',1),W=a('<html lang="zh-CN">',1),X=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),Y=a(' <meta charset="utf-8">',1),ss=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),ns=a(' <title>ZUI</title>',1),as={class:"line highlighted"},ls=a(' <link rel="stylesheet" href=',7),os={style:{color:"#9ECBFF"}},ts=s("span",{style:{color:"#E1E4E8"}},">",-1),ps=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),es=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),cs=a(' <h1>ZUI is awesome!</h1>',1),Es=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),rs={class:"line highlighted"},ys=s("span",{style:{color:"#E1E4E8"}}," <",-1),is=s("span",{style:{color:"#85E89D"}},"script",-1),ds=s("span",{style:{color:"#B392F0"}}," src",-1),hs=s("span",{style:{color:"#E1E4E8"}},"=",-1),us={style:{color:"#9ECBFF"}},_s=a(' crossorigin="anonymous"></script>',6),Fs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),gs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),Bs={class:"language-html"},ms=s("button",{title:"Copy Code",class:"copy"},null,-1),Ds=s("span",{class:"lang"},"html",-1),bs={class:"shiki github-dark vp-code"},Cs=a('<!doctype html>',1),qs=a('<html lang="zh-CN">',1),vs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),zs=a(' <meta charset="utf-8">',1),ks=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),fs=a(' <title>ZUI</title>',1),ws={class:"line highlighted"},js=a(' <link rel="stylesheet" href=',7),Us={style:{color:"#9ECBFF"}},Is=s("span",{style:{color:"#E1E4E8"}},">",-1),Zs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),xs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),Ns=a(' <h1>ZUI is awesome!</h1>',1),Ss=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),Js={class:"line highlighted"},Ms=s("span",{style:{color:"#E1E4E8"}}," <",-1),Ps=s("span",{style:{color:"#85E89D"}},"script",-1),Hs=s("span",{style:{color:"#B392F0"}}," src",-1),Ks=s("span",{style:{color:"#E1E4E8"}},"=",-1),Vs={style:{color:"#9ECBFF"}},As=a(' crossorigin="anonymous"></script>',6),Os=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Ts=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$s=a(`

使用 JS 组件 ​

无论是下载还是使用 CDN，导入 zui.js 之后，你就可以使用 ZUI 中的 JS 组件了，ZUI 提供的所有 JS 辅助方法和组件类都在全局对象 zui 上进行访问，例如：

html
<nav id="nav"></nav>
 
 <script>
 const {Nav} = zui;
@@ -34,20 +34,20 @@ import{o as p,c as e,k as s,m as o,a as n,t,R as a}from"./chunks/framework.U5b_P
 import 'zui/css';
 
 zui.Messager.show('Hello!');

如果你仅仅需要 ZUI 中的单个组件，例如 数据表格，你可以这样导入：

js
import {DTable} from 'zui/lib/dtable';
-import 'zui/lib/dtable/css';
`,13),Xs=JSON.parse('{"title":"快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/start/index.md","filePath":"guide/start/index.md","lastUpdated":null}'),Rs={name:"guide/start/index.md"},Ys=Object.assign(Rs,{setup(Ks){const l="3.0.0-alpha1";return(Ls,Qs)=>(p(),e("div",null,[c,E,r,s("div",y,[i,s("a",{class:"btn outline size-lg rounded-full",href:`https://github.com/easysoft/zui/releases/tag/v${o(l)}`,target:"_blank"},[h,n(" 从 GitHub 下载")],8,d)]),u,s("div",_,[F,s("div",g,[s("div",B,[m,b,s("pre",D,[s("code",null,[C,n(` +import 'zui/lib/dtable/css';`,13),Xs=JSON.parse('{"title":"快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/start/index.md","filePath":"guide/start/index.md","lastUpdated":null}'),Gs={name:"guide/start/index.md"},Ys=Object.assign(Gs,{setup(Rs){const l="3.0.0-alpha1";return(Ls,Qs)=>(p(),e("div",null,[c,E,r,s("div",y,[i,s("a",{class:"btn outline size-lg rounded-full",href:`https://github.com/easysoft/zui/releases/tag/v${o(l)}`,target:"_blank"},[h,n(" 从 GitHub 下载")],8,d)]),u,s("div",_,[F,s("div",g,[s("div",B,[m,D,s("pre",b,[s("code",null,[C,n(` `),q,n(` `),v,n(` `),z,n(` `),k,n(` `),f,n(` -`),s("span",w,[j,s("span",N,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.css"',1),U]),n(` -`),I,n(` +`),s("span",w,[j,s("span",U,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.css"',1),I]),n(` `),Z,n(` `),x,n(` +`),N,n(` `),S,n(` -`),s("span",P,[V,A,J,M,s("span",H,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.js"',1),T]),n(` -`),G,n(` -`),O])])]),s("div",$,[R,K,s("pre",L,[s("code",null,[Q,n(` +`),s("span",J,[M,P,H,K,s("span",V,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.js"',1),A]),n(` +`),O,n(` +`),T])])]),s("div",$,[G,R,s("pre",L,[s("code",null,[Q,n(` `),W,n(` `),X,n(` `),Y,n(` @@ -60,17 +60,17 @@ import{o as p,c as e,k as s,m as o,a as n,t,R as a}from"./chunks/framework.U5b_P `),Es,n(` `),s("span",rs,[ys,is,ds,hs,s("span",us,'"///cdn.bootcdn.net/ajax/libs/zui/'+t(o(l))+'/zui.js"',1),_s]),n(` `),Fs,n(` -`),gs])])]),s("div",Bs,[ms,bs,s("pre",Ds,[s("code",null,[Cs,n(` +`),gs])])]),s("div",Bs,[ms,Ds,s("pre",bs,[s("code",null,[Cs,n(` `),qs,n(` `),vs,n(` `),zs,n(` `),ks,n(` `),fs,n(` -`),s("span",ws,[js,s("span",Ns,'"///unpkg.com/zui@'+t(o(l))+'/zui.css"',1),Us]),n(` -`),Is,n(` +`),s("span",ws,[js,s("span",Us,'"///unpkg.com/zui@'+t(o(l))+'/zui.css"',1),Is]),n(` `),Zs,n(` `),xs,n(` +`),Ns,n(` `),Ss,n(` -`),s("span",Ps,[Vs,As,Js,Ms,s("span",Hs,'"///unpkg.com/zui@'+t(o(l))+'/zui.js"',1),Ts]),n(` -`),Gs,n(` -`),Os])])])])]),$s]))}});export{Xs as __pageData,Ys as default}; +`),s("span",Js,[Ms,Ps,Hs,Ks,s("span",Vs,'"///unpkg.com/zui@'+t(o(l))+'/zui.js"',1),As]),n(` +`),Os,n(` +`),Ts])])])])]),$s]))}});export{Xs as __pageData,Ys as default}; diff --git a/3/assets/guide_start_index.md.JDgBTG_G.lean.js b/3/assets/guide_start_index.md.q_a_kpnm.lean.js similarity index 89% rename from 3/assets/guide_start_index.md.JDgBTG_G.lean.js rename to 3/assets/guide_start_index.md.q_a_kpnm.lean.js index baf183619a..f3eaac492e 100644 --- a/3/assets/guide_start_index.md.JDgBTG_G.lean.js +++ b/3/assets/guide_start_index.md.q_a_kpnm.lean.js @@ -14,7 +14,7 @@ import{o as p,c as e,k as s,m as o,a as n,t,R as a}from"./chunks/framework.U5b_P <a class="btn" href="/">访问 ZUI 网站</a> <script src="./zui/zui.js"></script> </body> -</html>

使用 CDN ​

使用 CDN 可以快速使用 ZUI，与下载使用基本一样，只需要将相关资源文件替换为 CDN 上的地址即可：

`,6),_={class:"vp-code-group"},F=a('
',1),g={class:"blocks"},B={class:"language-html active"},m=s("button",{title:"Copy Code",class:"copy"},null,-1),b=s("span",{class:"lang"},"html",-1),D={class:"shiki github-dark vp-code"},C=a('<!doctype html>',1),q=a('<html lang="zh-CN">',1),v=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),z=a(' <meta charset="utf-8">',1),k=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),f=a(' <title>ZUI</title>',1),w={class:"line highlighted"},j=a(' <link rel="stylesheet" href=',7),N={style:{color:"#9ECBFF"}},U=s("span",{style:{color:"#E1E4E8"}},">",-1),I=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Z=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),x=a(' <h1>ZUI is awesome!</h1>',1),S=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),P={class:"line highlighted"},V=s("span",{style:{color:"#E1E4E8"}}," <",-1),A=s("span",{style:{color:"#85E89D"}},"script",-1),J=s("span",{style:{color:"#B392F0"}}," src",-1),M=s("span",{style:{color:"#E1E4E8"}},"=",-1),H={style:{color:"#9ECBFF"}},T=a(' crossorigin="anonymous"></script>',6),G=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),O=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$={class:"language-html"},R=s("button",{title:"Copy Code",class:"copy"},null,-1),K=s("span",{class:"lang"},"html",-1),L={class:"shiki github-dark vp-code"},Q=a('<!doctype html>',1),W=a('<html lang="zh-CN">',1),X=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),Y=a(' <meta charset="utf-8">',1),ss=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),ns=a(' <title>ZUI</title>',1),as={class:"line highlighted"},ls=a(' <link rel="stylesheet" href=',7),os={style:{color:"#9ECBFF"}},ts=s("span",{style:{color:"#E1E4E8"}},">",-1),ps=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),es=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),cs=a(' <h1>ZUI is awesome!</h1>',1),Es=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),rs={class:"line highlighted"},ys=s("span",{style:{color:"#E1E4E8"}}," <",-1),is=s("span",{style:{color:"#85E89D"}},"script",-1),ds=s("span",{style:{color:"#B392F0"}}," src",-1),hs=s("span",{style:{color:"#E1E4E8"}},"=",-1),us={style:{color:"#9ECBFF"}},_s=a(' crossorigin="anonymous"></script>',6),Fs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),gs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),Bs={class:"language-html"},ms=s("button",{title:"Copy Code",class:"copy"},null,-1),bs=s("span",{class:"lang"},"html",-1),Ds={class:"shiki github-dark vp-code"},Cs=a('<!doctype html>',1),qs=a('<html lang="zh-CN">',1),vs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),zs=a(' <meta charset="utf-8">',1),ks=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),fs=a(' <title>ZUI</title>',1),ws={class:"line highlighted"},js=a(' <link rel="stylesheet" href=',7),Ns={style:{color:"#9ECBFF"}},Us=s("span",{style:{color:"#E1E4E8"}},">",-1),Is=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Zs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),xs=a(' <h1>ZUI is awesome!</h1>',1),Ss=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),Ps={class:"line highlighted"},Vs=s("span",{style:{color:"#E1E4E8"}}," <",-1),As=s("span",{style:{color:"#85E89D"}},"script",-1),Js=s("span",{style:{color:"#B392F0"}}," src",-1),Ms=s("span",{style:{color:"#E1E4E8"}},"=",-1),Hs={style:{color:"#9ECBFF"}},Ts=a(' crossorigin="anonymous"></script>',6),Gs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Os=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$s=a(`

使用 JS 组件 ​

无论是下载还是使用 CDN，导入 zui.js 之后，你就可以使用 ZUI 中的 JS 组件了，ZUI 提供的所有 JS 辅助方法和组件类都在全局对象 zui 上进行访问，例如：

html
<nav id="nav"></nav>
+</html>

使用 CDN ​

使用 CDN 可以快速使用 ZUI，与下载使用基本一样，只需要将相关资源文件替换为 CDN 上的地址即可：

`,6),_={class:"vp-code-group"},F=a('
',1),g={class:"blocks"},B={class:"language-html active"},m=s("button",{title:"Copy Code",class:"copy"},null,-1),D=s("span",{class:"lang"},"html",-1),b={class:"shiki github-dark vp-code"},C=a('<!doctype html>',1),q=a('<html lang="zh-CN">',1),v=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),z=a(' <meta charset="utf-8">',1),k=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),f=a(' <title>ZUI</title>',1),w={class:"line highlighted"},j=a(' <link rel="stylesheet" href=',7),U={style:{color:"#9ECBFF"}},I=s("span",{style:{color:"#E1E4E8"}},">",-1),Z=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),x=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),N=a(' <h1>ZUI is awesome!</h1>',1),S=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),J={class:"line highlighted"},M=s("span",{style:{color:"#E1E4E8"}}," <",-1),P=s("span",{style:{color:"#85E89D"}},"script",-1),H=s("span",{style:{color:"#B392F0"}}," src",-1),K=s("span",{style:{color:"#E1E4E8"}},"=",-1),V={style:{color:"#9ECBFF"}},A=a(' crossorigin="anonymous"></script>',6),O=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),T=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$={class:"language-html"},G=s("button",{title:"Copy Code",class:"copy"},null,-1),R=s("span",{class:"lang"},"html",-1),L={class:"shiki github-dark vp-code"},Q=a('<!doctype html>',1),W=a('<html lang="zh-CN">',1),X=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),Y=a(' <meta charset="utf-8">',1),ss=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),ns=a(' <title>ZUI</title>',1),as={class:"line highlighted"},ls=a(' <link rel="stylesheet" href=',7),os={style:{color:"#9ECBFF"}},ts=s("span",{style:{color:"#E1E4E8"}},">",-1),ps=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),es=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),cs=a(' <h1>ZUI is awesome!</h1>',1),Es=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),rs={class:"line highlighted"},ys=s("span",{style:{color:"#E1E4E8"}}," <",-1),is=s("span",{style:{color:"#85E89D"}},"script",-1),ds=s("span",{style:{color:"#B392F0"}}," src",-1),hs=s("span",{style:{color:"#E1E4E8"}},"=",-1),us={style:{color:"#9ECBFF"}},_s=a(' crossorigin="anonymous"></script>',6),Fs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),gs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),Bs={class:"language-html"},ms=s("button",{title:"Copy Code",class:"copy"},null,-1),Ds=s("span",{class:"lang"},"html",-1),bs={class:"shiki github-dark vp-code"},Cs=a('<!doctype html>',1),qs=a('<html lang="zh-CN">',1),vs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"head"),s("span",{style:{color:"#E1E4E8"}},">")],-1),zs=a(' <meta charset="utf-8">',1),ks=a(' <meta name="viewport" content="width=device-width, initial-scale=1">',1),fs=a(' <title>ZUI</title>',1),ws={class:"line highlighted"},js=a(' <link rel="stylesheet" href=',7),Us={style:{color:"#9ECBFF"}},Is=s("span",{style:{color:"#E1E4E8"}},">",-1),Zs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),xs=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," <"),s("span",{style:{color:"#85E89D"}},"body"),s("span",{style:{color:"#E1E4E8"}},">")],-1),Ns=a(' <h1>ZUI is awesome!</h1>',1),Ss=a(' <a class="btn" href="/">访问 ZUI 网站</a>',1),Js={class:"line highlighted"},Ms=s("span",{style:{color:"#E1E4E8"}}," <",-1),Ps=s("span",{style:{color:"#85E89D"}},"script",-1),Hs=s("span",{style:{color:"#B392F0"}}," src",-1),Ks=s("span",{style:{color:"#E1E4E8"}},"=",-1),Vs={style:{color:"#9ECBFF"}},As=a(' crossorigin="anonymous"></script>',6),Os=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}}," ")],-1),Ts=s("span",{class:"line"},[s("span",{style:{color:"#E1E4E8"}},"")],-1),$s=a(`

使用 JS 组件 ​

无论是下载还是使用 CDN，导入 zui.js 之后，你就可以使用 ZUI 中的 JS 组件了，ZUI 提供的所有 JS 辅助方法和组件类都在全局对象 zui 上进行访问，例如：

html
<nav id="nav"></nav>
 
 <script>
 const {Nav} = zui;
@@ -34,20 +34,20 @@ import{o as p,c as e,k as s,m as o,a as n,t,R as a}from"./chunks/framework.U5b_P
 import 'zui/css';
 
 zui.Messager.show('Hello!');

如果你仅仅需要 ZUI 中的单个组件，例如 数据表格，你可以这样导入：

js
import {DTable} from 'zui/lib/dtable';
-import 'zui/lib/dtable/css';
`,13),Xs=JSON.parse('{"title":"快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/start/index.md","filePath":"guide/start/index.md","lastUpdated":null}'),Rs={name:"guide/start/index.md"},Ys=Object.assign(Rs,{setup(Ks){const l="3.0.0-alpha1";return(Ls,Qs)=>(p(),e("div",null,[c,E,r,s("div",y,[i,s("a",{class:"btn outline size-lg rounded-full",href:`https://github.com/easysoft/zui/releases/tag/v${o(l)}`,target:"_blank"},[h,n(" 从 GitHub 下载")],8,d)]),u,s("div",_,[F,s("div",g,[s("div",B,[m,b,s("pre",D,[s("code",null,[C,n(` +import 'zui/lib/dtable/css';`,13),Xs=JSON.parse('{"title":"快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/start/index.md","filePath":"guide/start/index.md","lastUpdated":null}'),Gs={name:"guide/start/index.md"},Ys=Object.assign(Gs,{setup(Rs){const l="3.0.0-alpha1";return(Ls,Qs)=>(p(),e("div",null,[c,E,r,s("div",y,[i,s("a",{class:"btn outline size-lg rounded-full",href:`https://github.com/easysoft/zui/releases/tag/v${o(l)}`,target:"_blank"},[h,n(" 从 GitHub 下载")],8,d)]),u,s("div",_,[F,s("div",g,[s("div",B,[m,D,s("pre",b,[s("code",null,[C,n(` `),q,n(` `),v,n(` `),z,n(` `),k,n(` `),f,n(` -`),s("span",w,[j,s("span",N,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.css"',1),U]),n(` -`),I,n(` +`),s("span",w,[j,s("span",U,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.css"',1),I]),n(` `),Z,n(` `),x,n(` +`),N,n(` `),S,n(` -`),s("span",P,[V,A,J,M,s("span",H,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.js"',1),T]),n(` -`),G,n(` -`),O])])]),s("div",$,[R,K,s("pre",L,[s("code",null,[Q,n(` +`),s("span",J,[M,P,H,K,s("span",V,'"///cdn.jsdelivr.net/npm/zui/dist/'+t(o(l))+'/zui.js"',1),A]),n(` +`),O,n(` +`),T])])]),s("div",$,[G,R,s("pre",L,[s("code",null,[Q,n(` `),W,n(` `),X,n(` `),Y,n(` @@ -60,17 +60,17 @@ import{o as p,c as e,k as s,m as o,a as n,t,R as a}from"./chunks/framework.U5b_P `),Es,n(` `),s("span",rs,[ys,is,ds,hs,s("span",us,'"///cdn.bootcdn.net/ajax/libs/zui/'+t(o(l))+'/zui.js"',1),_s]),n(` `),Fs,n(` -`),gs])])]),s("div",Bs,[ms,bs,s("pre",Ds,[s("code",null,[Cs,n(` +`),gs])])]),s("div",Bs,[ms,Ds,s("pre",bs,[s("code",null,[Cs,n(` `),qs,n(` `),vs,n(` `),zs,n(` `),ks,n(` `),fs,n(` -`),s("span",ws,[js,s("span",Ns,'"///unpkg.com/zui@'+t(o(l))+'/zui.css"',1),Us]),n(` -`),Is,n(` +`),s("span",ws,[js,s("span",Us,'"///unpkg.com/zui@'+t(o(l))+'/zui.css"',1),Is]),n(` `),Zs,n(` `),xs,n(` +`),Ns,n(` `),Ss,n(` -`),s("span",Ps,[Vs,As,Js,Ms,s("span",Hs,'"///unpkg.com/zui@'+t(o(l))+'/zui.js"',1),Ts]),n(` -`),Gs,n(` -`),Os])])])])]),$s]))}});export{Xs as __pageData,Ys as default}; +`),s("span",Js,[Ms,Ps,Hs,Ks,s("span",Vs,'"///unpkg.com/zui@'+t(o(l))+'/zui.js"',1),As]),n(` +`),Os,n(` +`),Ts])])])])]),$s]))}});export{Xs as __pageData,Ys as default}; diff --git a/3/frames/zui.html b/3/frames/zui.html index 97c6f8d559..cc8ca25fe2 100644 --- a/3/frames/zui.html +++ b/3/frames/zui.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
- + \ No newline at end of file diff --git a/3/guide/config/base/color.html b/3/guide/config/base/color.html index dc0240a9bd..00de705bfd 100644 --- a/3/guide/config/base/color.html +++ b/3/guide/config/base/color.html @@ -14,8 +14,8 @@ - - + + @@ -49,7 +49,7 @@ --color-primary-900-rgb: 88, 34, 133; --color-primary-950-rgb: 59, 14, 99; }

提示

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

注意

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

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

- + \ No newline at end of file diff --git a/3/guide/config/base/font.html b/3/guide/config/base/font.html index 370e1d9d42..149838e664 100644 --- a/3/guide/config/base/font.html +++ b/3/guide/config/base/font.html @@ -14,8 +14,8 @@ - - + + @@ -44,7 +44,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 工具类 / 排版 / 行高 文档。

- + \ No newline at end of file diff --git a/3/guide/config/base/rounded.html b/3/guide/config/base/rounded.html index cfa53885d6..0c917aad6f 100644 --- a/3/guide/config/base/rounded.html +++ b/3/guide/config/base/rounded.html @@ -14,8 +14,8 @@ - - + + @@ -33,7 +33,7 @@ --radius-3xl: 1.5rem; --radius-full: 9999px; }

自定义主题 ​

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

- + \ No newline at end of file diff --git a/3/guide/config/base/screens.html b/3/guide/config/base/screens.html index 3b535c209a..0eaf0a719c 100644 --- a/3/guide/config/base/screens.html +++ b/3/guide/config/base/screens.html @@ -14,8 +14,8 @@ - - + + @@ -54,7 +54,7 @@ --screen-xl: 1280px; --screen-2xl: 1536px; }

自定义主题 ​

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

- + \ No newline at end of file diff --git a/3/guide/config/base/shadow.html b/3/guide/config/base/shadow.html index 789199e873..83261f7f4c 100644 --- a/3/guide/config/base/shadow.html +++ b/3/guide/config/base/shadow.html @@ -14,8 +14,8 @@ - - + + @@ -32,7 +32,7 @@ --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --shadow-none: none; }

自定义主题 ​

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

- + \ No newline at end of file diff --git a/3/guide/config/base/spacing.html b/3/guide/config/base/spacing.html index 9d0a60b30b..3733e2cada 100644 --- a/3/guide/config/base/spacing.html +++ b/3/guide/config/base/spacing.html @@ -12,16 +12,16 @@ - + - - + +
ZUI 3

Appearance

间距 ​

间距配置 ​

为了方便实现风格一致的交互界面，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) 2023 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/customize/build.html b/3/guide/customize/build.html index b0117f5ee4..10f8e7d31c 100644 --- a/3/guide/customize/build.html +++ b/3/guide/customize/build.html @@ -14,14 +14,14 @@ - - + +
ZUI 3

Appearance

打包 ​

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

sh
pnpm build

MIT License (MIT)

Copyright (C) 2023 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/customize/dev.html b/3/guide/customize/dev.html index d170a44373..ba20d3d5e0 100644 --- a/3/guide/customize/dev.html +++ b/3/guide/customize/dev.html @@ -14,14 +14,14 @@ - - + +
ZUI 3

Appearance

开发 ​

开发服务 ​

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

shell
$ pnpm dev

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

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

对组件进行开发调试 ​

组件开发目录 ​

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

提示

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

文档开发服务 ​

启动 ZUI 文档网站开发服务执行如下命令：

shell
$ pnpm docs:dev

此命令会先打包 ZUI 并启动文档开发服务器，默认情况下可以通过网址：http://localhost:5174/ 来访问文档开发服务页面。

MIT License (MIT)

Copyright (C) 2023 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 162af5e685..a6735d17bb 100644 --- a/3/guide/customize/exts-lib.html +++ b/3/guide/customize/exts-lib.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
ZUI 3

Appearance

组件库扩展 ​

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) 2023 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/index.html b/3/guide/index.html index 4807bf0008..8620ae2191 100644 --- a/3/guide/index.html +++ b/3/guide/index.html @@ -14,14 +14,14 @@ - - + +
ZUI 3

Appearance

指引 ​

MIT License (MIT)

Copyright (C) 2023 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/start/compatibility.html b/3/guide/start/compatibility.html index ed10ce32d9..1635d2e0b5 100644 --- a/3/guide/start/compatibility.html +++ b/3/guide/start/compatibility.html @@ -14,14 +14,14 @@ - - + +
ZUI 3

Appearance

兼容性 ​

支持的浏览器 ​

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

用到的第三方库 ​

在 ZUI 3 中使用了一些精心挑选的第三方库，这些库通常足够小巧但实用：

  • preact - 基于 Preact 实现了大部分 JS 组件，通过封装支持原生调用
  • cash-dom - 提供了大量辅助方法方便操作 DOM，同时提供了对 jQuery 的兼容实用方式
  • floating UI - 实现浮动交互定位，例如下拉菜单、工具提示等
  • tinykeys - 实现快捷键功能

MIT License (MIT)

Copyright (C) 2023 cnezsoft.com

- + \ No newline at end of file diff --git a/3/guide/start/index.html b/3/guide/start/index.html index 9591df5f96..7d049636b1 100644 --- a/3/guide/start/index.html +++ b/3/guide/start/index.html @@ -12,10 +12,10 @@ - + - - + + @@ -36,7 +36,7 @@ <a class="btn" href="/">访问 ZUI 网站</a> <script src="./zui/zui.js"></script> </body> -</html>

使用 CDN ​

使用 CDN 可以快速使用 ZUI，与下载使用基本一样，只需要将相关资源文件替换为 CDN 上的地址即可：

html
<!doctype html>
+</html>

使用 CDN ​

使用 CDN 可以快速使用 ZUI，与下载使用基本一样，只需要将相关资源文件替换为 CDN 上的地址即可：

html
<!doctype html>
 <html lang="zh-CN">
   <head>
     <meta charset="utf-8">
@@ -96,7 +96,7 @@
 
 zui.Messager.show('Hello!');

如果你仅仅需要 ZUI 中的单个组件，例如 数据表格，你可以这样导入：

js
import {DTable} from 'zui/lib/dtable';
 import 'zui/lib/dtable/css';
- + \ No newline at end of file diff --git a/3/hashmap.json b/3/hashmap.json index 6b189402f9..e67d6fcfc7 100644 --- a/3/hashmap.json +++ b/3/hashmap.json @@ -1 +1 @@ -{"index.md":"lNn0oWiY","guide_start_compatibility.md":"sQEwr4yj","guide_start_index.md":"JDgBTG_G","guide_config_base_font.md":"D4mbPRTx","lib_components_modal_js.md":"MK8RXE6Z","guide_customize_build.md":"_7LHPcel","guide_customize_exts-lib.md":"naEnYGK3","guide_config_base_rounded.md":"VN9xJ1oj","lib_components_avatar_index.md":"on6LHI_B","lib_components_avatar-group_index.md":"CGIYh2ZT","lib_components_avatar_js.md":"kOvgHoDs","lib_components_breadcrumb_index.md":"DDkIRQPq","lib_components_btn-group_js.md":"RLAi5M06","lib_components_color-picker_index.md":"-8ujxO_s","lib_components_button_js.md":"dJrDCPUJ","lib_components_btn-group_index.md":"P6X4Uj-v","lib_components_dashboard_index.md":"AtdRTL0C","lib_components_datetime-picker_time.md":"pn481CNy","lib_components_datetime-picker_date.md":"B4ROwqJR","lib_components_datetime-picker_datetime.md":"3DIx3uV1","lib_components_menu_index.md":"n-QwI107","lib_components_dropdown_index.md":"NpEWijAq","guide_config_base_spacing.md":"Uhi_HuQl","lib_components_progress-circle_index.md":"A15T5gxa","lib_components_picker_index.md":"k99crYrG","lib_components_panel_index.md":"FVNMzaM8","lib_components_progress_index.md":"WA-Zvict","lib_components_search-box_index.md":"bRbDNc4S","lib_components_scrollbar_index.md":"9EORgh8q","lib_components_table_index.md":"M0dBxE4q","lib_components_nav_js.md":"k_adN9FF","guide_config_base_shadow.md":"e7pm6VGr","lib_components_pager_js.md":"rnjy9uTe","lib_components_tabs_index.md":"tZqbPcct","guide_config_base_color.md":"UVJryFfP","lib_components_nav_index.md":"E1qDT4TB","guide_customize_dev.md":"jTqxgIhf","frames_zui.md":"VqfdXyiC","guide_index.md":"zb6iAC3j","lib_components_pager_index.md":"n0pHYkuh","lib_components_label_index.md":"g02W8n5e","lib_components_kanban_index.md":"oX0pCFLD","lib_components_alert_index.md":"TF1oMf1u","lib_components_contextmenu_index.md":"eVvUypv8","lib_components_menu_js.md":"nr7SGLTI","guide_config_base_screens.md":"lCpD2IIG","lib_components_modal_index.md":"Sa-oLsDL","utilities_effects_utilities_opacity.md":"5hDbBv20","utilities_effects_utilities_scale.md":"Mo2zXXek","utilities_borders_utilities_border-radius.md":"DedS5Oyk","utilities_typography_utilities_line-clamp.md":"5AGAA8_w","utilities_borders_utilities_border-color.md":"s86NX7H1","utilities_effects_utilities_rotate.md":"pK6STRLn","utilities_flex_utilities_align-content.md":"XKRwuW3v","utilities_flex_utilities_align-items.md":"VeC0U2om","utilities_typography_utilities_leading.md":"Kl_FGxKV","lib_helpers_helpers_index.md":"_jSE_p54","utilities_spacing_utilities_space.md":"09b3zC5H","lib_components_button_index.md":"qUdOXyOl","lib_helpers_store_index.md":"gp2qkgXO","utilities_typography_utilities_text-overflow.md":"w4O0Leh4","utilities_typography_utilities_font-size.md":"xPdjXYoB","lib_components_toolbar_index.md":"RTqNPr7H","lib_components_messager_index.md":"LTBT_MBo","utilities_typography_utilities_font-family.md":"4Foe_6NA","utilities_borders_utilities_border-width.md":"gGVLqAsK","lib_index.md":"4SYdVkVe","public_icons_fontawesome-license.md":"7HRnEV5s","lib_forms_input-control_index.md":"u9HQjg5l","utilities_typography_utilities_vertical-align.md":"kMXPVtK2","utilities_spacing_utilities_padding.md":"bA2rPkft","lib_forms_checkbox_index.md":"zNYKTq_N","utilities_typography_utilities_whitespace.md":"uOocXmp6","lib_forms_input-group_index.md":"GDOwGBrM","lib_helpers_core_cash.md":"pOzFRZml","utilities_effects_utilities_animation.md":"6kKTQHVR","utilities_effects_utilities_filter.md":"aTAVIfK2","utilities_backgrounds_utilities_index.md":"PLLQta50","utilities_effects_utilities_flip.md":"pa2B36Qs","utilities_typography_utilities_word-break.md":"M158-60g","utilities_skin_utilities_solid.md":"n70pGIvt","lib_icons_icons_index.md":"p1nUoLFJ","lib_components_tree_index.md":"KydDLZW3","utilities_typography_utilities_text-align.md":"fN4Bs_nZ","lib_components_toolbar_js.md":"FSRtUz4L","utilities_skin_utilities_pale.md":"jSXAstGV","themes_index.md":"4SUbxPGm","lib_helpers_core_component.md":"6qFW_J1S","utilities_layout_utilities_top-right-bottom-left.md":"6s17cp16","utilities_spacing_utilities_margin.md":"7XqwhIRV","lib_dtable_dtable_plugins.md":"gRJkOR4p","utilities_layout_utilities_visibility.md":"jXUtTmwo","utilities_flex_utilities_align-self.md":"jP-lgEEr","lib_components_upload_index.md":"e_QoUJiv","lib_components_upload-imgs_index.md":"E9c9KLc6","utilities_interactivity_utilities_state.md":"aTX9ijV7","utilities_interactivity_utilities_scroll.md":"XSU-c0TQ","utilities_interactivity_utilities_user-select.md":"VbESdl8o","utilities_layout_utilities_aspect-ratio.md":"U3vDgT4D","utilities_effects_utilities_shadow.md":"o-xfLwbe","utilities_layout_utilities_container.md":"7gXB2eoG","lib_dtable_dtable_index.md":"RyDIzxZP","lib_components_tooltip_index.md":"fyFp_6hC","utilities_layout_utilities_display.md":"3lnBLpSi","utilities_sizing_utilities_width.md":"thSwneK6","utilities_layout_utilities_z-index.md":"xXbfLSWk","utilities_skin_utilities_outline.md":"HzJYEoVa","utilities_sizing_utilities_height.md":"1fabQImK","utilities_flex_utilities_order.md":"UKyvpeft","utilities_typography_utilities_text-color.md":"xCpquCO2","utilities_flex_utilities_basis.md":"48No_kl0","utilities_flex_utilities_shrink.md":"j4Sslaid","utilities_flex_utilities_direction.md":"8k9i-6xm","utilities_index.md":"mCX6XoN9","utilities_flex_utilities_grow.md":"rxWaH7H9","utilities_interactivity_utilities_disabled.md":"Hb5OaX1B","utilities_flex_utilities_flex.md":"wFooiA23","utilities_interactivity_utilities_pointer-events.md":"whF5XYs6","lib_forms_form_index.md":"q_vhkwo6","utilities_flex_utilities_gap.md":"vfNNNXWb","utilities_flex_utilities_wrap.md":"5iU02KWI","utilities_layout_utilities_position.md":"rVqSviEg","utilities_typography_utilities_font-weight.md":"L_nAOuGa","utilities_layout_utilities_object-fit.md":"d3L7JRyX","utilities_layout_utilities_overflow.md":"KK2VGZmX","utilities_flex_utilities_justify-content.md":"xrecnMvs","utilities_layout_utilities_floats.md":"uLz_A9CH"} +{"guide_customize_exts-lib.md":"naEnYGK3","lib_components_button_js.md":"dJrDCPUJ","guide_config_base_shadow.md":"e7pm6VGr","guide_config_base_font.md":"D4mbPRTx","guide_config_base_screens.md":"lCpD2IIG","guide_config_base_color.md":"UVJryFfP","guide_start_compatibility.md":"sQEwr4yj","guide_index.md":"zb6iAC3j","guide_config_base_rounded.md":"VN9xJ1oj","frames_zui.md":"VqfdXyiC","lib_components_avatar_index.md":"on6LHI_B","lib_components_avatar_js.md":"kOvgHoDs","lib_components_avatar-group_index.md":"CGIYh2ZT","lib_components_breadcrumb_index.md":"DDkIRQPq","guide_customize_dev.md":"jTqxgIhf","lib_components_contextmenu_index.md":"eVvUypv8","lib_components_datetime-picker_date.md":"B4ROwqJR","lib_components_datetime-picker_datetime.md":"3DIx3uV1","lib_components_dashboard_index.md":"AtdRTL0C","lib_components_datetime-picker_time.md":"pn481CNy","lib_components_dropdown_index.md":"NpEWijAq","index.md":"lNn0oWiY","lib_components_button_index.md":"qUdOXyOl","guide_start_index.md":"q_a_kpnm","lib_components_btn-group_js.md":"RLAi5M06","guide_config_base_spacing.md":"_JJUdBh7","guide_customize_build.md":"_7LHPcel","lib_components_messager_index.md":"LTBT_MBo","lib_components_color-picker_index.md":"-8ujxO_s","lib_components_menu_index.md":"n-QwI107","lib_components_btn-group_index.md":"P6X4Uj-v","utilities_effects_utilities_rotate.md":"pK6STRLn","lib_forms_input-control_index.md":"u9HQjg5l","lib_components_pager_js.md":"rnjy9uTe","lib_components_nav_index.md":"E1qDT4TB","utilities_flex_utilities_direction.md":"8k9i-6xm","themes_index.md":"4SUbxPGm","utilities_effects_utilities_scale.md":"Mo2zXXek","utilities_effects_utilities_flip.md":"pa2B36Qs","utilities_flex_utilities_align-self.md":"jP-lgEEr","lib_forms_input-group_index.md":"GDOwGBrM","lib_components_progress-circle_index.md":"A15T5gxa","lib_components_pager_index.md":"n0pHYkuh","lib_components_modal_index.md":"Sa-oLsDL","lib_components_toolbar_index.md":"RTqNPr7H","lib_components_menu_js.md":"nr7SGLTI","lib_components_progress_index.md":"WA-Zvict","lib_components_scrollbar_index.md":"9EORgh8q","lib_components_upload-imgs_index.md":"E9c9KLc6","lib_components_table_index.md":"M0dBxE4q","lib_components_search-box_index.md":"bRbDNc4S","lib_components_modal_js.md":"MK8RXE6Z","lib_components_alert_index.md":"TF1oMf1u","lib_components_tooltip_index.md":"fyFp_6hC","lib_index.md":"4SYdVkVe","utilities_flex_utilities_align-content.md":"XKRwuW3v","lib_icons_icons_index.md":"p1nUoLFJ","public_icons_fontawesome-license.md":"7HRnEV5s","utilities_effects_utilities_shadow.md":"o-xfLwbe","utilities_effects_utilities_filter.md":"aTAVIfK2","utilities_flex_utilities_basis.md":"48No_kl0","utilities_flex_utilities_flex.md":"wFooiA23","lib_forms_checkbox_index.md":"zNYKTq_N","lib_forms_form_index.md":"q_vhkwo6","lib_dtable_dtable_plugins.md":"gRJkOR4p","lib_components_panel_index.md":"FVNMzaM8","lib_components_picker_index.md":"k99crYrG","lib_components_kanban_index.md":"oX0pCFLD","utilities_borders_utilities_border-width.md":"gGVLqAsK","lib_components_toolbar_js.md":"FSRtUz4L","lib_components_tree_index.md":"KydDLZW3","lib_helpers_core_cash.md":"pOzFRZml","lib_helpers_helpers_index.md":"_jSE_p54","utilities_effects_utilities_animation.md":"6kKTQHVR","lib_helpers_store_index.md":"gp2qkgXO","lib_components_tabs_index.md":"tZqbPcct","utilities_borders_utilities_border-radius.md":"DedS5Oyk","utilities_backgrounds_utilities_index.md":"PLLQta50","utilities_flex_utilities_gap.md":"vfNNNXWb","utilities_layout_utilities_z-index.md":"xXbfLSWk","utilities_flex_utilities_justify-content.md":"xrecnMvs","utilities_layout_utilities_aspect-ratio.md":"U3vDgT4D","utilities_flex_utilities_grow.md":"rxWaH7H9","utilities_layout_utilities_object-fit.md":"d3L7JRyX","utilities_interactivity_utilities_user-select.md":"VbESdl8o","utilities_layout_utilities_container.md":"7gXB2eoG","utilities_interactivity_utilities_scroll.md":"XSU-c0TQ","utilities_interactivity_utilities_state.md":"aTX9ijV7","utilities_flex_utilities_wrap.md":"5iU02KWI","lib_components_label_index.md":"g02W8n5e","utilities_layout_utilities_floats.md":"uLz_A9CH","utilities_sizing_utilities_width.md":"thSwneK6","utilities_skin_utilities_outline.md":"HzJYEoVa","utilities_skin_utilities_pale.md":"jSXAstGV","utilities_skin_utilities_solid.md":"n70pGIvt","utilities_spacing_utilities_margin.md":"7XqwhIRV","utilities_typography_utilities_line-clamp.md":"5AGAA8_w","utilities_spacing_utilities_padding.md":"bA2rPkft","utilities_spacing_utilities_space.md":"09b3zC5H","utilities_interactivity_utilities_pointer-events.md":"whF5XYs6","utilities_effects_utilities_opacity.md":"5hDbBv20","utilities_flex_utilities_shrink.md":"j4Sslaid","lib_helpers_core_component.md":"6qFW_J1S","lib_components_upload_index.md":"e_QoUJiv","utilities_flex_utilities_order.md":"UKyvpeft","utilities_interactivity_utilities_disabled.md":"Hb5OaX1B","utilities_typography_utilities_whitespace.md":"uOocXmp6","utilities_typography_utilities_text-align.md":"fN4Bs_nZ","utilities_layout_utilities_overflow.md":"KK2VGZmX","utilities_typography_utilities_word-break.md":"M158-60g","utilities_typography_utilities_font-size.md":"xPdjXYoB","utilities_flex_utilities_align-items.md":"VeC0U2om","utilities_layout_utilities_visibility.md":"jXUtTmwo","utilities_typography_utilities_font-family.md":"4Foe_6NA","utilities_typography_utilities_font-weight.md":"L_nAOuGa","utilities_borders_utilities_border-color.md":"s86NX7H1","lib_components_nav_js.md":"k_adN9FF","utilities_index.md":"mCX6XoN9","utilities_typography_utilities_text-color.md":"xCpquCO2","utilities_layout_utilities_position.md":"rVqSviEg","utilities_layout_utilities_display.md":"3lnBLpSi","utilities_typography_utilities_text-overflow.md":"w4O0Leh4","utilities_typography_utilities_vertical-align.md":"kMXPVtK2","utilities_typography_utilities_leading.md":"Kl_FGxKV","utilities_layout_utilities_top-right-bottom-left.md":"6s17cp16","lib_dtable_dtable_index.md":"RyDIzxZP","utilities_sizing_utilities_height.md":"1fabQImK"} diff --git a/3/index.html b/3/index.html index 6b04ff2616..7ef543efcf 100644 --- a/3/index.html +++ b/3/index.html @@ -14,14 +14,14 @@ - - + +
ZUI 3

Appearance

ZUI3

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

100+ 组件

快速开始
GitHub
⚡️

开箱即用，按需加载

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

💎

100+ 组件

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

🛠️

丰富主题，灵活定制

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

MIT License (MIT)

Copyright (C) 2023 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 9277765a7e..6ffe41c151 100644 --- a/3/lib/components/alert/index.html +++ b/3/lib/components/alert/index.html @@ -14,8 +14,8 @@ - - + + @@ -100,7 +100,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消息框默认文字颜色
- + \ 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 26ce6e1d50..ed1b22e8c2 100644 --- a/3/lib/components/avatar-group/index.html +++ b/3/lib/components/avatar-group/index.html @@ -14,8 +14,8 @@ - - + + @@ -81,7 +81,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工具类头像组使用超大号尺寸
- + \ No newline at end of file diff --git a/3/lib/components/avatar/index.html b/3/lib/components/avatar/index.html index fd725e6e43..978216a66e 100644 --- a/3/lib/components/avatar/index.html +++ b/3/lib/components/avatar/index.html @@ -14,8 +14,8 @@ - - + + @@ -36,7 +36,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头像默认背景颜色
- + \ No newline at end of file diff --git a/3/lib/components/avatar/js.html b/3/lib/components/avatar/js.html index f02c7b5ca5..4d0f76bb7c 100644 --- a/3/lib/components/avatar/js.html +++ b/3/lib/components/avatar/js.html @@ -14,8 +14,8 @@ - - + + @@ -42,7 +42,7 @@ const avatar = $(element).data('zui.avatar');

更新头像 ​

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

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

构造方法 ​

定义：

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

参数：

示例：

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

选项 ​

className ​

类名。

size ​

大小。

circle ​

是否为圆形。

rounded ​

头像圆角。

background ​

背景颜色。

foreColor ​

字体颜色。

text ​

字体头像内容。

src ​

文件头像路径。

code ​

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

方法 ​

render ​

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

定义：

ts
render(options: AvatarOptions): void;
- + \ No newline at end of file diff --git a/3/lib/components/breadcrumb/index.html b/3/lib/components/breadcrumb/index.html index d42e2a101c..27bb9d8927 100644 --- a/3/lib/components/breadcrumb/index.html +++ b/3/lib/components/breadcrumb/index.html @@ -14,8 +14,8 @@ - - + + @@ -25,7 +25,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面包屑选中态元素颜色
- + \ 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 cff299fe74..18360a7b86 100644 --- a/3/lib/components/btn-group/index.html +++ b/3/lib/components/btn-group/index.html @@ -14,8 +14,8 @@ - - + + @@ -128,7 +128,7 @@ </div> </div> </div>

CSS 类 ​

按钮提供了如下 CSS 类：

类类型作用
btn-group实体类元素作为按钮组组件
size-xs工具类按钮组使用超小号尺寸
size-sm工具类按钮组使用小号尺寸
size-lg工具类按钮组使用大号尺寸
size-xl工具类按钮组使用超大号尺寸
disabled工具类与 .btn 一起使用，标记按钮为禁用状态
- + \ 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 8f5ef2a5ae..f095deb868 100644 --- a/3/lib/components/btn-group/js.html +++ b/3/lib/components/btn-group/js.html @@ -14,8 +14,8 @@ - - + + @@ -116,7 +116,7 @@ {text: '剪切'}, ], });

选项 ​

className ​

类名。

btnProps ​

继承 按钮属性。

items ​

size ​

按钮尺寸。

type ​

按钮组类型。

itemRender ​

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

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

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

beforeRender ​

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

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

返回值：组件选项数据。

afterRender ​

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

参数：

beforeDestroy ​

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

API ​

btnProps ​

按钮组子项属性：

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

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

key ​

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

- + \ No newline at end of file diff --git a/3/lib/components/button/index.html b/3/lib/components/button/index.html index 0c0556ee42..ebd7985c9d 100644 --- a/3/lib/components/button/index.html +++ b/3/lib/components/button/index.html @@ -14,8 +14,8 @@ - - + + @@ -142,7 +142,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按钮边框颜色
- + \ No newline at end of file diff --git a/3/lib/components/button/js.html b/3/lib/components/button/js.html index 514d2f4c61..cf5088985f 100644 --- a/3/lib/components/button/js.html +++ b/3/lib/components/button/js.html @@ -14,8 +14,8 @@ - - + + @@ -95,7 +95,7 @@ new zui.Button('#showBtn4', {text: '编辑', type: 'primary-pale'}); new zui.Button('#showBtn5', {text: '删除', type: 'danger-pale'}); </script>

选项 ​

按钮的属性。

text ​

标题。

icon ​

左侧图标。

trailingIcon ​

右侧图标。

hint ​

按钮鼠标悬浮提示文案。

component ​

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

type ​

按钮的外观类型。

size ​

按钮的尺寸

className ​

类名。

style ​

样式。

url ​

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

target ​

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

disabled ​

是否禁用。

active ​

是否是激活状态。

loading ​

加载中状态。

loadingIcon ​

加载中状态的图标。

loadingText ​

加载中状态的文案。

square ​

是否展示为正方形。

caret ​

按钮展示箭头。

onClick ​

鼠标点击的回调方法。

children ​

子元素。

- + \ 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 413e668986..b8b8a4cf29 100644 --- a/3/lib/components/color-picker/index.html +++ b/3/lib/components/color-picker/index.html @@ -14,8 +14,8 @@ - - + + @@ -109,7 +109,7 @@ /** 弹出面板的标题。 */ heading?: ComponentChildren; } - + \ No newline at end of file diff --git a/3/lib/components/contextmenu/index.html b/3/lib/components/contextmenu/index.html index 81bbdb8252..b8f8752f6b 100644 --- a/3/lib/components/contextmenu/index.html +++ b/3/lib/components/contextmenu/index.html @@ -14,8 +14,8 @@ - - + + @@ -115,7 +115,7 @@ }); }); </script>

API ​

items 的单个对象属性 ​

text ​

名称。

icon ​

左侧图标。

trailingIcon ​

右侧图标。

className ​

类名。

style ​

样式。

url ​

跳转链接地址。

target ​

在何处打开链接地址。

disabled ​

是否禁用。

active ​

是否是激活状态。

type ​

单项类型。

rootClass ​

与 menu-item 同级类名。

items ​

子级操作数据。

onClick ​

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

- + \ No newline at end of file diff --git a/3/lib/components/dashboard/index.html b/3/lib/components/dashboard/index.html index 4e390579d1..0cf33b71ca 100644 --- a/3/lib/components/dashboard/index.html +++ b/3/lib/components/dashboard/index.html @@ -14,8 +14,8 @@ - - + + @@ -82,7 +82,7 @@ blockMenu?: ContextMenuOptions; onLayoutChange?: (blocks: BlockSetting[]) => void; }; - + \ 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 29d945347a..097b8183df 100644 --- a/3/lib/components/datetime-picker/date.html +++ b/3/lib/components/datetime-picker/date.html @@ -14,8 +14,8 @@ - - + + @@ -149,7 +149,7 @@ /** 日期值无效时的回调函数。 */ onInvalid?: (value: string) => void; } - + \ 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 b8f82c3003..87af9f18ff 100644 --- a/3/lib/components/datetime-picker/datetime.html +++ b/3/lib/components/datetime-picker/datetime.html @@ -14,8 +14,8 @@ - - + + @@ -71,7 +71,7 @@ timeFormat: string; joiner: string; }; - + \ 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 6968ea8c7b..9024b29f8c 100644 --- a/3/lib/components/datetime-picker/time.html +++ b/3/lib/components/datetime-picker/time.html @@ -14,8 +14,8 @@ - - + + @@ -101,7 +101,7 @@ /** 时间值无效时的回调函数。 */ onInvalid?: (value: string) => void; } - + \ No newline at end of file diff --git a/3/lib/components/dropdown/index.html b/3/lib/components/dropdown/index.html index 586c1fbc6f..be1015a39f 100644 --- a/3/lib/components/dropdown/index.html +++ b/3/lib/components/dropdown/index.html @@ -14,8 +14,8 @@ - - + + @@ -85,7 +85,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 ​

触发方式

arrow ​

箭头大小 为 true 则为默认12

offset ​

偏移量

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

- + \ No newline at end of file diff --git a/3/lib/components/kanban/index.html b/3/lib/components/kanban/index.html index 44f1e34cb3..d50967d9d7 100644 --- a/3/lib/components/kanban/index.html +++ b/3/lib/components/kanban/index.html @@ -14,14 +14,14 @@ - - + +
ZUI 3

Appearance

看板 ​

示例 ​

MIT License (MIT)

Copyright (C) 2023 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 1a8a12de99..9997c5ff1a 100644 --- a/3/lib/components/label/index.html +++ b/3/lib/components/label/index.html @@ -14,8 +14,8 @@ - - + + @@ -95,7 +95,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标签圆角
- + \ No newline at end of file diff --git a/3/lib/components/menu/index.html b/3/lib/components/menu/index.html index 5bea44358f..823249a618 100644 --- a/3/lib/components/menu/index.html +++ b/3/lib/components/menu/index.html @@ -14,8 +14,8 @@ - - + + @@ -70,7 +70,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)
- + \ No newline at end of file diff --git a/3/lib/components/menu/js.html b/3/lib/components/menu/js.html index 635fe5b8f1..05a6685513 100644 --- a/3/lib/components/menu/js.html +++ b/3/lib/components/menu/js.html @@ -14,8 +14,8 @@ - - + + @@ -150,7 +150,7 @@ key?: string | number, items?: MenuListItem[], }; - + \ No newline at end of file diff --git a/3/lib/components/messager/index.html b/3/lib/components/messager/index.html index 72a9818e3b..e43c8e8085 100644 --- a/3/lib/components/messager/index.html +++ b/3/lib/components/messager/index.html @@ -14,8 +14,8 @@ - - + + @@ -46,7 +46,7 @@ } }] });

禁用自动隐藏 ​

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

禁用动画效果 ​

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

API ​

MessagerOptions ​

漂浮消息定义对象。

type ​

消息类型

placement ​

漂浮消息定位方式

time ​

漂浮消息持续时间。

message ​

漂浮消息内容。

parent ​

漂浮消息父节点。

icon ​

图标内容。

close ​

是否展示关闭按钮。

show ​

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

fade ​

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

scale ​

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

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

onAction

- + \ No newline at end of file diff --git a/3/lib/components/modal/index.html b/3/lib/components/modal/index.html index 89cea7e050..052c2419b8 100644 --- a/3/lib/components/modal/index.html +++ b/3/lib/components/modal/index.html @@ -14,8 +14,8 @@ - - + + @@ -139,7 +139,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对话框大号尺寸宽度
- + \ No newline at end of file diff --git a/3/lib/components/modal/js.html b/3/lib/components/modal/js.html index 1b9105b971..4f3ee5aaac 100644 --- a/3/lib/components/modal/js.html +++ b/3/lib/components/modal/js.html @@ -14,8 +14,8 @@ - - + + @@ -73,7 +73,7 @@ > Modal.confirm(options) </button>

选项 ​

className ​

类名。

style ​

样式。

size ​

尺寸大小。

position ​

位置。

backdrop ​

是否启用背景遮罩。

show ​

是否展示弹窗

keyboard ​

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

moveable ​

是否可移动。

animation ​

是否启用动画效果。

transTime ​

过渡时间。

responsive ​

是否自使用。

- + \ No newline at end of file diff --git a/3/lib/components/nav/index.html b/3/lib/components/nav/index.html index 945624fb8a..914ff961d5 100644 --- a/3/lib/components/nav/index.html +++ b/3/lib/components/nav/index.html @@ -14,8 +14,8 @@ - - + + @@ -85,7 +85,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导航分隔线颜色
    - + \ No newline at end of file diff --git a/3/lib/components/nav/js.html b/3/lib/components/nav/js.html index f0c608328e..8d27ea2f9c 100644 --- a/3/lib/components/nav/js.html +++ b/3/lib/components/nav/js.html @@ -14,8 +14,8 @@ - - + + @@ -62,7 +62,7 @@ afterRender?: (info: {nav: nav, firstRender: boolean}) => void; beforeDestroy?: (info: {nav: nav}) => void; } - + \ No newline at end of file diff --git a/3/lib/components/pager/index.html b/3/lib/components/pager/index.html index c964beb6d6..c75c58e2d6 100644 --- a/3/lib/components/pager/index.html +++ b/3/lib/components/pager/index.html @@ -14,8 +14,8 @@ - - + + @@ -162,7 +162,7 @@ ... </menu> </div>

    CSS 类 ​

    分页提供了如下 CSS 类：

    类类型作用
    pager实体类元素作为分页组件
    pager-goto实体类元素作为分页的跳转组件
    pager-size-menu实体类元素作为分页的每页条数的下拉组件
    - + \ No newline at end of file diff --git a/3/lib/components/pager/js.html b/3/lib/components/pager/js.html index 8099ac6ed7..60485b7674 100644 --- a/3/lib/components/pager/js.html +++ b/3/lib/components/pager/js.html @@ -14,8 +14,8 @@ - - + + @@ -167,7 +167,7 @@ render(element, <Pager {...options} />);

    使用Jquery 扩展 ​

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

    选项 ​

    linkCreator ​

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

    page ​

    初始状态的当前页码。

    recTotal ​

    总记录数目。

    recPerPage ​

    每页记录数。

    pageTotal ​

    总页数。

    items ​

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

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

    onClickItem ​

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

    API ​

    PagerInfo ​

    参数：

    page ​

    recTotal ​

    recPerPage ​

    pageTotal ​

    PagerItemOptions ​

    参数：

    type ​

    page ​

    text ​

    count ​

    format ​

    items ​

    - + \ No newline at end of file diff --git a/3/lib/components/panel/index.html b/3/lib/components/panel/index.html index c00b09980f..3a64022d59 100644 --- a/3/lib/components/panel/index.html +++ b/3/lib/components/panel/index.html @@ -14,8 +14,8 @@ - - + + @@ -137,7 +137,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面板边框颜色
    - + \ No newline at end of file diff --git a/3/lib/components/picker/index.html b/3/lib/components/picker/index.html index 6d1e79b3d1..db76ed5e72 100644 --- a/3/lib/components/picker/index.html +++ b/3/lib/components/picker/index.html @@ -14,8 +14,8 @@ - - + + @@ -223,7 +223,7 @@ /** 样式。 */ style?: JSX.CSSProperties; }

    本地列表项 ​

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

    异步获取列表项 ​

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

    远程获取列表项 ​

    [WIP]

    - + \ 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 24b69ef089..cbaca090e7 100644 --- a/3/lib/components/progress-circle/index.html +++ b/3/lib/components/progress-circle/index.html @@ -14,8 +14,8 @@ - - + + @@ -63,7 +63,7 @@ /** 百分比文本的 Y 坐标。 */ textY?: number; }; - + \ No newline at end of file diff --git a/3/lib/components/progress/index.html b/3/lib/components/progress/index.html index 218f3af581..a3189353b4 100644 --- a/3/lib/components/progress/index.html +++ b/3/lib/components/progress/index.html @@ -14,8 +14,8 @@ - - + + @@ -40,7 +40,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进度条组件条纹大小
    - + \ No newline at end of file diff --git a/3/lib/components/scrollbar/index.html b/3/lib/components/scrollbar/index.html index 662b8dd23f..9342ed3d3e 100644 --- a/3/lib/components/scrollbar/index.html +++ b/3/lib/components/scrollbar/index.html @@ -14,8 +14,8 @@ - - + + @@ -29,7 +29,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>
    - + \ 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 99732434fa..2f985ac7b3 100644 --- a/3/lib/components/search-box/index.html +++ b/3/lib/components/search-box/index.html @@ -14,8 +14,8 @@ - - + + @@ -94,7 +94,7 @@ /** 输入框失去焦点时的回调函数。 */ onBlur?: (event: FocusEvent) => void; }; - + \ No newline at end of file diff --git a/3/lib/components/table/index.html b/3/lib/components/table/index.html index fe0d4725af..bd9cf66430 100644 --- a/3/lib/components/table/index.html +++ b/3/lib/components/table/index.html @@ -14,8 +14,8 @@ - - + + @@ -101,7 +101,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表格边框颜色
    - + \ No newline at end of file diff --git a/3/lib/components/tabs/index.html b/3/lib/components/tabs/index.html index b84bf35490..aca7c5453b 100644 --- a/3/lib/components/tabs/index.html +++ b/3/lib/components/tabs/index.html @@ -14,8 +14,8 @@ - - + + @@ -119,7 +119,7 @@ console.log('>', event.type, info); }); </script>

    CSS类 ​

    标签页提供了如下 CSS 类：

    类类型作用
    tab-content实体类元素作为所有标签页容器
    tab-pane实体类元素作为单独的标签页容器
    fade工具类标签页使用渐变动画效果
    in工具类标签页使用渐变动画效果，和 fade 同时使用
    - + \ No newline at end of file diff --git a/3/lib/components/toolbar/index.html b/3/lib/components/toolbar/index.html index c9c875f257..08874914be 100644 --- a/3/lib/components/toolbar/index.html +++ b/3/lib/components/toolbar/index.html @@ -14,8 +14,8 @@ - - + + @@ -109,7 +109,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实体类元素作为工具栏项之前的间距
    - + \ No newline at end of file diff --git a/3/lib/components/toolbar/js.html b/3/lib/components/toolbar/js.html index 0f53640bab..dff507e5c4 100644 --- a/3/lib/components/toolbar/js.html +++ b/3/lib/components/toolbar/js.html @@ -14,8 +14,8 @@ - - + + @@ -152,7 +152,7 @@ render(element, <Toolbar {...options} />);

    使用 jQuery 扩展 ​

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

    选项 ​

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

    wrap ​

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

    gap ​

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

    items ​

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

    btnProps ​

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

    itemRender ​

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

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

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

    beforeRender ​

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

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

    返回值：组件选项数据。

    afterRender ​

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

    参数：

    beforeDestroy ​

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

    API ​

    ToolbarItemOptions ​

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

    ToolbarItemProps ​

    选项：

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

    btnType ​

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

    ToolbarDropdownProps ​

    选项：

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

    type ​
    children ​

    ToolbarBtnGroupProps ​

    选项：

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

    type ​

    ToolbarDividerProps ​

    选项：

    继承了工具栏的 ActionDividerProps 选项。

    ToolbarSpaceProps ​

    选项：

    继承了工具栏的 ActionSpaceProps 选项。

    type ​
    space ​
    flex ​
    - + \ No newline at end of file diff --git a/3/lib/components/tooltip/index.html b/3/lib/components/tooltip/index.html index 4394f92225..ba001b1a53 100644 --- a/3/lib/components/tooltip/index.html +++ b/3/lib/components/tooltip/index.html @@ -14,8 +14,8 @@ - - + + @@ -84,7 +84,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 ​

    提示信息的弹出方向。

    title ​

    设定提示消息内容。

    trigger ​

    设定提示消息触发方式。

    html ​

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

    className ​

    设定提示消息类名。

    type ​

    设定提示消息外观类型。

    animation ​

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

    arrow ​

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

    itemRender ​

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

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

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

    beforeRender ​

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

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

    返回值：组件选项数据。

    afterRender ​

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

    参数：

    beforeDestroy ​

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

    - + \ No newline at end of file diff --git a/3/lib/components/tree/index.html b/3/lib/components/tree/index.html index 75d9116845..d7c31c4cda 100644 --- a/3/lib/components/tree/index.html +++ b/3/lib/components/tree/index.html @@ -14,8 +14,8 @@ - - + + @@ -181,7 +181,7 @@ /** 工具栏定义。 */ actions?: ToolbarOptions | ToolbarItemOptions[]; }; - + \ 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 0f1b52f3a0..7bd9489e14 100644 --- a/3/lib/components/upload-imgs/index.html +++ b/3/lib/components/upload-imgs/index.html @@ -14,8 +14,8 @@ - - + + @@ -40,7 +40,7 @@ tip: '可点击添加或拖拽上传，图片格式支持jpg、jpeg', accept: 'image/jpg, image/jpeg' });

    选项 ​

    name ​

    表单字段名。

    showSize ​

    是否显示文件大小。

    multiple ​

    是否开启多文件上传。

    uploadText ​

    上传按钮文本。

    uploadIcon ​

    上传按钮图标。

    renameBtn ​

    是否启用重命名按钮。

    renameIcon ​

    重命名按钮图标。

    renameText ​

    重命名按钮文本。

    renameClass ​

    重命名按钮类。

    deleteBtn ​

    是否启用删除按钮。

    deleteIcon ​

    删除按钮图标。

    deleteText ​

    删除按钮文本。

    deleteClass ​

    删除按钮类。

    tip ​

    文件上传提示。

    btnClass ​

    上传按钮类。

    onAdd ​

    文件变更回调。

    onDelete ​

    删除文件回调。

    onRename ​

    重命名文件回调。

    onSizeChange ​

    文件大小变更回调。

    limitCount ​

    上传文件最大数量限制。

    accept ​

    上传文件类型。

    defaultFileList ​

    默认文件列表。

    limitSize ​

    上传文件最大大小限制。

    duplicatedHint ​

    重复文件提示。

    exceededSizeHint ​

    超出大小限制提示。

    exceededCountHint ​

    超过数量限制提示。

    totalCountText ​

    文件数量提示。

    - + \ No newline at end of file diff --git a/3/lib/components/upload/index.html b/3/lib/components/upload/index.html index 4490ed1f86..6434339155 100644 --- a/3/lib/components/upload/index.html +++ b/3/lib/components/upload/index.html @@ -14,8 +14,8 @@ - - + + @@ -56,7 +56,7 @@ name: 'files8', defaultFileList: [file1, file2] });

    选项 ​

    name ​

    表单字段名。

    icon ​

    文件图标。

    showIcon ​

    是否显示文件图标。

    showSize ​

    是否显示文件大小。

    multiple ​

    是否开启多文件上传。

    listPosition ​

    文件列表位置。

    uploadText ​

    上传按钮文本。

    uploadIcon ​

    上传按钮图标。

    renameBtn ​

    是否启用重命名按钮。

    renameIcon ​

    重命名按钮图标。

    renameText ​

    重命名按钮文本。

    renameClass ​

    重命名按钮类。

    deleteBtn ​

    是否启用删除按钮。

    deleteIcon ​

    删除按钮图标。

    deleteText ​

    删除按钮文本。

    deleteClass ​

    删除按钮类。

    confirmText ​

    确认重命名按钮文本。

    cancelText ​

    取消重命名按钮文本。

    useIconBtn ​

    是否使用图标按钮。

    tip ​

    文件上传提示。

    btnClass ​

    上传按钮类。

    onAdd ​

    文件变更回调。

    onDelete ​

    删除文件回调。

    onRename ​

    重命名文件回调。

    onSizeChange ​

    文件大小变更回调。

    draggable ​

    是否启用拖拽功能。

    limitCount ​

    上传文件最大数量限制。

    accept ​

    上传文件类型。

    defaultFileList ​

    默认文件列表。

    limitSize ​

    上传文件最大大小限制。

    duplicatedHint ​

    重复文件提示。

    exceededSizeHint ​

    超出大小限制提示。

    exceededCountHint ​

    超过数量限制提示。

    - + \ No newline at end of file diff --git a/3/lib/dtable/dtable/index.html b/3/lib/dtable/dtable/index.html index bb30570b62..831ec5fdf0 100644 --- a/3/lib/dtable/dtable/index.html +++ b/3/lib/dtable/dtable/index.html @@ -14,8 +14,8 @@ - - + + @@ -360,7 +360,7 @@ render(): void; } - + \ No newline at end of file diff --git a/3/lib/dtable/dtable/plugins.html b/3/lib/dtable/dtable/plugins.html index 80bb0434be..e26293ea49 100644 --- a/3/lib/dtable/dtable/plugins.html +++ b/3/lib/dtable/dtable/plugins.html @@ -14,8 +14,8 @@ - - + + @@ -750,7 +750,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 - + \ No newline at end of file diff --git a/3/lib/forms/checkbox/index.html b/3/lib/forms/checkbox/index.html index ab9856a0a4..32f83f2a7a 100644 --- a/3/lib/forms/checkbox/index.html +++ b/3/lib/forms/checkbox/index.html @@ -14,8 +14,8 @@ - - + + @@ -100,7 +100,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修饰类强制使用激活外观
    - + \ No newline at end of file diff --git a/3/lib/forms/form/index.html b/3/lib/forms/form/index.html index 7578364587..3160b734d6 100644 --- a/3/lib/forms/form/index.html +++ b/3/lib/forms/form/index.html @@ -14,8 +14,8 @@ - - + + @@ -132,7 +132,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表单控件提示文本文字颜色
    - + \ 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 b563d06158..e21b5b501f 100644 --- a/3/lib/forms/input-control/index.html +++ b/3/lib/forms/input-control/index.html @@ -14,8 +14,8 @@ - - + + @@ -105,7 +105,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输入框前/后缀的大号宽度
    - + \ 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 09c489c1b6..f360d3ddfd 100644 --- a/3/lib/forms/input-group/index.html +++ b/3/lib/forms/input-group/index.html @@ -14,8 +14,8 @@ - - + + @@ -123,7 +123,7 @@ </div> </div> </div>

    CSS类 ​

    输入组提供了如下 CSS 类：

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

    CSS 变量 ​

    变量名称变量含义
    --input-group-addon-bg输入组附加部分背景颜色
    --input-group-addon-color输入组附加部分文字颜色
    - + \ No newline at end of file diff --git a/3/lib/helpers/core/cash.html b/3/lib/helpers/core/cash.html index f0cc2733bf..e62c5dffdf 100644 --- a/3/lib/helpers/core/cash.html +++ b/3/lib/helpers/core/cash.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    Cash（jQuery）扩展 ​

    介绍 ​

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

    MIT License (MIT)

    Copyright (C) 2023 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 5b43d1ab4e..4d7c114774 100644 --- a/3/lib/helpers/core/component.html +++ b/3/lib/helpers/core/component.html @@ -14,8 +14,8 @@ - - + + @@ -82,7 +82,7 @@ /* 销毁。 */ datePicker.destroy(); - + \ No newline at end of file diff --git a/3/lib/helpers/helpers/index.html b/3/lib/helpers/helpers/index.html index a3e5af106c..7e587402b8 100644 --- a/3/lib/helpers/helpers/index.html +++ b/3/lib/helpers/helpers/index.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    JS 辅助方法 ​

    MIT License (MIT)

    Copyright (C) 2023 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 b21ff07e90..af513feb1b 100644 --- a/3/lib/helpers/store/index.html +++ b/3/lib/helpers/store/index.html @@ -14,8 +14,8 @@ - - + + @@ -41,7 +41,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'
    - + \ No newline at end of file diff --git a/3/lib/icons/icons/index.html b/3/lib/icons/icons/index.html index e8497e8a49..9bd3f54516 100644 --- a/3/lib/icons/icons/index.html +++ b/3/lib/icons/icons/index.html @@ -14,8 +14,8 @@ - - + + @@ -33,7 +33,7 @@ <i class="icon icon-star ping"></i> <i class="icon icon-star pulse"></i> <i class="icon icon-star bounce"></i> - + \ No newline at end of file diff --git a/3/lib/index.html b/3/lib/index.html index 3c2626a05e..d244d6eb12 100644 --- a/3/lib/index.html +++ b/3/lib/index.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    组件库 ​

    MIT License (MIT)

    Copyright (C) 2023 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 d112433227..0ee23f7f6c 100644 --- a/3/public/icons/fontawesome-license.html +++ b/3/public/icons/fontawesome-license.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    License ​

    MIT License (MIT)

    Copyright (C) 2023 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/themes/index.html b/3/themes/index.html index ad0cb7c3cf..82a44c734b 100644 --- a/3/themes/index.html +++ b/3/themes/index.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    主题 ​

    MIT License (MIT)

    Copyright (C) 2023 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 5e3086ee20..594dd6e713 100644 --- a/3/utilities/backgrounds/utilities/index.html +++ b/3/utilities/backgrounds/utilities/index.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    背景色 ​

    使用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) 2023 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 c8d8d38ce5..6e0444629e 100644 --- a/3/utilities/borders/utilities/border-color.html +++ b/3/utilities/borders/utilities/border-color.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    边框颜色 ​

    使用'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) 2023 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 28c48fb621..175884b51b 100644 --- a/3/utilities/borders/utilities/border-radius.html +++ b/3/utilities/borders/utilities/border-radius.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    边框圆角 ​

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

    效果展示 ​

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

    MIT License (MIT)

    Copyright (C) 2023 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 d60bc7c528..79e3bfdd26 100644 --- a/3/utilities/borders/utilities/border-width.html +++ b/3/utilities/borders/utilities/border-width.html @@ -14,8 +14,8 @@ - - + + @@ -24,7 +24,7 @@ <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> - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/animation.html b/3/utilities/effects/utilities/animation.html index c9604ae6ba..a1d0b87f1b 100644 --- a/3/utilities/effects/utilities/animation.html +++ b/3/utilities/effects/utilities/animation.html @@ -14,8 +14,8 @@ - - + + @@ -35,7 +35,7 @@ </div>

    弹跳 ​

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

    html
    <button type="button" class="btn primary">
   <i class="bounce icon icon-arrow-down text-white"></i> 弹跳
 </button>
    - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/filter.html b/3/utilities/effects/utilities/filter.html index cf09271519..e929d6900f 100644 --- a/3/utilities/effects/utilities/filter.html +++ b/3/utilities/effects/utilities/filter.html @@ -14,8 +14,8 @@ - - + + @@ -26,7 +26,7 @@ ZUI3 </div> </div> - + \ No newline at end of file diff --git a/3/utilities/effects/utilities/flip.html b/3/utilities/effects/utilities/flip.html index 58ef4445e4..6cfbf76d88 100644 --- a/3/utilities/effects/utilities/flip.html +++ b/3/utilities/effects/utilities/flip.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    翻转 ​

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

    ZUI
    原始
    ZUI
    flip-x
    ZUI
    flip-y

    MIT License (MIT)

    Copyright (C) 2023 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 42beecfcad..18863c4ea1 100644 --- a/3/utilities/effects/utilities/opacity.html +++ b/3/utilities/effects/utilities/opacity.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    不透明度 ​

    使用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) 2023 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 a91de3191a..5bf6c37f10 100644 --- a/3/utilities/effects/utilities/rotate.html +++ b/3/utilities/effects/utilities/rotate.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    旋转 ​

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

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

    MIT License (MIT)

    Copyright (C) 2023 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 b0cf6d7f06..c628af200d 100644 --- a/3/utilities/effects/utilities/scale.html +++ b/3/utilities/effects/utilities/scale.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    缩放 ​

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

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

    MIT License (MIT)

    Copyright (C) 2023 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 ee693c34ef..6369f0e42f 100644 --- a/3/utilities/effects/utilities/shadow.html +++ b/3/utilities/effects/utilities/shadow.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    盒阴影 ​

    阴影大小 ​

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

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

    MIT License (MIT)

    Copyright (C) 2023 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 7be5cd6edc..a354eca726 100644 --- a/3/utilities/flex/utilities/align-content.html +++ b/3/utilities/flex/utilities/align-content.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    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) 2023 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 96b740660a..e22435b29b 100644 --- a/3/utilities/flex/utilities/align-items.html +++ b/3/utilities/flex/utilities/align-items.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    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) 2023 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 f17cea7326..bd42e48390 100644 --- a/3/utilities/flex/utilities/align-self.html +++ b/3/utilities/flex/utilities/align-self.html @@ -14,8 +14,8 @@ - - + + @@ -24,7 +24,7 @@ <div class="align-auto ..."> ... </div> - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/basis.html b/3/utilities/flex/utilities/basis.html index 5d85228771..af71c9ddca 100644 --- a/3/utilities/flex/utilities/basis.html +++ b/3/utilities/flex/utilities/basis.html @@ -14,8 +14,8 @@ - - + + @@ -24,7 +24,7 @@ <div class="basis-* ..."></div> ... </div> - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/direction.html b/3/utilities/flex/utilities/direction.html index 6c531302cf..3fc5fd90bf 100644 --- a/3/utilities/flex/utilities/direction.html +++ b/3/utilities/flex/utilities/direction.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
    ZUI 3

    Appearance

    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) 2023 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 4598d3e401..99f52c48a9 100644 --- a/3/utilities/flex/utilities/flex.html +++ b/3/utilities/flex/utilities/flex.html @@ -14,8 +14,8 @@ - - + + @@ -25,7 +25,7 @@ <div class="flex-1 ..."></div> <div class="flex-1 ..."></div> </div> - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/gap.html b/3/utilities/flex/utilities/gap.html index 37aac8df14..68d2cc40c5 100644 --- a/3/utilities/flex/utilities/gap.html +++ b/3/utilities/flex/utilities/gap.html @@ -14,15 +14,15 @@ - - + +
    ZUI 3

    Appearance

    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) 2023 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 e8f070077f..f87ffcb56e 100644 --- a/3/utilities/flex/utilities/grow.html +++ b/3/utilities/flex/utilities/grow.html @@ -14,15 +14,15 @@ - - + +
    ZUI 3

    Appearance

    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) 2023 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 094554cd40..3259f0cbea 100644 --- a/3/utilities/flex/utilities/justify-content.html +++ b/3/utilities/flex/utilities/justify-content.html @@ -14,8 +14,8 @@ - - + + @@ -24,7 +24,7 @@ <div></div> ... </div> - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/order.html b/3/utilities/flex/utilities/order.html index ea4f6cf07c..cffe36033a 100644 --- a/3/utilities/flex/utilities/order.html +++ b/3/utilities/flex/utilities/order.html @@ -14,8 +14,8 @@ - - + + @@ -31,7 +31,7 @@ <div class="order-first ...">2</div> <div class="order-none ...">3</div> <div> - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/shrink.html b/3/utilities/flex/utilities/shrink.html index 2577a88f7b..130c6cda59 100644 --- a/3/utilities/flex/utilities/shrink.html +++ b/3/utilities/flex/utilities/shrink.html @@ -14,8 +14,8 @@ - - + + @@ -24,7 +24,7 @@ <div class="w-48 h-16 shrink"></div> <div class="w-48 h-16 shrink-0"></div> </div> - + \ No newline at end of file diff --git a/3/utilities/flex/utilities/wrap.html b/3/utilities/flex/utilities/wrap.html index 2f3f9d37e3..3d2f4b6602 100644 --- a/3/utilities/flex/utilities/wrap.html +++ b/3/utilities/flex/utilities/wrap.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
    ZUI 3

    Appearance

    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) 2023 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/utilities/index.html b/3/utilities/index.html index cb2e117a67..0e1d9aa3cb 100644 --- a/3/utilities/index.html +++ b/3/utilities/index.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    CSS 工具类 ​

    MIT License (MIT)

    Copyright (C) 2023 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 1cbd9ee214..5f6e72b4c4 100644 --- a/3/utilities/interactivity/utilities/disabled.html +++ b/3/utilities/interactivity/utilities/disabled.html @@ -14,15 +14,15 @@ - - + +
    ZUI 3

    Appearance

    禁用 ​

    工具类作用
    disabled组件禁用

    效果展示 ​

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

    MIT License (MIT)

    Copyright (C) 2023 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 7c06a24972..9e4869f59b 100644 --- a/3/utilities/interactivity/utilities/pointer-events.html +++ b/3/utilities/interactivity/utilities/pointer-events.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    指向事件 ​

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

    工具类属性
    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) 2023 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 dc86327af5..e308174865 100644 --- a/3/utilities/interactivity/utilities/scroll.html +++ b/3/utilities/interactivity/utilities/scroll.html @@ -14,8 +14,8 @@ - - + + @@ -43,7 +43,7 @@ <label for="smoothThree">3</label> <label for="smoothFour">4</label> </div> - + \ No newline at end of file diff --git a/3/utilities/interactivity/utilities/state.html b/3/utilities/interactivity/utilities/state.html index e3755f3d5f..94cdb08901 100644 --- a/3/utilities/interactivity/utilities/state.html +++ b/3/utilities/interactivity/utilities/state.html @@ -14,15 +14,15 @@ - - + +
    ZUI 3

    Appearance

    状态 ​

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

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

    效果展示 ​

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

    MIT License (MIT)

    Copyright (C) 2023 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 dd343f56d7..6213b7dc99 100644 --- a/3/utilities/interactivity/utilities/user-select.html +++ b/3/utilities/interactivity/utilities/user-select.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    用户选择 ​

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

    工具类属性
    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) 2023 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 c59cffd183..4fbcc998fc 100644 --- a/3/utilities/layout/utilities/aspect-ratio.html +++ b/3/utilities/layout/utilities/aspect-ratio.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
    ZUI 3

    Appearance

    宽高比 ​

    为元素提供固定的宽高比，详细配置可参考 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) 2023 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 39248f21b4..7615ca4f0c 100644 --- a/3/utilities/layout/utilities/container.html +++ b/3/utilities/layout/utilities/container.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
    ZUI 3

    Appearance

    容器 ​

    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) 2023 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 a11cc96c2a..0fd1380ad0 100644 --- a/3/utilities/layout/utilities/display.html +++ b/3/utilities/layout/utilities/display.html @@ -14,8 +14,8 @@ - - + + @@ -50,7 +50,7 @@ <div class="...">2</div> <div class="...">3</div> </div> - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/floats.html b/3/utilities/layout/utilities/floats.html index e9d45b67c1..35a93f03ce 100644 --- a/3/utilities/layout/utilities/floats.html +++ b/3/utilities/layout/utilities/floats.html @@ -14,8 +14,8 @@ - - + + @@ -27,7 +27,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> - + \ 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 b64eda4071..59cc685463 100644 --- a/3/utilities/layout/utilities/object-fit.html +++ b/3/utilities/layout/utilities/object-fit.html @@ -14,8 +14,8 @@ - - + + @@ -31,7 +31,7 @@ </div>

    缩小 ​

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

    html
    <div class="bg-surface">
   <img src="/favicon.svg" class="object-scale-down h-48 w-full">
 </div>
    - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/overflow.html b/3/utilities/layout/utilities/overflow.html index ad80651ef0..9fc353b0a5 100644 --- a/3/utilities/layout/utilities/overflow.html +++ b/3/utilities/layout/utilities/overflow.html @@ -14,8 +14,8 @@ - - + + @@ -77,7 +77,7 @@ <p><small>五代·李煜</small></p> <p>春花秋月何时了？往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。问君能有几多愁？恰似一江春水向东流</p> </div> - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/position.html b/3/utilities/layout/utilities/position.html index e608da57d4..71a1535d07 100644 --- a/3/utilities/layout/utilities/position.html +++ b/3/utilities/layout/utilities/position.html @@ -14,8 +14,8 @@ - - + + @@ -44,7 +44,7 @@ <!-- ... --> </div> </div>

    fixed ​

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

    - + \ 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 e285a9f58d..f4755ca2a0 100644 --- a/3/utilities/layout/utilities/top-right-bottom-left.html +++ b/3/utilities/layout/utilities/top-right-bottom-left.html @@ -14,8 +14,8 @@ - - + + @@ -43,7 +43,7 @@ <div class="relative ..."> <div class="absolute right-0 bottom-0 ...">8</div> </div> - + \ No newline at end of file diff --git a/3/utilities/layout/utilities/visibility.html b/3/utilities/layout/utilities/visibility.html index f6761d40db..f7b8c76f8e 100644 --- a/3/utilities/layout/utilities/visibility.html +++ b/3/utilities/layout/utilities/visibility.html @@ -14,8 +14,8 @@ - - + + @@ -31,7 +31,7 @@ <div class="...">1</div> <div class="invisible ...">2</div> </div> - + \ 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 3552c0e7c0..65ddd08769 100644 --- a/3/utilities/layout/utilities/z-index.html +++ b/3/utilities/layout/utilities/z-index.html @@ -14,8 +14,8 @@ - - + + @@ -25,7 +25,7 @@ <div class="z-30 ...">z-30</div> <div class="z-20 ...">z-20</div> <div class="z-10 ...">z-10</div> - + \ No newline at end of file diff --git a/3/utilities/sizing/utilities/height.html b/3/utilities/sizing/utilities/height.html index 6762d61870..7ac523e134 100644 --- a/3/utilities/sizing/utilities/height.html +++ b/3/utilities/sizing/utilities/height.html @@ -14,8 +14,8 @@ - - + + @@ -53,7 +53,7 @@ <div class="flex ..."> <div class="h-full ...">h-full</div> </div> - + \ No newline at end of file diff --git a/3/utilities/sizing/utilities/width.html b/3/utilities/sizing/utilities/width.html index 411488aed4..37b2eb7167 100644 --- a/3/utilities/sizing/utilities/width.html +++ b/3/utilities/sizing/utilities/width.html @@ -14,8 +14,8 @@ - - + + @@ -53,7 +53,7 @@ <div class="flex ..."> <div class="w-full ...">w-full</div> </div> - + \ No newline at end of file diff --git a/3/utilities/skin/utilities/outline.html b/3/utilities/skin/utilities/outline.html index a2e29079a7..e9e5c72bf3 100644 --- a/3/utilities/skin/utilities/outline.html +++ b/3/utilities/skin/utilities/outline.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    线框 ​

    使用 *-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) 2023 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/utilities/skin/utilities/pale.html b/3/utilities/skin/utilities/pale.html index 3804d07b3c..b4e7d6e5c5 100644 --- a/3/utilities/skin/utilities/pale.html +++ b/3/utilities/skin/utilities/pale.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    浅色 ​

    使用 *-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) 2023 cnezsoft.com

    - + \ No newline at end of file diff --git a/3/utilities/skin/utilities/solid.html b/3/utilities/skin/utilities/solid.html index 509a13a181..6142cc8425 100644 --- a/3/utilities/skin/utilities/solid.html +++ b/3/utilities/skin/utilities/solid.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    实心 ​

    设置背景色实心样式。

    工具类属性
    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) 2023 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 a6579249ee..c6771f0579 100644 --- a/3/utilities/spacing/utilities/margin.html +++ b/3/utilities/spacing/utilities/margin.html @@ -14,8 +14,8 @@ - - + + @@ -27,7 +27,7 @@ <div class="mx-4 ...">mx-4</div> <div class="my-6 ...">my-6</div> <div class="m-4 ...">m-4</div> - + \ No newline at end of file diff --git a/3/utilities/spacing/utilities/padding.html b/3/utilities/spacing/utilities/padding.html index 08f54c108a..10b2f3a0e7 100644 --- a/3/utilities/spacing/utilities/padding.html +++ b/3/utilities/spacing/utilities/padding.html @@ -14,8 +14,8 @@ - - + + @@ -27,7 +27,7 @@ <div class="px-4 ...">px-4</div> <div class="py-6 ...">py-6</div> <div class="p-4 ...">p-4</div> - + \ No newline at end of file diff --git a/3/utilities/spacing/utilities/space.html b/3/utilities/spacing/utilities/space.html index ecad7b3d34..49af0fc764 100644 --- a/3/utilities/spacing/utilities/space.html +++ b/3/utilities/spacing/utilities/space.html @@ -14,8 +14,8 @@ - - + + @@ -29,7 +29,7 @@ <div>02</div> <div>03</div> </div> - + \ 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 929d6d6458..3242082756 100644 --- a/3/utilities/typography/utilities/font-family.html +++ b/3/utilities/typography/utilities/font-family.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
    ZUI 3

    Appearance

    字体 ​

    控制元素字体的工具类。

    工具类属性
    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) 2023 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 13e3c14b67..d486cab20d 100644 --- a/3/utilities/typography/utilities/font-size.html +++ b/3/utilities/typography/utilities/font-size.html @@ -14,8 +14,8 @@ - - + + @@ -27,7 +27,7 @@ <div class="text-lg">text-lg 字体大小</div> <div class="text-xl">text-xl 字体大小</div> <div class="text-2xl">text-2xl 字体大小</div> - + \ 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 f24df0bbe9..4d6af664d6 100644 --- a/3/utilities/typography/utilities/font-weight.html +++ b/3/utilities/typography/utilities/font-weight.html @@ -14,8 +14,8 @@ - - + + @@ -26,7 +26,7 @@ <div class="font-semibold">font-semibold 字体粗细</div> <div class="font-bold">font-bold 字体粗细</div> <div class="font-black">font-black 字体粗细</div> - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/leading.html b/3/utilities/typography/utilities/leading.html index 136deb9b7f..bf5eca0fea 100644 --- a/3/utilities/typography/utilities/leading.html +++ b/3/utilities/typography/utilities/leading.html @@ -14,8 +14,8 @@ - - + + @@ -58,7 +58,7 @@ <div class="success-pale leading-loose text-lg">leading-loose 行高展示</div> <div class="danger-pale leading-loose text-xl">leading-loose 行高展示</div> </div> - + \ 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 de2a8d7861..c0a6125095 100644 --- a/3/utilities/typography/utilities/line-clamp.html +++ b/3/utilities/typography/utilities/line-clamp.html @@ -14,8 +14,8 @@ - - + + @@ -23,7 +23,7 @@
    ZUI 3

    Appearance

    控制文本行数 ​

    使用 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) 2023 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 94e147be9e..a60d86501c 100644 --- a/3/utilities/typography/utilities/text-align.html +++ b/3/utilities/typography/utilities/text-align.html @@ -14,8 +14,8 @@ - - + + @@ -24,7 +24,7 @@ <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> - + \ 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 aaaae25ab7..eb07179e49 100644 --- a/3/utilities/typography/utilities/text-color.html +++ b/3/utilities/typography/utilities/text-color.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    文本颜色 ​

    使用 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) 2023 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 75f60d3039..e84cb0e6c4 100644 --- a/3/utilities/typography/utilities/text-overflow.html +++ b/3/utilities/typography/utilities/text-overflow.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    文本溢出 ​

    用于控制元素中文本溢出的工具类。

    工具类属性
    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) 2023 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 72830109f3..fdfd4d6c93 100644 --- a/3/utilities/typography/utilities/vertical-align.html +++ b/3/utilities/typography/utilities/vertical-align.html @@ -14,8 +14,8 @@ - - + + @@ -25,7 +25,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> - + \ No newline at end of file diff --git a/3/utilities/typography/utilities/whitespace.html b/3/utilities/typography/utilities/whitespace.html index fc8568c7aa..0015fef322 100644 --- a/3/utilities/typography/utilities/whitespace.html +++ b/3/utilities/typography/utilities/whitespace.html @@ -14,14 +14,14 @@ - - + +
    ZUI 3

    Appearance

    空格 ​

    用于控制元素的空格属性的工具类。

    工具类属性
    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) 2023 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 ac55cc2330..9d1042abc3 100644 --- a/3/utilities/typography/utilities/word-break.html +++ b/3/utilities/typography/utilities/word-break.html @@ -14,8 +14,8 @@ - - + + @@ -25,7 +25,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>
    - + \ No newline at end of file diff --git a/3/zui.css b/3/zui.css index 414701585a..4cea5bd7be 100644 --- a/3/zui.css +++ b/3/zui.css @@ -1 +1 @@ -/*! tailwindcss v3.3.6 | 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-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}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-canvas-light:#fff;--color-canvas-dark:#f8fafc;--color-inverse:#000;--color-surface:#f1f5f9;--color-surface-light:#f8fafc;--color-surface-strong:#e2e8f0;--color-fore:#334155;--color-fore-light:#334155;--color-fore-dark:#fff;--color-focus:#bfdbfe;--color-link:#3b82f6;--color-link-hover:#2563eb;--color-link-visited:#1d4ed8;--color-link-active:#1e40af;--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-canvas-light-rgb:255,255,255;--color-canvas-dark-rgb:248,250,252;--color-inverse-rgb:0,0,0;--color-surface-rgb:241,245,249;--color-surface-light-rgb:248,250,252;--color-surface-strong-rgb:226,232,240;--color-fore-rgb:51,65,85;--color-fore-light-rgb:51,65,85;--color-fore-dark-rgb:255,255,255;--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-link-active-rgb:30,64,175;--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-lineHeight:1.5384615385}.dark{--color-gray-50:#020617;--color-gray-100:#0f172a;--color-gray-200:#1e293b;--color-gray-300:#334155;--color-gray-400:#475569;--color-gray-500:#64748b;--color-gray-600:#94a3b8;--color-gray-700:#cbd5e1;--color-gray-800:#e2e8f0;--color-gray-900:#f1f5f9;--color-gray-950:#f8fafc;--color-gray-50-rgb:2,6,23;--color-gray-100-rgb:15,23,42;--color-gray-200-rgb:30,41,59;--color-gray-300-rgb:51,65,85;--color-gray-400-rgb:71,85,105;--color-gray-500-rgb:100,116,139;--color-gray-600-rgb:148,163,184;--color-gray-700-rgb:203,213,225;--color-gray-800-rgb:226,232,240;--color-gray-900-rgb:241,245,249;--color-gray-950-rgb:248,250,252;--color-primary-50:#172554;--color-primary-100:#1e3a8a;--color-primary-200:#1e40af;--color-primary-300:#1d4ed8;--color-primary-400:#2563eb;--color-primary-500:#3b82f6;--color-primary-600:#60a5fa;--color-primary-700:#93c5fd;--color-primary-800:#bfdbfe;--color-primary-900:#dbeafe;--color-primary-950:#eff6ff;--color-primary-50-rgb:23,37,84;--color-primary-100-rgb:30,58,138;--color-primary-200-rgb:30,64,175;--color-primary-300-rgb:29,78,216;--color-primary-400-rgb:37,99,235;--color-primary-500-rgb:59,130,246;--color-primary-600-rgb:96,165,250;--color-primary-700-rgb:147,197,253;--color-primary-800-rgb:191,219,254;--color-primary-900-rgb:219,234,254;--color-primary-950-rgb:239,246,255;--color-secondary-50:#082f49;--color-secondary-100:#0c4a6e;--color-secondary-200:#075985;--color-secondary-300:#0369a1;--color-secondary-400:#0284c7;--color-secondary-500:#0ea5e9;--color-secondary-600:#38bdf8;--color-secondary-700:#7dd3fc;--color-secondary-800:#bae6fd;--color-secondary-900:#e0f2fe;--color-secondary-950:#f0f9ff;--color-secondary-50-rgb:8,47,73;--color-secondary-100-rgb:12,74,110;--color-secondary-200-rgb:7,89,133;--color-secondary-300-rgb:3,105,161;--color-secondary-400-rgb:2,132,199;--color-secondary-500-rgb:14,165,233;--color-secondary-600-rgb:56,189,248;--color-secondary-700-rgb:125,211,252;--color-secondary-800-rgb:186,230,253;--color-secondary-900-rgb:224,242,254;--color-secondary-950-rgb:240,249,255;--color-success-50:#052e16;--color-success-100:#14532d;--color-success-200:#166534;--color-success-300:#15803d;--color-success-400:#16a34a;--color-success-500:#22c55e;--color-success-600:#4ade80;--color-success-700:#86efac;--color-success-800:#bbf7d0;--color-success-900:#dcfce7;--color-success-950:#f0fdf4;--color-success-50-rgb:5,46,22;--color-success-100-rgb:20,83,45;--color-success-200-rgb:22,101,52;--color-success-300-rgb:21,128,61;--color-success-400-rgb:22,163,74;--color-success-500-rgb:34,197,94;--color-success-600-rgb:74,222,128;--color-success-700-rgb:134,239,172;--color-success-800-rgb:187,247,208;--color-success-900-rgb:220,252,231;--color-success-950-rgb:240,253,244;--color-warning-50:#451a03;--color-warning-100:#78350f;--color-warning-200:#92400e;--color-warning-300:#b45309;--color-warning-400:#d97706;--color-warning-500:#f59e0b;--color-warning-600:#fbbf24;--color-warning-700:#fcd34d;--color-warning-800:#fde68a;--color-warning-900:#fef3c7;--color-warning-950:#fffbeb;--color-warning-50-rgb:69,26,3;--color-warning-100-rgb:120,53,15;--color-warning-200-rgb:146,64,14;--color-warning-300-rgb:180,83,9;--color-warning-400-rgb:217,119,6;--color-warning-500-rgb:245,158,11;--color-warning-600-rgb:251,191,36;--color-warning-700-rgb:252,211,77;--color-warning-800-rgb:253,230,138;--color-warning-900-rgb:254,243,199;--color-warning-950-rgb:255,251,235;--color-danger-50:#450a0a;--color-danger-100:#7f1d1d;--color-danger-200:#991b1b;--color-danger-300:#b91c1c;--color-danger-400:#dc2626;--color-danger-500:#ef4444;--color-danger-600:#f87171;--color-danger-700:#fca5a5;--color-danger-800:#fecaca;--color-danger-900:#fee2e2;--color-danger-950:#fef2f2;--color-danger-50-rgb:69,10,10;--color-danger-100-rgb:127,29,29;--color-danger-200-rgb:153,27,27;--color-danger-300-rgb:185,28,28;--color-danger-400-rgb:220,38,38;--color-danger-500-rgb:239,68,68;--color-danger-600-rgb:248,113,113;--color-danger-700-rgb:252,165,165;--color-danger-800-rgb:254,202,202;--color-danger-900-rgb:254,226,226;--color-danger-950-rgb:254,242,242;--color-important-50:#500724;--color-important-100:#831843;--color-important-200:#9d174d;--color-important-300:#be185d;--color-important-400:#db2777;--color-important-500:#ec4899;--color-important-600:#f472b6;--color-important-700:#f9a8d4;--color-important-800:#fbcfe8;--color-important-900:#fce7f3;--color-important-950:#fdf2f8;--color-important-50-rgb:80,7,36;--color-important-100-rgb:131,24,67;--color-important-200-rgb:157,23,77;--color-important-300-rgb:190,24,93;--color-important-400-rgb:219,39,119;--color-important-500-rgb:236,72,153;--color-important-600-rgb:244,114,182;--color-important-700-rgb:249,168,212;--color-important-800-rgb:251,207,232;--color-important-900-rgb:252,231,243;--color-important-950-rgb:253,242,248;--color-special-50:#3b0764;--color-special-100:#581c87;--color-special-200:#6b21a8;--color-special-300:#7e22ce;--color-special-400:#9333ea;--color-special-500:#a855f7;--color-special-600:#c084fc;--color-special-700:#d8b4fe;--color-special-800:#e9d5ff;--color-special-900:#f3e8ff;--color-special-950:#faf5ff;--color-special-50-rgb:59,7,100;--color-special-100-rgb:88,28,135;--color-special-200-rgb:107,33,168;--color-special-300-rgb:126,34,206;--color-special-400-rgb:147,51,234;--color-special-500-rgb:168,85,247;--color-special-600-rgb:192,132,252;--color-special-700-rgb:216,180,254;--color-special-800-rgb:233,213,255;--color-special-900-rgb:243,232,255;--color-special-950-rgb:250,245,255;--color-canvas:#020617;--color-inverse:#fff;--color-surface:#1e293b;--color-surface-light:#0f172a;--color-surface-strong:#334155;--color-fore:#cbd5e1;--color-focus:#1e40af;--color-link:#3b82f6;--color-link-hover:#60a5fa;--color-link-visited:#93c5fd;--color-link-active:#bfdbfe;--color-placeholder:#475569;--color-border:#1e293b;--color-border-strong:#334155;--color-border-light:#0f172a;--color-canvas-rgb:2,6,23;--color-inverse-rgb:255,255,255;--color-surface-rgb:30,41,59;--color-surface-light-rgb:15,23,42;--color-surface-strong-rgb:51,65,85;--color-fore-rgb:203,213,225;--color-focus-rgb:30,64,175;--color-link-rgb:59,130,246;--color-link-hover-rgb:96,165,250;--color-link-visited-rgb:147,197,253;--color-link-active-rgb:191,219,254;--color-placeholder-rgb:71,85,105;--color-border-rgb:30,41,59;--color-border-strong-rgb:51,65,85;--color-border-light-rgb:15,23,42}.light-in-dark{--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-canvas-light:#fff;--color-canvas-dark:#f8fafc;--color-inverse:#000;--color-surface:#f1f5f9;--color-surface-light:#f8fafc;--color-surface-strong:#e2e8f0;--color-fore:#334155;--color-fore-light:#334155;--color-fore-dark:#fff;--color-focus:#bfdbfe;--color-link:#3b82f6;--color-link-hover:#2563eb;--color-link-visited:#1d4ed8;--color-link-active:#1e40af;--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-canvas-light-rgb:255,255,255;--color-canvas-dark-rgb:248,250,252;--color-inverse-rgb:0,0,0;--color-surface-rgb:241,245,249;--color-surface-light-rgb:248,250,252;--color-surface-strong-rgb:226,232,240;--color-fore-rgb:51,65,85;--color-fore-light-rgb:51,65,85;--color-fore-dark-rgb:255,255,255;--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-link-active-rgb:30,64,175;--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}@media (prefers-color-scheme:dark){.dark-auto{--color-gray-50:#020617;--color-gray-100:#0f172a;--color-gray-200:#1e293b;--color-gray-300:#334155;--color-gray-400:#475569;--color-gray-500:#64748b;--color-gray-600:#94a3b8;--color-gray-700:#cbd5e1;--color-gray-800:#e2e8f0;--color-gray-900:#f1f5f9;--color-gray-950:#f8fafc;--color-gray-50-rgb:2,6,23;--color-gray-100-rgb:15,23,42;--color-gray-200-rgb:30,41,59;--color-gray-300-rgb:51,65,85;--color-gray-400-rgb:71,85,105;--color-gray-500-rgb:100,116,139;--color-gray-600-rgb:148,163,184;--color-gray-700-rgb:203,213,225;--color-gray-800-rgb:226,232,240;--color-gray-900-rgb:241,245,249;--color-gray-950-rgb:248,250,252;--color-primary-50:#172554;--color-primary-100:#1e3a8a;--color-primary-200:#1e40af;--color-primary-300:#1d4ed8;--color-primary-400:#2563eb;--color-primary-500:#3b82f6;--color-primary-600:#60a5fa;--color-primary-700:#93c5fd;--color-primary-800:#bfdbfe;--color-primary-900:#dbeafe;--color-primary-950:#eff6ff;--color-primary-50-rgb:23,37,84;--color-primary-100-rgb:30,58,138;--color-primary-200-rgb:30,64,175;--color-primary-300-rgb:29,78,216;--color-primary-400-rgb:37,99,235;--color-primary-500-rgb:59,130,246;--color-primary-600-rgb:96,165,250;--color-primary-700-rgb:147,197,253;--color-primary-800-rgb:191,219,254;--color-primary-900-rgb:219,234,254;--color-primary-950-rgb:239,246,255;--color-secondary-50:#082f49;--color-secondary-100:#0c4a6e;--color-secondary-200:#075985;--color-secondary-300:#0369a1;--color-secondary-400:#0284c7;--color-secondary-500:#0ea5e9;--color-secondary-600:#38bdf8;--color-secondary-700:#7dd3fc;--color-secondary-800:#bae6fd;--color-secondary-900:#e0f2fe;--color-secondary-950:#f0f9ff;--color-secondary-50-rgb:8,47,73;--color-secondary-100-rgb:12,74,110;--color-secondary-200-rgb:7,89,133;--color-secondary-300-rgb:3,105,161;--color-secondary-400-rgb:2,132,199;--color-secondary-500-rgb:14,165,233;--color-secondary-600-rgb:56,189,248;--color-secondary-700-rgb:125,211,252;--color-secondary-800-rgb:186,230,253;--color-secondary-900-rgb:224,242,254;--color-secondary-950-rgb:240,249,255;--color-success-50:#052e16;--color-success-100:#14532d;--color-success-200:#166534;--color-success-300:#15803d;--color-success-400:#16a34a;--color-success-500:#22c55e;--color-success-600:#4ade80;--color-success-700:#86efac;--color-success-800:#bbf7d0;--color-success-900:#dcfce7;--color-success-950:#f0fdf4;--color-success-50-rgb:5,46,22;--color-success-100-rgb:20,83,45;--color-success-200-rgb:22,101,52;--color-success-300-rgb:21,128,61;--color-success-400-rgb:22,163,74;--color-success-500-rgb:34,197,94;--color-success-600-rgb:74,222,128;--color-success-700-rgb:134,239,172;--color-success-800-rgb:187,247,208;--color-success-900-rgb:220,252,231;--color-success-950-rgb:240,253,244;--color-warning-50:#451a03;--color-warning-100:#78350f;--color-warning-200:#92400e;--color-warning-300:#b45309;--color-warning-400:#d97706;--color-warning-500:#f59e0b;--color-warning-600:#fbbf24;--color-warning-700:#fcd34d;--color-warning-800:#fde68a;--color-warning-900:#fef3c7;--color-warning-950:#fffbeb;--color-warning-50-rgb:69,26,3;--color-warning-100-rgb:120,53,15;--color-warning-200-rgb:146,64,14;--color-warning-300-rgb:180,83,9;--color-warning-400-rgb:217,119,6;--color-warning-500-rgb:245,158,11;--color-warning-600-rgb:251,191,36;--color-warning-700-rgb:252,211,77;--color-warning-800-rgb:253,230,138;--color-warning-900-rgb:254,243,199;--color-warning-950-rgb:255,251,235;--color-danger-50:#450a0a;--color-danger-100:#7f1d1d;--color-danger-200:#991b1b;--color-danger-300:#b91c1c;--color-danger-400:#dc2626;--color-danger-500:#ef4444;--color-danger-600:#f87171;--color-danger-700:#fca5a5;--color-danger-800:#fecaca;--color-danger-900:#fee2e2;--color-danger-950:#fef2f2;--color-danger-50-rgb:69,10,10;--color-danger-100-rgb:127,29,29;--color-danger-200-rgb:153,27,27;--color-danger-300-rgb:185,28,28;--color-danger-400-rgb:220,38,38;--color-danger-500-rgb:239,68,68;--color-danger-600-rgb:248,113,113;--color-danger-700-rgb:252,165,165;--color-danger-800-rgb:254,202,202;--color-danger-900-rgb:254,226,226;--color-danger-950-rgb:254,242,242;--color-important-50:#500724;--color-important-100:#831843;--color-important-200:#9d174d;--color-important-300:#be185d;--color-important-400:#db2777;--color-important-500:#ec4899;--color-important-600:#f472b6;--color-important-700:#f9a8d4;--color-important-800:#fbcfe8;--color-important-900:#fce7f3;--color-important-950:#fdf2f8;--color-important-50-rgb:80,7,36;--color-important-100-rgb:131,24,67;--color-important-200-rgb:157,23,77;--color-important-300-rgb:190,24,93;--color-important-400-rgb:219,39,119;--color-important-500-rgb:236,72,153;--color-important-600-rgb:244,114,182;--color-important-700-rgb:249,168,212;--color-important-800-rgb:251,207,232;--color-important-900-rgb:252,231,243;--color-important-950-rgb:253,242,248;--color-special-50:#3b0764;--color-special-100:#581c87;--color-special-200:#6b21a8;--color-special-300:#7e22ce;--color-special-400:#9333ea;--color-special-500:#a855f7;--color-special-600:#c084fc;--color-special-700:#d8b4fe;--color-special-800:#e9d5ff;--color-special-900:#f3e8ff;--color-special-950:#faf5ff;--color-special-50-rgb:59,7,100;--color-special-100-rgb:88,28,135;--color-special-200-rgb:107,33,168;--color-special-300-rgb:126,34,206;--color-special-400-rgb:147,51,234;--color-special-500-rgb:168,85,247;--color-special-600-rgb:192,132,252;--color-special-700-rgb:216,180,254;--color-special-800-rgb:233,213,255;--color-special-900-rgb:243,232,255;--color-special-950-rgb:250,245,255;--color-canvas:#020617;--color-inverse:#fff;--color-surface:#1e293b;--color-surface-light:#0f172a;--color-surface-strong:#334155;--color-fore:#cbd5e1;--color-focus:#1e40af;--color-link:#3b82f6;--color-link-hover:#60a5fa;--color-link-visited:#93c5fd;--color-link-active:#bfdbfe;--color-placeholder:#475569;--color-border:#1e293b;--color-border-strong:#334155;--color-border-light:#0f172a;--color-canvas-rgb:2,6,23;--color-inverse-rgb:255,255,255;--color-surface-rgb:30,41,59;--color-surface-light-rgb:15,23,42;--color-surface-strong-rgb:51,65,85;--color-fore-rgb:203,213,225;--color-focus-rgb:30,64,175;--color-link-rgb:59,130,246;--color-link-hover-rgb:96,165,250;--color-link-visited-rgb:147,197,253;--color-link-active-rgb:191,219,254;--color-placeholder-rgb:71,85,105;--color-border-rgb:30,41,59;--color-border-strong-rgb:51,65,85;--color-border-light-rgb:15,23,42}}*,: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}:root{--font-h1-size:2.25rem}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}.code,code{--tw-text-opacity:1;background-color:rgba(var(--color-important-500-rgb),.1);border-radius:var(--radius);color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity));padding-left:.25rem;padding-right:.25rem}pre{font-size:.75rem;line-height:1rem;overflow:auto;padding:.5rem}pre code{background-color:transparent;color:inherit;padding:0}samp,var{font-weight:700}.blockquote,blockquote{border-left-width:4px;font-size:.875rem;line-height:1.3rem;padding-left:.75rem}.blockquote figcaption,blockquote figcaption{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity));font-size:.75rem;line-height:1rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5}.h1,h1{font-size:2rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}.h4,h4{font-size:1rem}.h5,h5{font-size:.875rem}.h6,h6{font-size:.75rem}ul{list-style-type:disc}ol,ul{padding-left:1.5em}ol{list-style-type:decimal}dt{font-weight:700}dd{padding-left:2em}.article{font-size:.875rem;line-height:1.75}.article audio,.article blockquote,.article figure,.article h1,.article h2,.article h3,.article h4,.article img,.article ol,.article p,.article table,.article ul,.article video{margin-bottom:.5em;margin-top:.5em}.article hr{margin-bottom:1.5em;margin-top:1.5em}.article table{border-width:1px}.article td,th{border-bottom-width:1px;padding:.25rem .75rem}.article thead{background-color:var(--table-head-bg,var(--color-gray-100))}.article ol *,.article table *,.article ul *{margin-bottom:0;margin-top:0}.article pre{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-50-rgb),var(--tw-bg-opacity));border-radius:var(--radius);border-width:1px}: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:inherit;font-weight:700}.alert-link:hover{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:inherit}.btn-link{--tw-text-opacity:1;--tw-ring-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-color:var(--color-primary-500)}.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:transform,background-color,color,opacity;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+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTkgMjAuNDItNi4yMS02LjIxIDIuODMtMi44M0w5IDE0Ljc3bDkuODgtOS44OSAyLjgzIDIuODN6Ii8+PC9zdmc+");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))}.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{--checkbox-radio-size:calc(var(--checkbox-size)*2/3);background-color:var(--checkbox-color);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{border-color:var(--checkbox-color)}.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{border-color:var(--checkbox-color);outline-color:rgb(var(--color-focus-rgb));outline-style:solid;outline-width:2px}.checkbox-primary.checked>label:before,.checkbox-primary>input[type=checkbox]:checked+label:before{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.radio-primary.checked>label:before,.radio-primary>input[type=radio]:checked+label:before{border-color:var(--checkbox-color)}.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}.checkbox-primary.indeterminate>label:after,.checkbox-primary>input[type=checkbox]:indeterminate+label:after{--tw-border-opacity:1;background-color:var(--checkbox-color);background-image:none;border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity));border-width:calc((var(--checkbox-size) - 2px)/2) 2px;opacity:1}.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-strong-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:.3s;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: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:32px}.input-control.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;padding:0}.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;border-radius:var(--radius);display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:.25rem}.listitem.selected{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-50-rgb),var(--tw-bg-opacity))}.listitem.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))}.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:currentColor;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:currentColor;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}.search-box.compact.has-prefix-icon{--input-control-prefix:24px}.search-box.compact.has-suffix-icon{--input-control-suffix:24px}:root{--menu-bg:var(--color-canvas);--menu-active-bg:var(--color-primary-500);--menu-active-color:var(--color-canvas);--menu-selected-bg:var(--color-primary-50);--menu-selected-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-wrapper{display:flex;flex-direction:column;min-height:0}.menu-wrapper>.menu{flex:1 1 auto;min-height:0;overflow:auto}.menu-item>.item-inner,.menu-item>a{align-items:center;border-radius:var(--radius);color:inherit;cursor:pointer;display:flex;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>.selected{background:var(--menu-selected-bg);color:var(--menu-selected-color)}.menu-item>.active,.menu-item>a.hover,.menu-item>a:hover{background:var(--menu-active-bg);color:var(--menu-active-color)}.menu-item.disabled>a:hover,.menu-item>a.disabled:hover{background-color:inherit;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{background-color:transparent;margin-bottom:-.5rem;margin-left:var(--menu-indent);margin-top:-.5rem;padding-right:0}.menu-nested .menu-item>.item-inner{padding-left:0}.menu.compact .menu-item>a{padding-bottom:.125rem;padding-top:.125rem}.menu.compact .menu-heading{height:1.75rem}.search-menu-header{padding:.5rem .5rem .125rem}.search-menu-footer{padding:.125rem .5rem .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:inherit;font-weight:700}.alert-link:hover{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:currentColor;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:fixed;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:currentColor;border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:currentColor;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:currentColor;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:currentColor;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:transparent;transition-property:none}.modal.loading:after{--tw-text-opacity:1;color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.modal.loading .modal-dialog{opacity:0!important}.modal.show{display:flex}.modal-no-backdrop{background-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:currentColor;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{list-style-type:none;padding-left:0}.nav,.nav-item{align-items:center;display:flex;position:relative}.nav-item{gap:.75rem}.nav-item>a{align-items:center;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:currentColor}.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: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: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:currentColor}.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: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: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: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{--gutter-width:1px;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: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-item>.selected{background:var(--menu-selected-bg);color:var(--menu-selected-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.popover{display:flex;flex-direction:column;position:absolute;z-index:1200}.dropdown.show{display:flex}.dropdown-menu{--menu-min-width:7rem;display:none}.dropdown-menu.show,.menu-wrapper>.dropdown-menu,.show>.dropdown-menu{display:block}.dropdown>.dropdown-menu,.menu-wrapper .dropdown-menu{position:relative}.show>.menu-wrapper{display:flex}.dropdown>.menu-wrapper{height:100%}.dropdown>.menu-wrapper .menu-wrapper{position:absolute}.is-contextmenu .is-nested-show>a:not(:hover){--tw-bg-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity))}.is-contextmenu .menu-item.is-nested>.item-inner>.nested-toggle-icon{position:absolute;right:.25rem;top:.375rem}.is-contextmenu .menu-nested .menu-item>.item-inner{padding-left:.5rem}.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:currentColor;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:currentColor;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:currentColor;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{border-bottom-color:rgba(var(--color-inverse-rgb),.2);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: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:currentColor;border-top-width:0;top:0}.dtable-sort:after{border-bottom-width:0;border-top-color:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:currentColor;border-width:0 0 .08em .08em;content:var(--tw-content);height:.385em;left:.3846em;position:absolute;top:.08em;width:.385em}.i-calendar{border-color:currentColor;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:currentColor;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);--opacity-disabled:.65;--opacity-muted:.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-color:var(--state-ring-color,currentColor);--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);background:var(--state-active-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);opacity:.8;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(--opacity-disabled)}.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:transparent currentcolor currentcolor;border-radius:var(--radius-full);border-style:dotted;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);-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(--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)}.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}.canvas,.surface,.surface-light,.surface-strong{--tw-text-opacity:1;color:rgba(var(--color-fore-rgb),var(--tw-text-opacity))}.canvas{--tw-bg-opacity:1;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.surface-light{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-light-rgb),var(--tw-bg-opacity))}.surface{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.surface-strong{--tw-bg-opacity:1;background-color:rgba(var(--color-surface-strong-rgb),var(--tw-bg-opacity))}.inverse{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-inverse-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.skin{--skin-bg:var(--skin-color);--tw-ring-color:rgba(var(--skin-ring),var(--skin-ring-opacity));--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover-rgb:var(--skin-text);background-color:rgba(var(--skin-bg),var(--tw-bg-opacity));background-image:var(--skin-bg-img);border:var(--skin-border-width) var(--skin-border-style) rgba(var(--skin-border,var(--skin-bg)),var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--skin-text),var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.skin:hover{background-color:rgba(var(--skin-hover-bg,var(--skin-bg)),var(--skin-hover-bg-opacity,var(--tw-bg-opacity)))}.black,.bright,.danger,.dark-gray,.darken,.darker,.darkest,.gray,.important,.inky,.light-gray,.lighten,.lighter,.lightest,.primary,.secondary,.special,.success,.warning,.white{--skin-bg:var(--skin-color);--tw-ring-color:rgba(var(--skin-ring),var(--skin-ring-opacity));--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover-rgb:var(--skin-text);background-color:rgba(var(--skin-bg),var(--tw-bg-opacity));background-image:var(--skin-bg-img);border:var(--skin-border-width) var(--skin-border-style) rgba(var(--skin-border,var(--skin-bg)),var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--skin-text),var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.black:hover,.bright:hover,.danger:hover,.dark-gray:hover,.darken:hover,.darker:hover,.darkest:hover,.gray:hover,.important:hover,.inky:hover,.light-gray:hover,.lighten:hover,.lighter:hover,.lightest:hover,.primary:hover,.secondary:hover,.special:hover,.success:hover,.warning:hover,.white:hover{background-color:rgba(var(--skin-hover-bg,var(--skin-bg)),var(--skin-hover-bg-opacity,var(--tw-bg-opacity)))}.black,.bright,.danger,.dark-gray,.darken,.darker,.darkest,.gray,.important,.inky,.light-gray,.lighten,.lighter,.lightest,.primary,.secondary,.special,.success,.warning,.white{--skin-text:var(--color-white-rgb);--state-ring-color:rgb(var(--skin-color))}.primary{--skin-color:var(--color-primary-500-rgb)}.secondary{--skin-color:var(--color-secondary-500-rgb)}.success{--skin-color:var(--color-success-500-rgb)}.warning{--skin-color:var(--color-warning-500-rgb)}.danger{--skin-color:var(--color-danger-500-rgb)}.important{--skin-color:var(--color-important-500-rgb)}.special{--skin-color:var(--color-special-500-rgb)}.white{--skin-color:var(--color-white-rgb);--skin-text:var(--color-fore-light-rgb);--state-ring-color:rgb(var(--skin-text))}.bright{--skin-color:var(--color-gray-100-rgb);--skin-text:var(--color-fore-rgb);--state-ring-color:rgb(var(--skin-text))}.lightest{--skin-color:var(--color-gray-200-rgb);--skin-text:var(--color-fore-rgb);--state-ring-color:rgb(var(--skin-text))}.lighter{--skin-color:var(--color-gray-300-rgb);--skin-text:var(--color-fore-rgb);--state-ring-color:rgb(var(--skin-text))}.light-gray,.lighten{--skin-color:var(--color-gray-400-rgb)}.gray{--skin-color:var(--color-gray-500-rgb)}.dark-gray,.darken{--skin-color:var(--color-gray-600-rgb)}.darker{--skin-color:var(--color-gray-700-rgb)}.darkest{--skin-color:var(--color-gray-800-rgb)}.inky{--skin-color:var(--color-gray-900-rgb)}.black{--skin-color:var(--color-black-rgb)}.black-pale,.bright-pale,.danger-pale,.dark-gray-pale,.darker-pale,.darkest-pale,.gray-pale,.important-pale,.inky-pale,.light-gray-pale,.lighter-pale,.lightest-pale,.pale,.primary-pale,.secondary-pale,.special-pale,.success-pale,.warning-pale,.white-pale{--skin-bg:var(--skin-color);--tw-ring-color:rgba(var(--skin-ring),var(--skin-ring-opacity));--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover-rgb:var(--skin-text);background-color:rgba(var(--skin-bg),var(--tw-bg-opacity));background-image:var(--skin-bg-img);border:var(--skin-border-width) var(--skin-border-style) rgba(var(--skin-border,var(--skin-bg)),var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--skin-text),var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.black-pale:hover,.bright-pale:hover,.danger-pale:hover,.dark-gray-pale:hover,.darker-pale:hover,.darkest-pale:hover,.gray-pale:hover,.important-pale:hover,.inky-pale:hover,.light-gray-pale:hover,.lighter-pale:hover,.lightest-pale:hover,.pale:hover,.primary-pale:hover,.secondary-pale:hover,.special-pale:hover,.success-pale:hover,.warning-pale:hover,.white-pale:hover{background-color:rgba(var(--skin-hover-bg,var(--skin-bg)),var(--skin-hover-bg-opacity,var(--tw-bg-opacity)))}.black-pale,.bright-pale,.danger-pale,.dark-gray-pale,.darker-pale,.darkest-pale,.gray-pale,.important-pale,.inky-pale,.light-gray-pale,.lighter-pale,.lightest-pale,.pale,.primary-pale,.secondary-pale,.special-pale,.success-pale,.warning-pale,.white-pale{--tw-bg-opacity:0.1;--skin-ring-opacity:1;--skin-text:var(--skin-color);--skin-bg:var(--skin-color);--skin-hover-bg-opacity:.1}.pale{--skin-hover-bg:var(--color-gray-500-rgb)}.primary-pale{--skin-color:var(--color-primary-500-rgb)}.secondary-pale{--skin-color:var(--color-secondary-500-rgb)}.success-pale{--skin-color:var(--color-success-500-rgb)}.warning-pale{--skin-color:var(--color-warning-500-rgb)}.danger-pale{--skin-color:var(--color-danger-500-rgb)}.important-pale{--skin-color:var(--color-important-500-rgb)}.special-pale{--skin-color:var(--color-special-500-rgb)}.bright-pale{--skin-color:var(--color-gray-100-rgb);--skin-text:var(--color-gray-400-rgb)}.lightest-pale{--skin-color:var(--color-gray-200-rgb);--skin-text:var(--color-gray-400-rgb)}.lighter-pale{--skin-color:var(--color-gray-300-rgb);--skin-text:var(--color-gray-500-rgb)}.light-gray-pale{--skin-color:var(--color-gray-400-rgb);--skin-text:var(--color-gray-500-rgb)}.gray-pale{--skin-color:var(--color-gray-500-rgb)}.dark-gray-pale{--skin-color:var(--color-gray-600-rgb)}.darker-pale{--skin-color:var(--color-gray-700-rgb)}.darkest-pale{--skin-color:var(--color-gray-800-rgb)}.inky-pale{--skin-color:var(--color-gray-900-rgb)}.black-pale{--skin-color:var(--color-black-rgb)}.black-outline,.bright-outline,.danger-outline,.dark-gray-outline,.darker-outline,.darkest-outline,.gray-outline,.important-outline,.inky-outline,.light-gray-outline,.lighter-outline,.lightest-outline,.outline,.primary-outline,.secondary-outline,.special-outline,.success-outline,.warning-outline,.white-outline{--skin-bg:var(--skin-color);--tw-ring-color:rgba(var(--skin-ring),var(--skin-ring-opacity));--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover-rgb:var(--skin-text);background-color:rgba(var(--skin-bg),var(--tw-bg-opacity));background-image:var(--skin-bg-img);border:var(--skin-border-width) var(--skin-border-style) rgba(var(--skin-border,var(--skin-bg)),var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--skin-text),var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.black-outline:hover,.bright-outline:hover,.danger-outline:hover,.dark-gray-outline:hover,.darker-outline:hover,.darkest-outline:hover,.gray-outline:hover,.important-outline:hover,.inky-outline:hover,.light-gray-outline:hover,.lighter-outline:hover,.lightest-outline:hover,.outline:hover,.primary-outline:hover,.secondary-outline:hover,.special-outline:hover,.success-outline:hover,.warning-outline:hover,.white-outline:hover{background-color:rgba(var(--skin-hover-bg,var(--skin-bg)),var(--skin-hover-bg-opacity,var(--tw-bg-opacity)))}.black-outline,.bright-outline,.danger-outline,.dark-gray-outline,.darker-outline,.darkest-outline,.gray-outline,.important-outline,.inky-outline,.light-gray-outline,.lighter-outline,.lightest-outline,.outline,.primary-outline,.secondary-outline,.special-outline,.success-outline,.warning-outline,.white-outline{--tw-bg-opacity:0.01;--tw-ring-color:currentColor;--skin-ring-opacity:1;--skin-text:var(--skin-color);--skin-bg:var(--skin-color);--skin-hover-bg-opacity:.1;--state-color:transparent}.outline{--skin-hover-bg:var(--color-gray-500-rgb)}.primary-outline{--skin-color:var(--color-primary-500-rgb)}.secondary-outline{--skin-color:var(--color-secondary-500-rgb)}.success-outline{--skin-color:var(--color-success-500-rgb)}.warning-outline{--skin-color:var(--color-warning-500-rgb)}.danger-outline{--skin-color:var(--color-danger-500-rgb)}.important-outline{--skin-color:var(--color-important-500-rgb)}.special-outline{--skin-color:var(--color-special-500-rgb)}.light-gray-outline{--skin-text:var(--color-gray-400-rgb)}.gray-outline{--skin-text:var(--color-gray-500-rgb)}.dark-gray-outline{--skin-text:var(--color-gray-600-rgb)}.danger-ghost,.ghost,.important-ghost,.primary-ghost,.secondary-ghost,.special-ghost,.success-ghost,.warning-ghost{--skin-bg:var(--skin-color);--tw-ring-color:rgba(var(--skin-ring),var(--skin-ring-opacity));--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover-rgb:var(--skin-text);background-color:rgba(var(--skin-bg),var(--tw-bg-opacity));background-image:var(--skin-bg-img);border:var(--skin-border-width) var(--skin-border-style) rgba(var(--skin-border,var(--skin-bg)),var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:rgba(var(--skin-text),var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.danger-ghost:hover,.ghost:hover,.important-ghost:hover,.primary-ghost:hover,.secondary-ghost:hover,.special-ghost:hover,.success-ghost:hover,.warning-ghost:hover{background-color:rgba(var(--skin-hover-bg,var(--skin-bg)),var(--skin-hover-bg-opacity,var(--tw-bg-opacity)))}.danger-ghost,.ghost,.important-ghost,.primary-ghost,.secondary-ghost,.special-ghost,.success-ghost,.warning-ghost{--skin-ring-opacity:0;--tw-bg-opacity:0;--skin-text:var(--skin-color,var(--color-fore-rgb));--skin-hover-bg:var(--skin-color);--skin-hover-bg-opacity:.1;--state-color:transparent}.ghost{--skin-hover-bg:var(--color-gray-500-rgb)}.primary-ghost{--skin-color:var(--color-primary-500-rgb)}.secondary-ghost{--skin-color:var(--color-secondary-500-rgb)}.success-ghost{--skin-color:var(--color-success-500-rgb)}.warning-ghost{--skin-color:var(--color-warning-500-rgb)}.danger-ghost{--skin-color:var(--color-danger-500-rgb)}.important-ghost{--skin-color:var(--color-important-500-rgb)}.special-ghost{--skin-color:var(--color-special-500-rgb)}.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}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.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:currentColor;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:inherit}.ring-current{--tw-ring-color:currentColor}.ring-transparent{--tw-ring-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-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:transparent;--tw-shadow:var(--tw-shadow-colored)}.shadow-current{--tw-shadow-color:currentColor;--tw-shadow:var(--tw-shadow-colored)}.shadow-inherit{--tw-shadow-color:inherit;--tw-shadow:var(--tw-shadow-colored)}.muted{opacity:var(--opacity-muted)}.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.6 | 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-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}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-canvas-light:#fff;--color-canvas-dark:#f8fafc;--color-inverse:#000;--color-surface:#f1f5f9;--color-surface-light:#f8fafc;--color-surface-strong:#e2e8f0;--color-fore:#334155;--color-fore-in-light:#334155;--color-fore-in-dark:#fff;--color-focus:#bfdbfe;--color-link:#3b82f6;--color-link-hover:#2563eb;--color-link-visited:#1d4ed8;--color-link-active:#1e40af;--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-canvas-light-rgb:255,255,255;--color-canvas-dark-rgb:248,250,252;--color-inverse-rgb:0,0,0;--color-surface-rgb:241,245,249;--color-surface-light-rgb:248,250,252;--color-surface-strong-rgb:226,232,240;--color-fore-rgb:51,65,85;--color-fore-in-light-rgb:51,65,85;--color-fore-in-dark-rgb:255,255,255;--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-link-active-rgb:30,64,175;--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-lineHeight:1.5384615385}.dark{--color-gray-50:#020617;--color-gray-100:#0f172a;--color-gray-200:#1e293b;--color-gray-300:#334155;--color-gray-400:#475569;--color-gray-500:#64748b;--color-gray-600:#94a3b8;--color-gray-700:#cbd5e1;--color-gray-800:#e2e8f0;--color-gray-900:#f1f5f9;--color-gray-950:#f8fafc;--color-gray-50-rgb:2,6,23;--color-gray-100-rgb:15,23,42;--color-gray-200-rgb:30,41,59;--color-gray-300-rgb:51,65,85;--color-gray-400-rgb:71,85,105;--color-gray-500-rgb:100,116,139;--color-gray-600-rgb:148,163,184;--color-gray-700-rgb:203,213,225;--color-gray-800-rgb:226,232,240;--color-gray-900-rgb:241,245,249;--color-gray-950-rgb:248,250,252;--color-primary-50:#172554;--color-primary-100:#1e3a8a;--color-primary-200:#1e40af;--color-primary-300:#1d4ed8;--color-primary-400:#2563eb;--color-primary-500:#3b82f6;--color-primary-600:#60a5fa;--color-primary-700:#93c5fd;--color-primary-800:#bfdbfe;--color-primary-900:#dbeafe;--color-primary-950:#eff6ff;--color-primary-50-rgb:23,37,84;--color-primary-100-rgb:30,58,138;--color-primary-200-rgb:30,64,175;--color-primary-300-rgb:29,78,216;--color-primary-400-rgb:37,99,235;--color-primary-500-rgb:59,130,246;--color-primary-600-rgb:96,165,250;--color-primary-700-rgb:147,197,253;--color-primary-800-rgb:191,219,254;--color-primary-900-rgb:219,234,254;--color-primary-950-rgb:239,246,255;--color-secondary-50:#082f49;--color-secondary-100:#0c4a6e;--color-secondary-200:#075985;--color-secondary-300:#0369a1;--color-secondary-400:#0284c7;--color-secondary-500:#0ea5e9;--color-secondary-600:#38bdf8;--color-secondary-700:#7dd3fc;--color-secondary-800:#bae6fd;--color-secondary-900:#e0f2fe;--color-secondary-950:#f0f9ff;--color-secondary-50-rgb:8,47,73;--color-secondary-100-rgb:12,74,110;--color-secondary-200-rgb:7,89,133;--color-secondary-300-rgb:3,105,161;--color-secondary-400-rgb:2,132,199;--color-secondary-500-rgb:14,165,233;--color-secondary-600-rgb:56,189,248;--color-secondary-700-rgb:125,211,252;--color-secondary-800-rgb:186,230,253;--color-secondary-900-rgb:224,242,254;--color-secondary-950-rgb:240,249,255;--color-success-50:#052e16;--color-success-100:#14532d;--color-success-200:#166534;--color-success-300:#15803d;--color-success-400:#16a34a;--color-success-500:#22c55e;--color-success-600:#4ade80;--color-success-700:#86efac;--color-success-800:#bbf7d0;--color-success-900:#dcfce7;--color-success-950:#f0fdf4;--color-success-50-rgb:5,46,22;--color-success-100-rgb:20,83,45;--color-success-200-rgb:22,101,52;--color-success-300-rgb:21,128,61;--color-success-400-rgb:22,163,74;--color-success-500-rgb:34,197,94;--color-success-600-rgb:74,222,128;--color-success-700-rgb:134,239,172;--color-success-800-rgb:187,247,208;--color-success-900-rgb:220,252,231;--color-success-950-rgb:240,253,244;--color-warning-50:#451a03;--color-warning-100:#78350f;--color-warning-200:#92400e;--color-warning-300:#b45309;--color-warning-400:#d97706;--color-warning-500:#f59e0b;--color-warning-600:#fbbf24;--color-warning-700:#fcd34d;--color-warning-800:#fde68a;--color-warning-900:#fef3c7;--color-warning-950:#fffbeb;--color-warning-50-rgb:69,26,3;--color-warning-100-rgb:120,53,15;--color-warning-200-rgb:146,64,14;--color-warning-300-rgb:180,83,9;--color-warning-400-rgb:217,119,6;--color-warning-500-rgb:245,158,11;--color-warning-600-rgb:251,191,36;--color-warning-700-rgb:252,211,77;--color-warning-800-rgb:253,230,138;--color-warning-900-rgb:254,243,199;--color-warning-950-rgb:255,251,235;--color-danger-50:#450a0a;--color-danger-100:#7f1d1d;--color-danger-200:#991b1b;--color-danger-300:#b91c1c;--color-danger-400:#dc2626;--color-danger-500:#ef4444;--color-danger-600:#f87171;--color-danger-700:#fca5a5;--color-danger-800:#fecaca;--color-danger-900:#fee2e2;--color-danger-950:#fef2f2;--color-danger-50-rgb:69,10,10;--color-danger-100-rgb:127,29,29;--color-danger-200-rgb:153,27,27;--color-danger-300-rgb:185,28,28;--color-danger-400-rgb:220,38,38;--color-danger-500-rgb:239,68,68;--color-danger-600-rgb:248,113,113;--color-danger-700-rgb:252,165,165;--color-danger-800-rgb:254,202,202;--color-danger-900-rgb:254,226,226;--color-danger-950-rgb:254,242,242;--color-important-50:#500724;--color-important-100:#831843;--color-important-200:#9d174d;--color-important-300:#be185d;--color-important-400:#db2777;--color-important-500:#ec4899;--color-important-600:#f472b6;--color-important-700:#f9a8d4;--color-important-800:#fbcfe8;--color-important-900:#fce7f3;--color-important-950:#fdf2f8;--color-important-50-rgb:80,7,36;--color-important-100-rgb:131,24,67;--color-important-200-rgb:157,23,77;--color-important-300-rgb:190,24,93;--color-important-400-rgb:219,39,119;--color-important-500-rgb:236,72,153;--color-important-600-rgb:244,114,182;--color-important-700-rgb:249,168,212;--color-important-800-rgb:251,207,232;--color-important-900-rgb:252,231,243;--color-important-950-rgb:253,242,248;--color-special-50:#3b0764;--color-special-100:#581c87;--color-special-200:#6b21a8;--color-special-300:#7e22ce;--color-special-400:#9333ea;--color-special-500:#a855f7;--color-special-600:#c084fc;--color-special-700:#d8b4fe;--color-special-800:#e9d5ff;--color-special-900:#f3e8ff;--color-special-950:#faf5ff;--color-special-50-rgb:59,7,100;--color-special-100-rgb:88,28,135;--color-special-200-rgb:107,33,168;--color-special-300-rgb:126,34,206;--color-special-400-rgb:147,51,234;--color-special-500-rgb:168,85,247;--color-special-600-rgb:192,132,252;--color-special-700-rgb:216,180,254;--color-special-800-rgb:233,213,255;--color-special-900-rgb:243,232,255;--color-special-950-rgb:250,245,255;--color-canvas:#020617;--color-inverse:#fff;--color-surface:#1e293b;--color-surface-light:#0f172a;--color-surface-strong:#334155;--color-fore:#cbd5e1;--color-focus:#1e40af;--color-link:#3b82f6;--color-link-hover:#60a5fa;--color-link-visited:#93c5fd;--color-link-active:#bfdbfe;--color-placeholder:#475569;--color-border:#1e293b;--color-border-strong:#334155;--color-border-light:#0f172a;--color-canvas-rgb:2,6,23;--color-inverse-rgb:255,255,255;--color-surface-rgb:30,41,59;--color-surface-light-rgb:15,23,42;--color-surface-strong-rgb:51,65,85;--color-fore-rgb:203,213,225;--color-focus-rgb:30,64,175;--color-link-rgb:59,130,246;--color-link-hover-rgb:96,165,250;--color-link-visited-rgb:147,197,253;--color-link-active-rgb:191,219,254;--color-placeholder-rgb:71,85,105;--color-border-rgb:30,41,59;--color-border-strong-rgb:51,65,85;--color-border-light-rgb:15,23,42}.light-in-dark{--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-canvas-light:#fff;--color-canvas-dark:#f8fafc;--color-inverse:#000;--color-surface:#f1f5f9;--color-surface-light:#f8fafc;--color-surface-strong:#e2e8f0;--color-fore:#334155;--color-fore-in-light:#334155;--color-fore-in-dark:#fff;--color-focus:#bfdbfe;--color-link:#3b82f6;--color-link-hover:#2563eb;--color-link-visited:#1d4ed8;--color-link-active:#1e40af;--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-canvas-light-rgb:255,255,255;--color-canvas-dark-rgb:248,250,252;--color-inverse-rgb:0,0,0;--color-surface-rgb:241,245,249;--color-surface-light-rgb:248,250,252;--color-surface-strong-rgb:226,232,240;--color-fore-rgb:51,65,85;--color-fore-in-light-rgb:51,65,85;--color-fore-in-dark-rgb:255,255,255;--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-link-active-rgb:30,64,175;--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}@media (prefers-color-scheme:dark){.dark-auto{--color-gray-50:#020617;--color-gray-100:#0f172a;--color-gray-200:#1e293b;--color-gray-300:#334155;--color-gray-400:#475569;--color-gray-500:#64748b;--color-gray-600:#94a3b8;--color-gray-700:#cbd5e1;--color-gray-800:#e2e8f0;--color-gray-900:#f1f5f9;--color-gray-950:#f8fafc;--color-gray-50-rgb:2,6,23;--color-gray-100-rgb:15,23,42;--color-gray-200-rgb:30,41,59;--color-gray-300-rgb:51,65,85;--color-gray-400-rgb:71,85,105;--color-gray-500-rgb:100,116,139;--color-gray-600-rgb:148,163,184;--color-gray-700-rgb:203,213,225;--color-gray-800-rgb:226,232,240;--color-gray-900-rgb:241,245,249;--color-gray-950-rgb:248,250,252;--color-primary-50:#172554;--color-primary-100:#1e3a8a;--color-primary-200:#1e40af;--color-primary-300:#1d4ed8;--color-primary-400:#2563eb;--color-primary-500:#3b82f6;--color-primary-600:#60a5fa;--color-primary-700:#93c5fd;--color-primary-800:#bfdbfe;--color-primary-900:#dbeafe;--color-primary-950:#eff6ff;--color-primary-50-rgb:23,37,84;--color-primary-100-rgb:30,58,138;--color-primary-200-rgb:30,64,175;--color-primary-300-rgb:29,78,216;--color-primary-400-rgb:37,99,235;--color-primary-500-rgb:59,130,246;--color-primary-600-rgb:96,165,250;--color-primary-700-rgb:147,197,253;--color-primary-800-rgb:191,219,254;--color-primary-900-rgb:219,234,254;--color-primary-950-rgb:239,246,255;--color-secondary-50:#082f49;--color-secondary-100:#0c4a6e;--color-secondary-200:#075985;--color-secondary-300:#0369a1;--color-secondary-400:#0284c7;--color-secondary-500:#0ea5e9;--color-secondary-600:#38bdf8;--color-secondary-700:#7dd3fc;--color-secondary-800:#bae6fd;--color-secondary-900:#e0f2fe;--color-secondary-950:#f0f9ff;--color-secondary-50-rgb:8,47,73;--color-secondary-100-rgb:12,74,110;--color-secondary-200-rgb:7,89,133;--color-secondary-300-rgb:3,105,161;--color-secondary-400-rgb:2,132,199;--color-secondary-500-rgb:14,165,233;--color-secondary-600-rgb:56,189,248;--color-secondary-700-rgb:125,211,252;--color-secondary-800-rgb:186,230,253;--color-secondary-900-rgb:224,242,254;--color-secondary-950-rgb:240,249,255;--color-success-50:#052e16;--color-success-100:#14532d;--color-success-200:#166534;--color-success-300:#15803d;--color-success-400:#16a34a;--color-success-500:#22c55e;--color-success-600:#4ade80;--color-success-700:#86efac;--color-success-800:#bbf7d0;--color-success-900:#dcfce7;--color-success-950:#f0fdf4;--color-success-50-rgb:5,46,22;--color-success-100-rgb:20,83,45;--color-success-200-rgb:22,101,52;--color-success-300-rgb:21,128,61;--color-success-400-rgb:22,163,74;--color-success-500-rgb:34,197,94;--color-success-600-rgb:74,222,128;--color-success-700-rgb:134,239,172;--color-success-800-rgb:187,247,208;--color-success-900-rgb:220,252,231;--color-success-950-rgb:240,253,244;--color-warning-50:#451a03;--color-warning-100:#78350f;--color-warning-200:#92400e;--color-warning-300:#b45309;--color-warning-400:#d97706;--color-warning-500:#f59e0b;--color-warning-600:#fbbf24;--color-warning-700:#fcd34d;--color-warning-800:#fde68a;--color-warning-900:#fef3c7;--color-warning-950:#fffbeb;--color-warning-50-rgb:69,26,3;--color-warning-100-rgb:120,53,15;--color-warning-200-rgb:146,64,14;--color-warning-300-rgb:180,83,9;--color-warning-400-rgb:217,119,6;--color-warning-500-rgb:245,158,11;--color-warning-600-rgb:251,191,36;--color-warning-700-rgb:252,211,77;--color-warning-800-rgb:253,230,138;--color-warning-900-rgb:254,243,199;--color-warning-950-rgb:255,251,235;--color-danger-50:#450a0a;--color-danger-100:#7f1d1d;--color-danger-200:#991b1b;--color-danger-300:#b91c1c;--color-danger-400:#dc2626;--color-danger-500:#ef4444;--color-danger-600:#f87171;--color-danger-700:#fca5a5;--color-danger-800:#fecaca;--color-danger-900:#fee2e2;--color-danger-950:#fef2f2;--color-danger-50-rgb:69,10,10;--color-danger-100-rgb:127,29,29;--color-danger-200-rgb:153,27,27;--color-danger-300-rgb:185,28,28;--color-danger-400-rgb:220,38,38;--color-danger-500-rgb:239,68,68;--color-danger-600-rgb:248,113,113;--color-danger-700-rgb:252,165,165;--color-danger-800-rgb:254,202,202;--color-danger-900-rgb:254,226,226;--color-danger-950-rgb:254,242,242;--color-important-50:#500724;--color-important-100:#831843;--color-important-200:#9d174d;--color-important-300:#be185d;--color-important-400:#db2777;--color-important-500:#ec4899;--color-important-600:#f472b6;--color-important-700:#f9a8d4;--color-important-800:#fbcfe8;--color-important-900:#fce7f3;--color-important-950:#fdf2f8;--color-important-50-rgb:80,7,36;--color-important-100-rgb:131,24,67;--color-important-200-rgb:157,23,77;--color-important-300-rgb:190,24,93;--color-important-400-rgb:219,39,119;--color-important-500-rgb:236,72,153;--color-important-600-rgb:244,114,182;--color-important-700-rgb:249,168,212;--color-important-800-rgb:251,207,232;--color-important-900-rgb:252,231,243;--color-important-950-rgb:253,242,248;--color-special-50:#3b0764;--color-special-100:#581c87;--color-special-200:#6b21a8;--color-special-300:#7e22ce;--color-special-400:#9333ea;--color-special-500:#a855f7;--color-special-600:#c084fc;--color-special-700:#d8b4fe;--color-special-800:#e9d5ff;--color-special-900:#f3e8ff;--color-special-950:#faf5ff;--color-special-50-rgb:59,7,100;--color-special-100-rgb:88,28,135;--color-special-200-rgb:107,33,168;--color-special-300-rgb:126,34,206;--color-special-400-rgb:147,51,234;--color-special-500-rgb:168,85,247;--color-special-600-rgb:192,132,252;--color-special-700-rgb:216,180,254;--color-special-800-rgb:233,213,255;--color-special-900-rgb:243,232,255;--color-special-950-rgb:250,245,255;--color-canvas:#020617;--color-inverse:#fff;--color-surface:#1e293b;--color-surface-light:#0f172a;--color-surface-strong:#334155;--color-fore:#cbd5e1;--color-focus:#1e40af;--color-link:#3b82f6;--color-link-hover:#60a5fa;--color-link-visited:#93c5fd;--color-link-active:#bfdbfe;--color-placeholder:#475569;--color-border:#1e293b;--color-border-strong:#334155;--color-border-light:#0f172a;--color-canvas-rgb:2,6,23;--color-inverse-rgb:255,255,255;--color-surface-rgb:30,41,59;--color-surface-light-rgb:15,23,42;--color-surface-strong-rgb:51,65,85;--color-fore-rgb:203,213,225;--color-focus-rgb:30,64,175;--color-link-rgb:59,130,246;--color-link-hover-rgb:96,165,250;--color-link-visited-rgb:147,197,253;--color-link-active-rgb:191,219,254;--color-placeholder-rgb:71,85,105;--color-border-rgb:30,41,59;--color-border-strong-rgb:51,65,85;--color-border-light-rgb:15,23,42}}*,: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;background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity));font-size:.8125rem;line-height:1.5384615385}.dark,body{--tw-text-opacity:1;color:rgba(var(--color-fore-rgb),var(--tw-text-opacity))}:root{--font-h1-size:2.25rem}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}.code,code{--tw-text-opacity:1;background-color:rgba(var(--color-important-500-rgb),.1);border-radius:var(--radius);color:rgba(var(--color-important-500-rgb),var(--tw-text-opacity));padding-left:.25rem;padding-right:.25rem}pre{font-size:.75rem;line-height:1rem;overflow:auto;padding:.5rem}pre code{background-color:transparent;color:inherit;padding:0}samp,var{font-weight:700}.blockquote,blockquote{border-left-width:4px;font-size:.875rem;line-height:1.3rem;padding-left:.75rem}.blockquote figcaption,blockquote figcaption{--tw-text-opacity:1;color:rgba(var(--color-gray-500-rgb),var(--tw-text-opacity));font-size:.75rem;line-height:1rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5}.h1,h1{font-size:2rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}.h4,h4{font-size:1rem}.h5,h5{font-size:.875rem}.h6,h6{font-size:.75rem}ul{list-style-type:disc}ol,ul{padding-left:1.5em}ol{list-style-type:decimal}dt{font-weight:700}dd{padding-left:2em}.article{font-size:.875rem;line-height:1.75}.article audio,.article blockquote,.article figure,.article h1,.article h2,.article h3,.article h4,.article img,.article ol,.article p,.article table,.article ul,.article video{margin-bottom:.5em;margin-top:.5em}.article hr{margin-bottom:1.5em;margin-top:1.5em}.article table{border-width:1px}.article td,th{border-bottom-width:1px;padding:.25rem .75rem}.article thead{background-color:var(--table-head-bg,var(--color-gray-100))}.article ol *,.article table *,.article ul *{margin-bottom:0;margin-top:0}.article pre{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-50-rgb),var(--tw-bg-opacity));border-radius:var(--radius);border-width:1px}: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:inherit;font-weight:700}.alert-link:hover{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:inherit}.btn-link{--tw-text-opacity:1;--tw-ring-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-color:var(--color-primary-500)}.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:transform,background-color,color,opacity;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+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTkgMjAuNDItNi4yMS02LjIxIDIuODMtMi44M0w5IDE0Ljc3bDkuODgtOS44OSAyLjgzIDIuODN6Ii8+PC9zdmc+");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))}.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{--checkbox-radio-size:calc(var(--checkbox-size)*2/3);background-color:var(--checkbox-color);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{border-color:var(--checkbox-color)}.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{border-color:var(--checkbox-color);outline-color:rgb(var(--color-focus-rgb));outline-style:solid;outline-width:2px}.checkbox-primary.checked>label:before,.checkbox-primary>input[type=checkbox]:checked+label:before{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.radio-primary.checked>label:before,.radio-primary>input[type=radio]:checked+label:before{border-color:var(--checkbox-color)}.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}.checkbox-primary.indeterminate>label:after,.checkbox-primary>input[type=checkbox]:indeterminate+label:after{--tw-border-opacity:1;background-color:var(--checkbox-color);background-image:none;border-color:rgba(var(--color-canvas-rgb),var(--tw-border-opacity));border-width:calc((var(--checkbox-size) - 2px)/2) 2px;opacity:1}.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-strong-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:.3s;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: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:32px}.input-control.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;padding:0}.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;border-radius:var(--radius);display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:.25rem}.listitem.selected{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-50-rgb),var(--tw-bg-opacity))}.listitem.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))}.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:currentColor;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:currentColor;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}.search-box.compact.has-prefix-icon{--input-control-prefix:24px}.search-box.compact.has-suffix-icon{--input-control-suffix:24px}:root{--menu-bg:var(--color-canvas);--menu-active-bg:var(--color-primary-500);--menu-active-color:var(--color-canvas);--menu-selected-bg:var(--color-primary-50);--menu-selected-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-wrapper{display:flex;flex-direction:column;min-height:0}.menu-wrapper>.menu{flex:1 1 auto;min-height:0;overflow:auto}.menu-item>.item-inner,.menu-item>a{align-items:center;border-radius:var(--radius);color:inherit;cursor:pointer;display:flex;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>.selected{background:var(--menu-selected-bg);color:var(--menu-selected-color)}.menu-item>.active,.menu-item>a.hover,.menu-item>a:hover{background:var(--menu-active-bg);color:var(--menu-active-color)}.menu-item.disabled>a:hover,.menu-item>a.disabled:hover{background-color:inherit;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{background-color:transparent;margin-bottom:-.5rem;margin-left:var(--menu-indent);margin-top:-.5rem;padding-right:0}.menu-nested .menu-item>.item-inner{padding-left:0}.menu.compact .menu-item>a{padding-bottom:.125rem;padding-top:.125rem}.menu.compact .menu-heading{height:1.75rem}.search-menu-header{padding:.5rem .5rem .125rem}.search-menu-footer{padding:.125rem .5rem .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:inherit;font-weight:700}.alert-link:hover{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:currentColor;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:fixed;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:currentColor;border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:currentColor;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:currentColor;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:currentColor;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(var(--color-canvas-rgb),.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:transparent;transition-property:none}.modal.loading:after{--tw-text-opacity:1;color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.modal.loading .modal-dialog{opacity:0!important}.modal.show{display:flex}.modal-no-backdrop{background-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:currentColor;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{list-style-type:none;padding-left:0}.nav,.nav-item{align-items:center;display:flex;position:relative}.nav-item{gap:.75rem}.nav-item>a{align-items:center;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:currentColor}.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: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: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:currentColor}.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: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: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: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{--gutter-width:1px;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: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-item>.selected{background:var(--menu-selected-bg);color:var(--menu-selected-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.popover{display:flex;flex-direction:column;position:absolute;z-index:1200}.dropdown.show{display:flex}.dropdown-menu{--menu-min-width:7rem;display:none}.dropdown-menu.show,.menu-wrapper>.dropdown-menu,.show>.dropdown-menu{display:block}.dropdown>.dropdown-menu,.menu-wrapper .dropdown-menu{position:relative}.show>.menu-wrapper{display:flex}.dropdown>.menu-wrapper{height:100%}.dropdown>.menu-wrapper .menu-wrapper{position:absolute}.is-contextmenu .is-nested-show>a:not(:hover){--tw-bg-opacity:1;background-color:rgba(var(--color-primary-100-rgb),var(--tw-bg-opacity))}.is-contextmenu .menu-item.is-nested>.item-inner>.nested-toggle-icon{position:absolute;right:.25rem;top:.375rem}.is-contextmenu .menu-nested .menu-item>.item-inner{padding-left:.5rem}.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:currentColor;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:currentColor;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:currentColor;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{border-bottom-color:rgba(var(--color-inverse-rgb),.2);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: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:currentColor;border-top-width:0;top:0}.dtable-sort:after{border-bottom-width:0;border-top-color:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;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:currentColor;border-radius:50%;border-width:.08em;display:inline-block;height:1em;position:relative;width:1em}.i-time:after{--tw-content:"";border-color:currentColor;border-width:0 0 .08em .08em;content:var(--tw-content);height:.385em;left:.3846em;position:absolute;top:.08em;width:.385em}.i-calendar{border-color:currentColor;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:currentColor;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;--opacity-disabled:.65;--opacity-muted:.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:focus-visible,.nav-item>a:focus-visible,.state:focus-visible{outline:2px solid transparent;outline-offset:2px}.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;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:hover:before,.nav-item>a:hover:before,.state:hover:before{opacity:var(--state-hover-opacity,1)}.btn:active:before,.nav-item>a:active:before,.state:active:before{--tw-ring-color:var(--state-ring-color,currentColor);--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);background:var(--state-active-color,var(--state-color));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);opacity:var(--state-active-opacity,.6);transition-duration:.7s}.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,var(--state-color));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);opacity:var(--state-focus-opacity,1)}.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(--opacity-disabled)}.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:transparent currentcolor currentcolor;border-radius:var(--radius-full);border-style:dotted;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);-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(--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)}.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}.canvas,.surface,.surface-light,.surface-strong{--tw-text-opacity:1;color:rgba(var(--color-fore-rgb),var(--tw-text-opacity))}.canvas{background-color:rgba(var(--color-canvas-rgb),var(--tw-bg-opacity))}.canvas,.surface-light{--tw-bg-opacity:1}.surface-light{background-color:rgba(var(--color-surface-light-rgb),var(--tw-bg-opacity))}.surface{background-color:rgba(var(--color-surface-rgb),var(--tw-bg-opacity))}.surface,.surface-strong{--tw-bg-opacity:1}.surface-strong{background-color:rgba(var(--color-surface-strong-rgb),var(--tw-bg-opacity))}.inverse{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(var(--color-inverse-rgb),var(--tw-bg-opacity));color:rgba(var(--color-canvas-rgb),var(--tw-text-opacity))}.white{--tw-bg-opacity:1;--tw-text-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));color:rgba(var(--color-fore-in-light-rgb),var(--tw-text-opacity))}.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));color:rgba(var(--color-fore-in-dark-rgb),var(--tw-text-opacity))}.skin{--skin-bg:var(--skin-color);--skin-ring:var(--skin-color);--skin-border:var(--skin-color);--skin-hover-text:var(--skin-text);--skin-hover-bg:var(--skin-bg);--tw-ring-color:var(--skin-ring);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover:var(--skin-text);background-color:var(--skin-bg);border-color:var(--skin-border);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:var(--skin-text);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.skin:hover{background-color:var(--skin-hover-bg);color:var(--skin-hover-text)}.bright,.danger,.dark-gray,.darken,.darker,.darkest,.gray,.important,.inky,.light-gray,.lighten,.lighter,.lightest,.primary,.secondary,.special,.success,.warning{--skin-bg:var(--skin-color);--skin-ring:var(--skin-color);--skin-border:var(--skin-color);--skin-hover-text:var(--skin-text);--skin-hover-bg:var(--skin-bg);--tw-ring-color:var(--skin-ring);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover:var(--skin-text);background-color:var(--skin-bg);border-color:var(--skin-border);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:var(--skin-text);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bright:hover,.danger:hover,.dark-gray:hover,.darken:hover,.darker:hover,.darkest:hover,.gray:hover,.important:hover,.inky:hover,.light-gray:hover,.lighten:hover,.lighter:hover,.lightest:hover,.primary:hover,.secondary:hover,.special:hover,.success:hover,.warning:hover{background-color:var(--skin-hover-bg);color:var(--skin-hover-text)}.bright,.danger,.dark-gray,.darken,.darker,.darkest,.gray,.important,.inky,.light-gray,.lighten,.lighter,.lightest,.primary,.secondary,.special,.success,.warning{--skin-text:var(--color-fore-in-dark);--state-ring-color:var(--skin-color)}.primary{--skin-color:var(--color-primary-500)}.secondary{--skin-color:var(--color-secondary-500)}.success{--skin-color:var(--color-success-500)}.warning{--skin-color:var(--color-warning-500)}.danger{--skin-color:var(--color-danger-500)}.important{--skin-color:var(--color-important-500)}.special{--skin-color:var(--color-special-500)}.bright{--skin-color:var(--color-gray-100);--skin-text:var(--color-fore);--state-ring-color:var(--skin-text)}.lightest{--skin-color:var(--color-gray-200);--skin-text:var(--color-fore);--state-ring-color:var(--skin-text)}.lighter{--skin-color:var(--color-gray-300);--skin-text:var(--color-fore);--state-ring-color:var(--skin-text)}.light-gray,.lighten{--skin-color:var(--color-gray-400)}.gray{--skin-color:var(--color-gray-500)}.dark-gray,.darken{--skin-color:var(--color-gray-600)}.darker{--skin-color:var(--color-gray-700)}.darkest{--skin-color:var(--color-gray-800)}.inky{--skin-color:var(--color-gray-900)}.bright-pale,.danger-pale,.dark-gray-pale,.darker-pale,.darkest-pale,.gray-pale,.important-pale,.inky-pale,.light-gray-pale,.lighter-pale,.lightest-pale,.pale,.primary-pale,.secondary-pale,.special-pale,.success-pale,.warning-pale{--skin-bg:var(--skin-color);--skin-ring:var(--skin-color);--skin-border:var(--skin-color);--skin-hover-text:var(--skin-text);--skin-hover-bg:var(--skin-bg);--tw-ring-color:var(--skin-ring);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover:var(--skin-text);background-color:var(--skin-bg);border-color:var(--skin-border);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:var(--skin-text);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bright-pale:hover,.danger-pale:hover,.dark-gray-pale:hover,.darker-pale:hover,.darkest-pale:hover,.gray-pale:hover,.important-pale:hover,.inky-pale:hover,.light-gray-pale:hover,.lighter-pale:hover,.lightest-pale:hover,.pale:hover,.primary-pale:hover,.secondary-pale:hover,.special-pale:hover,.success-pale:hover,.warning-pale:hover{background-color:var(--skin-hover-bg);color:var(--skin-hover-text)}.bright-pale,.danger-pale,.dark-gray-pale,.darker-pale,.darkest-pale,.gray-pale,.important-pale,.inky-pale,.light-gray-pale,.lighter-pale,.lightest-pale,.pale,.primary-pale,.secondary-pale,.special-pale,.success-pale,.warning-pale{--skin-color:rgba(var(--skin-pale-rgb),.1);--skin-text:rgba(var(--skin-pale-rgb),1)}.pale{--skin-pale-rgb:var(--color-gray-500-rgb)}.primary-pale{--skin-pale-rgb:var(--color-primary-500-rgb)}.secondary-pale{--skin-pale-rgb:var(--color-secondary-500-rgb)}.success-pale{--skin-pale-rgb:var(--color-success-500-rgb)}.warning-pale{--skin-pale-rgb:var(--color-warning-500-rgb)}.danger-pale{--skin-pale-rgb:var(--color-danger-500-rgb)}.important-pale{--skin-pale-rgb:var(--color-important-500-rgb)}.special-pale{--skin-pale-rgb:var(--color-special-500-rgb)}.bright-pale{--skin-pale-rgb:var(--color-gray-100-rgb);--skin-text:var(--color-gray-400-rgb)}.lightest-pale{--skin-pale-rgb:var(--color-gray-200-rgb);--skin-text:var(--color-gray-400-rgb)}.lighter-pale{--skin-pale-rgb:var(--color-gray-300-rgb);--skin-text:var(--color-gray-500-rgb)}.light-gray-pale{--skin-pale-rgb:var(--color-gray-400-rgb);--skin-text:var(--color-gray-500-rgb)}.gray-pale{--skin-pale-rgb:var(--color-gray-500-rgb)}.dark-gray-pale{--skin-pale-rgb:var(--color-gray-600-rgb)}.darker-pale{--skin-pale-rgb:var(--color-gray-700-rgb)}.darkest-pale{--skin-pale-rgb:var(--color-gray-800-rgb)}.inky-pale{--skin-pale-rgb:var(--color-gray-900-rgb)}.danger-outline,.dark-gray-outline,.gray-outline,.important-outline,.light-gray-outline,.outline,.primary-outline,.secondary-outline,.special-outline,.success-outline,.warning-outline{--skin-bg:var(--skin-color);--skin-ring:var(--skin-color);--skin-border:var(--skin-color);--skin-hover-text:var(--skin-text);--skin-hover-bg:var(--skin-bg);--tw-ring-color:var(--skin-ring);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover:var(--skin-text);background-color:var(--skin-bg);border-color:var(--skin-border);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:var(--skin-text);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.danger-outline:hover,.dark-gray-outline:hover,.gray-outline:hover,.important-outline:hover,.light-gray-outline:hover,.outline:hover,.primary-outline:hover,.secondary-outline:hover,.special-outline:hover,.success-outline:hover,.warning-outline:hover{background-color:var(--skin-hover-bg);color:var(--skin-hover-text)}.danger-outline,.dark-gray-outline,.gray-outline,.important-outline,.light-gray-outline,.outline,.primary-outline,.secondary-outline,.special-outline,.success-outline,.warning-outline{--skin-text:var(--skin-color,inherit);--skin-bg:transparent;--skin-color:rgba(var(--skin-outline-rgb),1);--state-color:rgba(var(--skin-outline-rgb),.1)}.outline{--skin-outline-rgb:var(--color-fore-500-rgb)}.primary-outline{--skin-outline-rgb:var(--color-primary-500-rgb)}.secondary-outline{--skin-outline-rgb:var(--color-secondary-500-rgb)}.success-outline{--skin-outline-rgb:var(--color-success-500-rgb)}.warning-outline{--skin-outline-rgb:var(--color-warning-500-rgb)}.danger-outline{--skin-outline-rgb:var(--color-danger-500-rgb)}.important-outline{--skin-outline-rgb:var(--color-important-500-rgb)}.special-outline{--skin-outline-rgb:var(--color-special-500-rgb)}.light-gray-outline{--skin-outline-rgb:var(--color-gray-400-rgb)}.gray-outline{--skin-outline-rgb:var(--color-gray-500-rgb)}.dark-gray-outline{--skin-outline-rgb:var(--color-gray-600-rgb)}.danger-ghost,.ghost,.important-ghost,.primary-ghost,.secondary-ghost,.special-ghost,.success-ghost,.warning-ghost{--skin-bg:var(--skin-color);--skin-ring:var(--skin-color);--skin-border:var(--skin-color);--skin-hover-text:var(--skin-text);--skin-hover-bg:var(--skin-bg);--tw-ring-color:var(--skin-ring);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--color-link-hover:var(--skin-text);background-color:var(--skin-bg);border-color:var(--skin-border);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);color:var(--skin-text);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.danger-ghost:hover,.ghost:hover,.important-ghost:hover,.primary-ghost:hover,.secondary-ghost:hover,.special-ghost:hover,.success-ghost:hover,.warning-ghost:hover{background-color:var(--skin-hover-bg);color:var(--skin-hover-text)}.danger-ghost,.ghost,.important-ghost,.primary-ghost,.secondary-ghost,.special-ghost,.success-ghost,.warning-ghost{--tw-ring-opacity:0;--tw-bg-opacity:0;--skin-text:var(--skin-color,inherit);--skin-bg:transparent;--skin-ring:transparent;--skin-color:rgba(var(--skin-ghost-rgb),1);--state-color:rgba(var(--skin-ghost-rgb),.1)}.ghost{--skin-ghost-rgb:var(--color-fore-rgb);--skin-text:inherit}.primary-ghost{--skin-ghost-rgb:var(--color-primary-500-rgb)}.secondary-ghost{--skin-ghost-rgb:var(--color-secondary-500-rgb)}.success-ghost{--skin-ghost-rgb:var(--color-success-500-rgb)}.warning-ghost{--skin-ghost-rgb:var(--color-warning-500-rgb)}.danger-ghost{--skin-ghost-rgb:var(--color-danger-500-rgb)}.important-ghost{--skin-ghost-rgb:var(--color-important-500-rgb)}.special-ghost{--skin-ghost-rgb:var(--color-special-500-rgb)}.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}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.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:currentColor;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:inherit}.ring-current{--tw-ring-color:currentColor}.ring-transparent{--tw-ring-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-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:transparent;--tw-shadow:var(--tw-shadow-colored)}.shadow-current{--tw-shadow-color:currentColor;--tw-shadow:var(--tw-shadow-colored)}.shadow-inherit{--tw-shadow-color:inherit;--tw-shadow:var(--tw-shadow-colored)}.muted{opacity:var(--opacity-muted)}.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 diff --git a/3/zui.umd.cjs b/3/zui.umd.cjs index 83f979eb28..50cf4dcb62 100644 --- a/3/zui.umd.cjs +++ b/3/zui.umd.cjs @@ -1,3 +1,3 @@ var co=(v,q,ft)=>{if(!q.has(v))throw TypeError("Cannot "+ft)};var G=(v,q,ft)=>(co(v,q,"read from private field"),ft?ft.call(v):q.get(v)),it=(v,q,ft)=>{if(q.has(v))throw TypeError("Cannot add the same private member more than once");q instanceof WeakSet?q.add(v):q.set(v,ft)},kt=(v,q,ft,Gs)=>(co(v,q,"write to private field"),Gs?Gs.call(v,ft):q.set(v,ft),ft);var ho=(v,q,ft)=>(co(v,q,"access private method"),ft);(function(v,q){typeof exports=="object"&&typeof module<"u"?q(exports):typeof define=="function"&&define.amd?define(["exports"],q):(v=typeof globalThis<"u"?globalThis:v||self,q(v.zui={}))})(this,function(v){var wn,Cn,js,kn,Vs,Fe,Sn,$n,Tn,xn,Mn,Us,ic,Ks,rc,oe,ae;"use strict";const q="",ft="",Gs="",Mu="",Nu="",Eu="",Iu="",Au="",Pu="",Du="",Lu="",Ru="",Ot=document,Nn=window,uo=Ot.documentElement,le=Ot.createElement.bind(Ot),fo=le("div"),qs=le("table"),oc=le("tbody"),po=le("tr"),{isArray:En,prototype:mo}=Array,{concat:ac,filter:Ys,indexOf:go,map:_o,push:lc,slice:yo,some:Xs,splice:cc}=mo,hc=/^#(?:[\w-]|\\.|[^\x00-\xa0])*$/,dc=/^\.(?:[\w-]|\\.|[^\x00-\xa0])*$/,uc=/<.+>/,fc=/^\w+$/;function Zs(s,t){const e=pc(t);return!s||!e&&!ce(t)&&!X(t)?[]:!e&&dc.test(s)?t.getElementsByClassName(s.slice(1).replace(/\\/g,"")):!e&&fc.test(s)?t.getElementsByTagName(s):t.querySelectorAll(s)}class In{constructor(t,e){if(!t)return;if(Js(t))return t;let n=t;if(rt(t)){const i=e||Ot;if(n=hc.test(t)&&ce(i)?i.getElementById(t.slice(1).replace(/\\/g,"")):uc.test(t)?So(t):Js(i)?i.find(t):rt(i)?u(i).find(t):Zs(t,i),!n)return}else if(he(t))return this.ready(t);(n.nodeType||n===Nn)&&(n=[n]),this.length=n.length;for(let i=0,r=this.length;i{for(;t.firstChild;)t.removeChild(t.firstChild)})};function An(...s){const t=gc(s[0])?s.shift():!1,e=s.shift(),n=s.length;if(!e)return{};if(!n)return An(t,u,e);for(let i=0;i{X(r)&&tt(e,(o,a)=>{n?t?r.classList.add(a):r.classList.remove(a):r.classList.toggle(a)})})},T.addClass=function(s){return this.toggleClass(s,!0)},T.removeAttr=function(s){const t=Pn(s);return this.each((e,n)=>{X(n)&&tt(t,(i,r)=>{n.removeAttribute(r)})})};function yc(s,t){if(s){if(rt(s)){if(arguments.length<2){if(!this[0]||!X(this[0]))return;const e=this[0].getAttribute(s);return je(e)?void 0:e}return pt(t)?this:je(t)?this.removeAttr(s):this.each((e,n)=>{X(n)&&n.setAttribute(s,t)})}for(const e in s)this.attr(e,s[e]);return this}}T.attr=yc,T.removeClass=function(s){return arguments.length?this.toggleClass(s,!1):this.attr("class","")},T.hasClass=function(s){return!!s&&Xs.call(this,t=>X(t)&&t.classList.contains(s))},T.get=function(s){return pt(s)?yo.call(this):(s=Number(s),this[s<0?s+this.length:s])},T.eq=function(s){return u(this.get(s))},T.first=function(){return this.eq(0)},T.last=function(){return this.eq(-1)};function bc(s){return pt(s)?this.get().map(t=>X(t)||mc(t)?t.textContent:"").join(""):this.each((t,e)=>{X(e)&&(e.textContent=s)})}T.text=bc;function Ht(s,t,e){if(!X(s))return;const n=Nn.getComputedStyle(s,null);return e?n.getPropertyValue(t)||void 0:n[t]||s.style[t]}function Et(s,t){return parseInt(Ht(s,t),10)||0}function vo(s,t){return Et(s,`border${t?"Left":"Top"}Width`)+Et(s,`padding${t?"Left":"Top"}`)+Et(s,`padding${t?"Right":"Bottom"}`)+Et(s,`border${t?"Right":"Bottom"}Width`)}const ti={};function vc(s){if(ti[s])return ti[s];const t=le(s);Ot.body.insertBefore(t,null);const e=Ht(t,"display");return Ot.body.removeChild(t),ti[s]=e!=="none"?e:"block"}function wo(s){return Ht(s,"display")==="none"}function Co(s,t){const e=s&&(s.matches||s.webkitMatchesSelector||s.msMatchesSelector);return!!e&&!!t&&e.call(s,t)}function Dn(s){return rt(s)?(t,e)=>Co(e,s):he(s)?s:Js(s)?(t,e)=>s.is(e):s?(t,e)=>e===s:()=>!1}T.filter=function(s){const t=Dn(s);return u(Ys.call(this,(e,n)=>t.call(e,n,e)))};function Xt(s,t){return t?s.filter(t):s}T.detach=function(s){return Xt(this,s).each((t,e)=>{e.parentNode&&e.parentNode.removeChild(e)}),this};const wc=/^\s*<(\w+)[^>]*>/,Cc=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,ko={"*":fo,tr:oc,td:po,th:po,thead:qs,tbody:qs,tfoot:qs};function So(s){if(!rt(s))return[];if(Cc.test(s))return[le(RegExp.$1)];const t=wc.test(s)&&RegExp.$1,e=ko[t]||ko["*"];return e.innerHTML=s,u(e.childNodes).detach().get()}u.parseHTML=So,T.has=function(s){const t=rt(s)?(e,n)=>Zs(s,n).length:(e,n)=>n.contains(s);return this.filter(t)},T.not=function(s){const t=Dn(s);return this.filter((e,n)=>(!rt(s)||X(n))&&!t.call(n,e,n))};function Ft(s,t,e,n){const i=[],r=he(t),o=n&&Dn(n);for(let a=0,l=s.length;at.selected&&!t.disabled&&!t.parentNode.disabled),"value"):s.value||""}function kc(s){return arguments.length?this.each((t,e)=>{const n=e.multiple&&e.options;if(n||Ro.test(e.type)){const i=En(s)?_o.call(s,String):je(s)?[]:[String(s)];n?tt(e.options,(r,o)=>{o.selected=i.indexOf(o.value)>=0},!0):e.checked=i.indexOf(e.value)>=0}else e.value=pt(s)||je(s)?"":s}):this[0]&&$o(this[0])}T.val=kc,T.is=function(s){const t=Dn(s);return Xs.call(this,(e,n)=>t.call(e,n,e))},u.guid=1;function It(s){return s.length>1?Ys.call(s,(t,e,n)=>go.call(n,t)===e):s}u.unique=It,T.add=function(s,t){return u(It(this.get().concat(u(s,t).get())))},T.children=function(s){return Xt(u(It(Ft(this,t=>t.children))),s)},T.parent=function(s){return Xt(u(It(Ft(this,"parentNode"))),s)},T.index=function(s){const t=s?u(s)[0]:this[0],e=s?this:u(t).parent().children();return go.call(e,t)},T.closest=function(s){const t=this.filter(s);if(t.length)return t;const e=this.parent();return e.length?e.closest(s):t},T.siblings=function(s){return Xt(u(It(Ft(this,t=>u(t).parent().children().not(t)))),s)},T.find=function(s){return u(It(Ft(this,t=>Zs(s,t))))};const Sc=/^\s*\s*$/g,$c=/^$|^module$|\/(java|ecma)script/i,Tc=["type","src","nonce","noModule"];function xc(s,t){const e=u(s);e.filter("script").add(e.find("script")).each((n,i)=>{if($c.test(i.type)&&uo.contains(i)){const r=le("script");r.text=i.textContent.replace(Sc,""),tt(Tc,(o,a)=>{i[a]&&(r[a]=i[a])}),t.head.insertBefore(r,null),t.head.removeChild(r)}})}function Mc(s,t,e,n,i){n?s.insertBefore(t,e?s.firstChild:null):s.nodeName==="HTML"?s.parentNode.replaceChild(t,s):s.parentNode.insertBefore(t,e?s:s.nextSibling),i&&xc(t,s.ownerDocument)}function Zt(s,t,e,n,i,r,o,a){return tt(s,(l,c)=>{tt(u(c),(d,h)=>{tt(u(t),(m,f)=>{const g=e?h:f,_=e?f:h,y=e?d:m;Mc(g,y?_.cloneNode(!0):_,n,i,!y)},a)},o)},r),t}T.after=function(){return Zt(arguments,this,!1,!1,!1,!0,!0)},T.append=function(){return Zt(arguments,this,!1,!1,!0)};function Nc(s){if(!arguments.length)return this[0]&&this[0].innerHTML;if(pt(s))return this;const t=/]/.test(s);return this.each((e,n)=>{X(n)&&(t?u(n).empty().append(s):n.innerHTML=s)})}T.html=Nc,T.appendTo=function(s){return Zt(arguments,this,!0,!1,!0)},T.wrapInner=function(s){return this.each((t,e)=>{const n=u(e),i=n.contents();i.length?i.wrapAll(s):n.append(s)})},T.before=function(){return Zt(arguments,this,!1,!0)},T.wrapAll=function(s){let t=u(s),e=t[0];for(;e.children.length;)e=e.firstElementChild;return this.first().before(t),this.appendTo(e)},T.wrap=function(s){return this.each((t,e)=>{const n=u(s)[0];u(e).wrapAll(t?n.cloneNode(!0):n)})},T.insertAfter=function(s){return Zt(arguments,this,!0,!1,!1,!1,!1,!0)},T.insertBefore=function(s){return Zt(arguments,this,!0,!0)},T.prepend=function(){return Zt(arguments,this,!1,!0,!0,!0,!0)},T.prependTo=function(s){return Zt(arguments,this,!0,!0,!0,!1,!1,!0)},T.contents=function(){return u(It(Ft(this,s=>s.tagName==="IFRAME"?[s.contentDocument]:s.tagName==="TEMPLATE"?s.content.childNodes:s.childNodes)))},T.next=function(s,t,e){return Xt(u(It(Ft(this,"nextElementSibling",t,e))),s)},T.nextAll=function(s){return this.next(s,!0)},T.nextUntil=function(s,t){return this.next(t,!0,s)},T.parents=function(s,t){return Xt(u(It(Ft(this,"parentElement",!0,t))),s)},T.parentsUntil=function(s,t){return this.parents(t,s)},T.prev=function(s,t,e){return Xt(u(It(Ft(this,"previousElementSibling",t,e))),s)},T.prevAll=function(s){return this.prev(s,!0)},T.prevUntil=function(s,t){return this.prev(t,!0,s)},T.map=function(s){return u(ac.apply([],_o.call(this,(t,e)=>s.call(t,e,t))))},T.clone=function(){return this.map((s,t)=>t.cloneNode(!0))},T.offsetParent=function(){return this.map((s,t)=>{let e=t.offsetParent;for(;e&&Ht(e,"position")==="static";)e=e.offsetParent;return e||uo})},T.slice=function(s,t){return u(yo.call(this,s,t))};const Ec=/-([a-z])/g;function ei(s){return s.replace(Ec,(t,e)=>e.toUpperCase())}T.ready=function(s){const t=()=>setTimeout(s,0,u);return Ot.readyState!=="loading"?t():Ot.addEventListener("DOMContentLoaded",t),this},T.unwrap=function(){return this.parent().each((s,t)=>{if(t.tagName==="BODY")return;const e=u(t);e.replaceWith(e.children())}),this},T.offset=function(){const s=this[0];if(!s)return;const t=s.getBoundingClientRect();return{top:t.top+Nn.pageYOffset,left:t.left+Nn.pageXOffset}},T.position=function(){const s=this[0];if(!s)return;const t=Ht(s,"position")==="fixed",e=t?s.getBoundingClientRect():this.offset();if(!t){const n=s.ownerDocument;let i=s.offsetParent||n.documentElement;for(;(i===n.body||i===n.documentElement)&&Ht(i,"position")==="static";)i=i.parentNode;if(i!==s&&X(i)){const r=u(i).offset();e.top-=r.top+Et(i,"borderTopWidth"),e.left-=r.left+Et(i,"borderLeftWidth")}}return{top:e.top-Et(s,"marginTop"),left:e.left-Et(s,"marginLeft")}};const To={class:"className",contenteditable:"contentEditable",for:"htmlFor",readonly:"readOnly",maxlength:"maxLength",tabindex:"tabIndex",colspan:"colSpan",rowspan:"rowSpan",usemap:"useMap"};T.prop=function(s,t){if(s){if(rt(s))return s=To[s]||s,arguments.length<2?this[0]&&this[0][s]:this.each((e,n)=>{n[s]=t});for(const e in s)this.prop(e,s[e]);return this}},T.removeProp=function(s){return this.each((t,e)=>{delete e[To[s]||s]})};const Ic=/^--/;function ni(s){return Ic.test(s)}const si={},{style:Ac}=fo,Pc=["webkit","moz","ms"];function Dc(s,t=ni(s)){if(t)return s;if(!si[s]){const e=ei(s),n=`${e[0].toUpperCase()}${e.slice(1)}`,i=`${e} ${Pc.join(`${n} `)}${n}`.split(" ");tt(i,(r,o)=>{if(o in Ac)return si[s]=o,!1})}return si[s]}const Lc={animationIterationCount:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0};function xo(s,t,e=ni(s)){return!e&&!Lc[s]&&bo(t)?`${t}px`:t}function Rc(s,t){if(rt(s)){const e=ni(s);return s=Dc(s,e),arguments.length<2?this[0]&&Ht(this[0],s,e):s?(t=xo(s,t,e),this.each((n,i)=>{X(i)&&(e?i.style.setProperty(s,t):i.style[s]=t)})):this}for(const e in s)this.css(e,s[e]);return this}T.css=Rc;function Mo(s,t){try{return s(t)}catch{return t}}const Wc=/^\s+|\s+$/;function No(s,t){const e=s.dataset[t]||s.dataset[ei(t)];return Wc.test(e)?e:Mo(JSON.parse,e)}function Oc(s,t,e){e=Mo(JSON.stringify,e),s.dataset[ei(t)]=e}function Hc(s,t){if(!s){if(!this[0])return;const e={};for(const n in this[0].dataset)e[n]=No(this[0],n);return e}if(rt(s))return arguments.length<2?this[0]&&No(this[0],s):pt(t)?this:this.each((e,n)=>{Oc(n,s,t)});for(const e in s)this.data(e,s[e]);return this}T.data=Hc;function Eo(s,t){const e=s.documentElement;return Math.max(s.body[`scroll${t}`],e[`scroll${t}`],s.body[`offset${t}`],e[`offset${t}`],e[`client${t}`])}tt([!0,!1],(s,t)=>{tt(["Width","Height"],(e,n)=>{const i=`${t?"outer":"inner"}${n}`;T[i]=function(r){if(this[0])return _e(this[0])?t?this[0][`inner${n}`]:this[0].document.documentElement[`client${n}`]:ce(this[0])?Eo(this[0],n):this[0][`${t?"offset":"client"}${n}`]+(r&&t?Et(this[0],`margin${e?"Top":"Left"}`)+Et(this[0],`margin${e?"Bottom":"Right"}`):0)}})}),tt(["Width","Height"],(s,t)=>{const e=t.toLowerCase();T[e]=function(n){if(!this[0])return pt(n)?void 0:this;if(!arguments.length)return _e(this[0])?this[0].document.documentElement[`client${t}`]:ce(this[0])?Eo(this[0],t):this[0].getBoundingClientRect()[e]-vo(this[0],!s);const i=parseInt(n,10);return this.each((r,o)=>{if(!X(o))return;const a=Ht(o,"boxSizing");o.style[e]=xo(e,i+(a==="border-box"?vo(o,!s):0))})}});const Io="___cd";T.toggle=function(s){return this.each((t,e)=>{if(!X(e))return;const n=wo(e);(pt(s)?n:s)?(e.style.display=e[Io]||"",wo(e)&&(e.style.display=vc(e.tagName))):n||(e[Io]=Ht(e,"display"),e.style.display="none")})},T.hide=function(){return this.toggle(!1)},T.show=function(){return this.toggle(!0)};const Ao="___ce",ii=".",ri={focus:"focusin",blur:"focusout"},Po={mouseenter:"mouseover",mouseleave:"mouseout"},Fc=/^(mouse|pointer|contextmenu|drag|drop|click|dblclick)/i;function oi(s){return Po[s]||ri[s]||s}function ai(s){const t=s.split(ii);return[t[0],t.slice(1).sort()]}T.trigger=function(s,t){if(rt(s)){const[n,i]=ai(s),r=oi(n);if(!r)return this;const o=Fc.test(r)?"MouseEvents":"HTMLEvents";s=Ot.createEvent(o),s.initEvent(r,!0,!0),s.namespace=i.join(ii),s.___ot=n}s.___td=t;const e=s.___ot in ri;return this.each((n,i)=>{e&&he(i[s.___ot])&&(i[`___i${s.type}`]=!0,i[s.___ot](),i[`___i${s.type}`]=!1),i.dispatchEvent(s)})};function Do(s){return s[Ao]=s[Ao]||{}}function zc(s,t,e,n,i){const r=Do(s);r[t]=r[t]||[],r[t].push([e,n,i]),s.addEventListener(t,i)}function Lo(s,t){return!t||!Xs.call(t,e=>s.indexOf(e)<0)}function Ln(s,t,e,n,i){const r=Do(s);if(t)r[t]&&(r[t]=r[t].filter(([o,a,l])=>{if(i&&l.guid!==i.guid||!Lo(o,e)||n&&n!==a)return!0;s.removeEventListener(t,l)}));else for(t in r)Ln(s,t,e,n,i)}T.off=function(s,t,e){if(pt(s))this.each((n,i)=>{!X(i)&&!ce(i)&&!_e(i)||Ln(i)});else if(rt(s))he(t)&&(e=t,t=""),tt(Pn(s),(n,i)=>{const[r,o]=ai(i),a=oi(r);this.each((l,c)=>{!X(c)&&!ce(c)&&!_e(c)||Ln(c,a,o,t,e)})});else for(const n in s)this.off(n,s[n]);return this},T.remove=function(s){return Xt(this,s).detach().off(),this},T.replaceWith=function(s){return this.before(s).remove()},T.replaceAll=function(s){return u(s).replaceWith(this),this};function Bc(s,t,e,n,i){if(!rt(s)){for(const r in s)this.on(r,t,e,s[r],i);return this}return rt(t)||(pt(t)||je(t)?t="":pt(e)?(e=t,t=""):(n=e,e=t,t="")),he(n)||(n=e,e=void 0),n?(tt(Pn(s),(r,o)=>{const[a,l]=ai(o),c=oi(a),d=a in Po,h=a in ri;c&&this.each((m,f)=>{if(!X(f)&&!ce(f)&&!_e(f))return;const g=function(_){if(_.target[`___i${_.type}`])return _.stopImmediatePropagation();if(_.namespace&&!Lo(l,_.namespace.split(ii))||!t&&(h&&(_.target!==f||_.___ot===c)||d&&_.relatedTarget&&f.contains(_.relatedTarget)))return;let y=f;if(t){let w=_.target;for(;!Co(w,t);)if(w===f||(w=w.parentNode,!w))return;y=w}Object.defineProperty(_,"currentTarget",{configurable:!0,get(){return y}}),Object.defineProperty(_,"delegateTarget",{configurable:!0,get(){return f}}),Object.defineProperty(_,"data",{configurable:!0,get(){return e}});const b=n.call(y,_,_.___td);i&&Ln(f,c,l,t,g),b===!1&&(_.preventDefault(),_.stopPropagation())};g.guid=n.guid=n.guid||u.guid++,zc(f,c,l,t,g)})}),this):this}T.on=Bc;function jc(s,t,e,n){return this.on(s,t,e,n,!0)}T.one=jc;const Vc=/\r?\n/g;function Uc(s,t){return`&${encodeURIComponent(s)}=${encodeURIComponent(t.replace(Vc,`\r -`))}`}const Kc=/file|reset|submit|button|image/i,Ro=/radio|checkbox/i;T.serialize=function(){let s="";return this.each((t,e)=>{tt(e.elements||[e],(n,i)=>{if(i.disabled||!i.name||i.tagName==="FIELDSET"||Kc.test(i.type)||Ro.test(i.type)&&!i.checked)return;const r=$o(i);if(!pt(r)){const o=En(r)?r:[r];tt(o,(a,l)=>{s+=Uc(i.name,l)})}})}),s.slice(1)},window.$=u;function Wo(s,t){if(s==null)return[s,void 0];typeof t=="string"&&(t=t.split("."));const e=t.join(".");let n=s;const i=[n];for(;typeof n=="object"&&n!==null&&t.length;){let r=t.shift(),o;const a=r.indexOf("[");if(a>0&&a{const i=e[n]??"";s=s.replace(new RegExp(`\\{${n}\\}`,"g"),`${i}`)}),s}for(let e=0;e(s[s.B=1]="B",s[s.KB=1024]="KB",s[s.MB=1048576]="MB",s[s.GB=1073741824]="GB",s[s.TB=1099511627776]="TB",s))(li||{});function Ho(s,t=2,e){return Number.isNaN(s)?"?KB":(e||(s<1024?e="B":s<1048576?e="KB":s<1073741824?e="MB":s<1099511627776?e="GB":e="TB"),(s/li[e]).toFixed(t)+e)}const Fo=s=>{const t=/^[0-9]*(B|KB|MB|GB|TB)$/;s=s.toUpperCase();const e=s.match(t);if(!e)return 0;const n=e[1];return s=s.replace(n,""),Number.parseInt(s,10)*li[n]};let ci=(document.documentElement.getAttribute("lang")||"zh_cn").toLowerCase().replace("-","_"),Jt;function Gc(){return ci}function qc(s){ci=s.toLowerCase()}function zo(s,t){Jt||(Jt={}),typeof s=="string"&&(s={[s]:t??{}}),u.extend(!0,Jt,s)}function Z(s,t,e,n,i,r){Array.isArray(s)?Jt&&s.unshift(Jt):s=Jt?[Jt,s]:[s],typeof e=="string"&&(r=i,i=n,n=e,e=void 0);const o=i||ci;let a;for(const l of s){if(!l)continue;const c=l[o];if(!c)continue;const d=r&&l===Jt?`${r}.${t}`:t;if(a=Oo(c,d),a!==void 0)break}return a===void 0?n:e?et(a,...Array.isArray(e)?e:[e]):a}function Yc(s,t,e,n){return Z(void 0,s,t,e,n)}Z.addLang=zo,Z.getLang=Yc,Z.getCode=Gc,Z.setCode=qc,zo({zh_cn:{confirm:"确定",cancel:"取消",delete:"删除",add:"添加"},zh_tw:{confirm:"確定",cancel:"取消",delete:"刪除",add:"添加"},en:{confirm:"Confirm",cancel:"Cancel",delete:"Delete",add:"Add"}});function Bo(s,t,e){s instanceof Headers?s.set(t,e):Array.isArray(s)?s.push([t,e]):s[t]=e}function Ve(s,t,e){e!=null&&(Array.isArray(e)?e.forEach(n=>Ve(s,t,n)):s.append(t,e instanceof Blob?e:String(e)))}function Xc(s,t){if(s){const e={text:"text/plain",html:"text/html",json:"application/json",...t};for(const[n,i]of Object.entries(e))if(i.split(",").map(r=>r.trim()).includes(s))return n}return"text"}function jo(s,t){const e=t||new FormData;return s&&(typeof s=="string"&&(s=new URLSearchParams(s)),s instanceof URLSearchParams?s.forEach((n,i)=>{Ve(e,i,n)}):Array.isArray(s)?s.forEach(([n,i])=>{Ve(e,n,i)}):s instanceof FormData?s.forEach((n,i)=>{Ve(e,i,n)}):u.isPlainObject(s)&&Object.entries(s).forEach(([n,i])=>{Ve(e,n,i)})),e}class hi{get completed(){return this.data!==void 0||this.error!==void 0}get[Symbol.toStringTag](){return"Ajax"}constructor(t){this.setting=t,this._controller=new AbortController,this._callbacks={success:[],error:[],complete:[]}}on(t,e){return this._callbacks[t].push(e),this}success(t){return this.on("success",t)}done(t){return this.success(t)}fail(t){return this.on("error",t)}complete(t){return this.on("complete",t)}always(t){return this.complete(t)}then(t,e){return this.completed?e&&this.error?e(this.error):t(this.data):(this.success(n=>t(n)),e&&this.fail(e)),this}catch(t){return this.error?(t(this.error),this):this.on("error",e=>t(e))}finally(t){return this.completed?(t(),this):this.complete(()=>t())}abort(t){return this.completed?!1:(this._abortError=t,this._controller.abort(),!0)}getResponseHeader(t){var e;return(e=this.response)==null?void 0:e.headers.get(t)}_init(){if(this.completed)return;const{url:t,type:e,data:n,processData:i=!0,contentType:r,crossDomain:o,accepts:a,dataType:l,timeout:c,dataFilter:d,beforeSend:h,success:m,error:f,complete:g,..._}=this.setting;if((h==null?void 0:h(_))===!1)return;e&&(_.method=e);let y=n;y&&(i&&(y=jo(y)),_.body=y),o&&(_.mode="cors");const b=_.headers||{};Bo(b,"X-Requested-With","XMLHttpRequest"),r&&Bo(b,"Content-Type",r),_.headers=b,_.signal&&_.signal.addEventListener("abort",()=>{this.abort()}),m&&this.success(m),f&&this.fail(f),g&&this.complete(g),_.signal=this._controller.signal,this.url=t,this.request=_}_emit(t,...e){this._callbacks[t].forEach(n=>{n.call(this,...e)})}async send(){var c;if(this.completed)return[];this._init();const{timeout:t,dataType:e,accepts:n,dataFilter:i,throws:r}=this.setting;t&&(this._timeoutID=window.setTimeout(()=>{this.abort(new Error("timeout"))},t));let o,a,l;try{o=await fetch(this.url,this.request),this.response=o;const{statusText:d}=o;if(o.ok){const h=(c=o.headers.get("Content-Disposition"))==null?void 0:c.startsWith("attachment"),m=h?"blob":e||Xc(o.headers.get("Content-Type"),n);h||m==="blob"||m==="file"?l=await o.blob():m==="json"?l=await o.json():l=await o.text(),this.data=l;const f=(i==null?void 0:i(l,m))??l;this._emit("success",f,d,o)}else throw new Error(d)}catch(d){a=d;let h=!1;a.name==="AbortError"&&(this._abortError?a=this._abortError:h=!0),this.error=a,h||this._emit("error",a,o==null?void 0:o.statusText,a.message)}if(this._timeoutID&&clearTimeout(this._timeoutID),this._emit("complete",o,o==null?void 0:o.statusText),a&&r)throw a;return[l,a,o]}}u.ajax=(s,t)=>{t=t||{},typeof s=="string"?t.url=s:u.extend(t,s);const e=new hi(t);return e.send(),e},u.getJSON=(s,t,e)=>(typeof t=="function"&&(e=t,t=void 0),u.ajax({url:s,data:t,success:e,dataType:"json"})),u.get=(s,t,e,n,i="GET")=>{let r,o;return typeof t=="function"?(r=t,o=void 0):o=t,typeof e=="function"?(r=e,n=void 0):n=e,u.ajax({method:i,url:s,data:o,success:r,dataType:n})},u.post=(s,t,e,n)=>u.get(s,t,e,n,"POST"),u.fn.load=function(s,t,e){typeof t=="function"&&(e=t,t=void 0);const[n,i]=s.split(" ");return u.get(n,t,(r,o,a)=>{i&&(r=u(r).find(i).html()),u(this).html(r),e==null||e.call(this,r,o,a)},"html"),this};async function Ue(s,t=[],e){const n={throws:!0,dataType:"json"};if(typeof s=="string")n.url=s;else if(typeof s=="object")u.extend(n,s);else if(typeof s=="function"){const o=s(...t);return o instanceof Promise?await o:o}e&&u.extend(n,typeof e=="function"?e(n):e);const i=new hi(n),[r]=await i.send();return r}function di(s){return!!(s&&(typeof s=="string"||typeof s=="object"&&s.url||typeof s=="function"))}u.fetch=Ue;function St(){return u.guid++}function Rn(s,t){if(s===t)return!1;if(s&&t&&typeof s=="object"&&typeof t=="object"){const e=Array.isArray(s),n=Array.isArray(t);if(e!==n)return!0;if(e&&n){if(s.length!==t.length)return!0;for(let o=0;oRn(n instanceof de?n.value:n,e[i])))&&(this._value=this._compute(),this._lastDependencies=t.map(n=>n instanceof de?n.cache:n)),this._value}}function ui(...s){const t=[],e=new Map,n=(i,r)=>{if(Array.isArray(i)&&(r=i[1],i=i[0]),!i.length)return;const o=e.get(i);typeof o=="number"?t[o][1]=!!r:(e.set(i,t.length),t.push([i,!!r]))};return s.forEach(i=>{typeof i=="function"&&(i=i()),Array.isArray(i)?ui(...i).forEach(n):i&&typeof i=="object"?Object.entries(i).forEach(n):typeof i=="string"&&i.split(" ").forEach(r=>n(r,!0))}),t.sort((i,r)=>(e.get(i[0])||0)-(e.get(r[0])||0))}const S=(...s)=>ui(...s).reduce((t,[e,n])=>(n&&t.push(e),t),[]).join(" ");u.classes=S,u.fn.setClass=function(s,...t){return this.each((e,n)=>{const i=u(n);s===!0?i.attr("class",S(i.attr("class"),...t)):i.addClass(S(s,...t))})};const Ke=new WeakMap;function fi(s,t,e){const n=Ke.has(s),i=n?Ke.get(s):{};typeof t=="string"?i[t]=e:t===null?Object.keys(i).forEach(r=>{delete i[r]}):Object.assign(i,t),Object.keys(i).forEach(r=>{i[r]===void 0&&delete i[r]}),Object.keys(i).length?(!n&&s instanceof Element&&Object.assign(i,u(s).dataset(),i),Ke.set(s,i)):Ke.delete(s)}function pi(s,t,e){let n=Ke.get(s)||{};return!e&&s instanceof Element&&(n=Object.assign({},u(s).dataset(),n)),t===void 0?n:n[t]}u.fn.dataset=u.fn.data,u.fn.data=function(...s){if(!this.length)return;const[t,e]=s;return!s.length||s.length===1&&typeof t=="string"?pi(this[0],t):this.each((n,i)=>fi(i,t,e))},u.fn.removeData=function(s=null){return this.each((t,e)=>fi(e,s))};function Wn(s,t="z-"){const e=u(s)[0];if(e)return Array.from(e.attributes).reduce((n,i)=>{let{name:r,value:o}=i;if(r.startsWith(t)){r=r.slice(t.length).replace(/-([a-z])/g,a=>a[1].toUpperCase());try{o.startsWith("RAWJS<")&&o.endsWith(">RAWJS")?o=new Function(`return ${o.substring(6,o.length-6)}`)():o=JSON.parse(o)}catch{}n[r]=o}return n},{})}function mi(s,t,e="z-"){const n=u(s);Object.keys(t).forEach(i=>{let r=t[i];typeof r=="function"&&(r=`RAWJS<${r}>RAWJS`),typeof r!="string"&&(r=JSON.stringify(r)),i=i.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`),n.attr(`${e}${i}`,r)})}function Zc(...s){var e;const t=s.length;if(!t)return Wn(this);if(t===1){const[n]=s;return typeof n=="string"?(e=Wn(this))==null?void 0:e[n]:(u.isPlainObject(n)&&mi(this,n),this)}return mi(this,{[s[0]]:s[1]}),this}u.fn.z=Zc,u.fn._attr=u.fn.attr,u.fn.extend({attr(...s){const[t,e]=s;return!s.length||s.length===1&&typeof t=="string"?this._attr.apply(this,s):typeof t=="object"?(t&&Object.keys(t).forEach(n=>{const i=t[n];i===null?this.removeAttr(n):this._attr(n,i)}),this):e===null?this.removeAttr(t):this._attr(t,e)}}),u.Event=(s,t)=>{const[e,...n]=s.split("."),i=new Event(e,{bubbles:!0,cancelable:!0});return i.namespace=n.join("."),i.___ot=e,i.___td=t,i};const Ge=(s,t)=>new Promise(e=>{const n=window.setTimeout(e,s);t&&t(n)}),Vo={};u.share=Vo;var On,z,Uo;v.isValidElement=void 0;var ue,Ko,Go,gi,qe={},qo=[],Jc=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,Hn=Array.isArray;function Qt(s,t){for(var e in t)s[e]=t[e];return s}function Yo(s){var t=s.parentNode;t&&t.removeChild(s)}function $t(s,t,e){var n,i,r,o={};for(r in t)r=="key"?n=t[r]:r=="ref"?i=t[r]:o[r]=t[r];if(arguments.length>2&&(o.children=arguments.length>3?On.call(arguments,2):e),typeof s=="function"&&s.defaultProps!=null)for(r in s.defaultProps)o[r]===void 0&&(o[r]=s.defaultProps[r]);return Fn(s,o,n,i,null)}function Fn(s,t,e,n,i){var r={type:s,props:t,key:e,ref:n,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:i??++Uo,__i:-1,__u:0};return i==null&&z.vnode!=null&&z.vnode(r),r}function B(){return{current:null}}function ye(s){return s.children}function W(s,t){this.props=s,this.context=t}function be(s,t){if(t==null)return s.__?be(s.__,s.__i+1):null;for(var e;tt&&ue.sort(gi));zn.__r=0}function Jo(s,t,e,n,i,r,o,a,l,c,d){var h,m,f,g,_,y=n&&n.__k||qo,b=t.length;for(e.__d=l,Qc(e,t,y),l=e.__d,h=0;h0?Fn(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)!=null?(i.__=s,i.__b=s.__b+1,a=th(i,e,o=n+h,d),i.__i=a,r=null,a!==-1&&(d--,(r=e[a])&&(r.__u|=131072)),r==null||r.__v===null?(a==-1&&h--,typeof i.type!="function"&&(i.__u|=65536)):a!==o&&(a===o+1?h++:a>o?d>l-o?h+=a-o:h--:h=a(l!=null&&!(131072&l.__u)?1:0))for(;o>=0||a=0){if((l=t[o])&&!(131072&l.__u)&&i==l.key&&r===l.type)return o;o--}if(a{!e||typeof e!="object"||Object.keys(e).forEach(n=>{let i=e[n];const r=s[n];i!==r&&(r!==void 0&&(n==="className"||n.endsWith("Class")?i=[r,i]:n==="children"?i=[...Bn(r),...Bn(i)]:typeof r=="object"&&(n==="style"||n.endsWith("Style")||n==="attrs"||n.endsWith("Attrs")||n==="props")&&(i=u.extend(r,i))),s[n]=i)})}),s}function vi(s){return Object.keys(s).forEach(t=>{s[t]===void 0&&delete s[t]}),s}const we=new Map;function Ye(s){const{zui:t}=window;return(!we.size||s&&!we.has(s.toUpperCase()))&&Object.keys(t).forEach(e=>{const n=t[e];!n.NAME||!n.ZUI||we.set(e.toLowerCase(),n)}),s?we.get(s.toLowerCase()):void 0}function ia(s,t,e){const n=Ye(s);return n?!n.MULTI_INSTANCE&&n.get(t)?(console.error(`[ZUI] cannot create component "${s}" on element which already has a component instance.`,{element:t,options:e}),null):new n(t,e):null}function sh(s){if(s){const t=Ye(s);t&&t.defineFn()}else Ye(),we.forEach(t=>{t.defineFn()})}u.fn.zuiInit=function(){return this.find("[data-zui]").each(function(){const s=u(this);let t=Wn(s,"data-");const[e,n]=t.zui.split(":");s.zui(e)||(n?t=u.share[n]:delete t.zui,requestAnimationFrame(()=>ia(e,this,t)))}),this.find(".hide-before-init").removeClass("invisible hidden opacity-0"),this.find(".scroll-into-view").scrollIntoView(),this},u.fn.zui=function(s,t){const e=this[0];if(!e)return;if(typeof s!="string"){const i=pi(e,void 0,!0),r={};let o;return Object.keys(i).forEach(a=>{if(a.startsWith("zui.")){const l=i[a];r[a]=l,(!o||o.gid{u("body").zuiInit()});function ra(s,t=!0){const e=u(s),n=e[0],i="zui-disable-scroll";if(t){if(e.data(i))return;if((e.css("scrollbar-gutter")||"").includes("stable")){e.data(i,{overflow:e.css("overflow")}).css("overflow","hidden");return}const r=n===document.body?window.innerWidth-document.body.clientWidth:n.offsetWidth-n.clientWidth;if(!r)return;const o=e.css("paddingRight")||"0";e.data(i,{paddingRight:o,overflow:e.css("overflow")}).css({paddingRight:`${r+Number.parseInt(o,10)}px`,overflow:"hidden"})}else{const r=e.data(i);if(!r)return;e.css(r).removeData(i)}}u.fn.disableScroll=function(s=!0){return this.each((t,e)=>{ra(e,s)})},u.fn.enableScroll=function(s=!0){return this.disableScroll(!s)};function Xe(s){if(typeof s=="number")return[s];let t=s.match(/(\d+)(%|px)?/);return t?[parseInt(t[1]),t[2]]:(t=s.match(/(\d+)\/(\d+)/),t?[100*parseInt(t[1])/parseInt(t[2]),"%"]:[NaN])}function At(s){if(s==null)return null;const[t,e="px"]=Xe(s);return Number.isNaN(t)?typeof s=="string"?s:null:`${t}${e}`}async function wi(s,t){var n,i,r;if(s instanceof Blob){const o=document.createElement("a");return o.href=window.URL.createObjectURL(s),t&&(o.download=t),o.click(),o.remove(),s}if(s instanceof Response){const o=await s.blob();return t=t||((r=(i=(n=s.headers.get("Content-Disposition"))==null?void 0:n.split(";")[1])==null?void 0:i.split("=")[1])==null?void 0:r.replace(/"/g,"")),wi(o,t)}const e=await fetch(s);return wi(e)}class oa{constructor(t){this._$target=u(t)}on(...t){return this._$target.on(...t),this}one(...t){return this._$target.one(...t),this}off(...t){return this._$target.off(...t),this}trigger(...t){return this._$target.trigger(...t),this}}const Pt=new oa(document);u.bus=Pt,u.on=Pt.on.bind(Pt),u.one=Pt.one.bind(Pt),u.off=Pt.off.bind(Pt),u.trigger=Pt.trigger.bind(Pt);var ih=["Shift","Meta","Alt","Control"],aa=typeof navigator=="object"?navigator.platform:"",la=/Mac|iPod|iPhone|iPad/.test(aa),rh=la?"Meta":"Control",oh=aa==="Win32"?["Control","Alt"]:la?["Alt"]:[];function Ci(s,t){return typeof s.getModifierState=="function"&&(s.getModifierState(t)||oh.includes(t)&&s.getModifierState("AltGraph"))}function ah(s){return s.trim().split(" ").map(function(t){var e=t.split(/\b\+/),n=e.pop();return[e=e.map(function(i){return i==="$mod"?rh:i}),n]})}function ca(s,t){var e;t===void 0&&(t={});var n=(e=t.timeout)!=null?e:1e3,i=Object.keys(s).map(function(a){return[ah(a),s[a]]}),r=new Map,o=null;return function(a){a instanceof KeyboardEvent&&(i.forEach(function(l){var c=l[0],d=l[1],h=r.get(c)||c;(function(m,f){return!(f[1].toUpperCase()!==m.key.toUpperCase()&&f[1]!==m.code||f[0].find(function(g){return!Ci(m,g)})||ih.find(function(g){return!f[0].includes(g)&&f[1]!==g&&Ci(m,g)}))})(a,h[0])?h.length>1?r.set(c,h.slice(1)):(r.delete(c),d(a)):Ci(a,a.key)||r.delete(c)}),o&&clearTimeout(o),o=setTimeout(r.clear.bind(r),n))}}function lh(s,t,e){var n;e===void 0&&(e={});var i=(n=e.event)!=null?n:"keydown",r=ca(t,e);return s.addEventListener(i,r),function(){s.removeEventListener(i,r)}}function ki(s,t={}){if(!s)return;const e=Object.keys(t).reduce((n,i)=>(t[i].optional||(n[i]={...t[i]}),n),{});return Object.keys(s).forEach(n=>{const i=s[n];i?i===!0?t[n]&&(e[n]={...t[n]}):e[n]=i:delete e[n]}),Object.keys(e).reduce((n,i)=>{const{keys:r,handler:o}=e[i];return typeof r=="string"?n[r]=o:r.forEach(a=>{n[a]=o}),n},{})}function Si(s,t,e){const{timeout:n,event:i="keydown",scope:r,when:o}=e||{},a=ca(t,{timeout:n});return u(s).on(`${i}.zui.hotkeys${r?`.${r}`:""}`,function(l){o&&o(l)===!1||a(l)})}function $i(s,t){return u(s).off(`.zui.hotkeys${t?`.${t}`:""}`)}const ch=lh;u.fn.hotkeys=function(s,t){return Si(this,s,t)},u.fn.unbindHotkeys=function(s){return $i(this,s)},u.hotkeys=function(s,t){Si(window,s,t)},u.unbindHotkeys=function(s){$i(window,s)};function Vn(){return document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement}async function ha(s){(typeof s=="string"||s instanceof Element||s instanceof u)&&(s={target:s});const{target:t,onError:e,onSuccess:n,afterExit:i,afterEnter:r}=s,o=u(t),a=o[0];if(!a)return;const l=a.requestFullscreen||a.webkitRequestFullscreen||a.mozRequestFullScreen;if(!l){e==null||e.call(a,new Error("[ZUI] The browser does not support full screen feature."));return}try{await l.call(a),n==null||n.call(a),u(a).off(".zui.fullscreen"),i&&o.on("exitFullscreen.zui.fullscreen",i),r&&o.on("enterFullscreen.zui.fullscreen",r)}catch(c){e==null||e.call(a,c)}document.zuiBindFullscreenChange||(document.zuiBindFullscreenChange=!0,u(document).on("fullscreenchange.zui webkitfullscreenchange.zui mozfullscreenchange.zui",c=>{const d=Vn();let h=d;d?u(d).addClass("is-in-fullscreen"):(h=u(document).find(".is-in-fullscreen")[0]||document,u(h).removeClass("is-in-fullscreen")),u("body").toggleClass("has-in-fullscreen",!!d);const m={event:c,target:h,fullscreenElement:d};u(h).trigger(d?"enterFullscreen":"exitFullscreen",m).trigger("toggleFullscreen",m)}))}async function Ti(s){const t=Vn();return s===!1&&!!t===s?s:t?(document.exitFullscreen(),!1):(await ha(s),!0)}u.fn.fullscreen=function(s){return Ti({target:this,...s})},u.getFullscreenElement=Vn,u.toggleFullscreen=Ti;function xi(s,t){const e=u(s)[0];if(!e)return!1;let{viewport:n}=t||{};const{left:i,top:r,width:o,height:a}=e.getBoundingClientRect();if(!n){const{innerHeight:g,innerWidth:_}=window,{clientHeight:y,clientWidth:b}=document.documentElement;n={left:0,top:0,width:_||b,height:g||y}}const{left:l,top:c,width:d,height:h}=n;if(t!=null&&t.fullyCheck)return i>=l&&r>=c&&i+o<=d&&r+a<=h;const m=i<=d&&i+o>=l;return r<=h&&r+a>=c&&m}u.fn.isVisible=function(s){return xi(this,s)};function Mi(s,t,e=!1){const n=u(s);if(t!==void 0){if(t.length){const i=`zui-runjs-${St()}`;n.append(`