hzzt-plus 0.0.1-dev

package/README.md

@@ -0,0 +1,45 @@
+# hzzt-plus
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+npm run test:unit
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```

package/dist/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--hzzt-color-white:#ffffff;--hzzt-color-black:#000000;--hzzt-color-primary-rgb:64,158,255;--hzzt-color-success-rgb:103,194,58;--hzzt-color-warning-rgb:230,162,60;--hzzt-color-danger-rgb:245,108,108;--hzzt-color-error-rgb:245,108,108;--hzzt-color-info-rgb:144,147,153;--hzzt-font-size-extra-large:20px;--hzzt-font-size-large:18px;--hzzt-font-size-medium:16px;--hzzt-font-size-base:14px;--hzzt-font-size-small:13px;--hzzt-font-size-extra-small:12px;--hzzt-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--hzzt-font-weight-primary:500;--hzzt-font-line-height-primary:24px;--hzzt-index-normal:1;--hzzt-index-top:1000;--hzzt-index-popper:2000;--hzzt-border-radius-base:4px;--hzzt-border-radius-small:2px;--hzzt-border-radius-round:20px;--hzzt-border-radius-circle:100%;--hzzt-transition-duration:0.3s;--hzzt-transition-duration-fast:0.2s;--hzzt-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--hzzt-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--hzzt-transition-all:all var(--hzzt-transition-duration) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-fade:opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-md-fade:transform var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier),opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-fade-linear:opacity var(--hzzt-transition-duration-fast) linear;--hzzt-transition-border:border-color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-box-shadow:box-shadow var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-color:color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-component-size-large:40px;--hzzt-component-size:32px;--hzzt-component-size-small:24px;color-scheme:light;--hzzt-color-primary:#409eff;--hzzt-color-primary-light-3:#79bbff;--hzzt-color-primary-light-5:#a0cfff;--hzzt-color-primary-light-7:#c6e2ff;--hzzt-color-primary-light-8:#d9ecff;--hzzt-color-primary-light-9:#ecf5ff;--hzzt-color-primary-dark-2:#337ecc;--hzzt-color-success:#67c23a;--hzzt-color-success-light-3:#95d475;--hzzt-color-success-light-5:#b3e19d;--hzzt-color-success-light-7:#d1edc4;--hzzt-color-success-light-8:#e1f3d8;--hzzt-color-success-light-9:#f0f9eb;--hzzt-color-success-dark-2:#529b2e;--hzzt-color-warning:#e6a23c;--hzzt-color-warning-light-3:#eebe77;--hzzt-color-warning-light-5:#f3d19e;--hzzt-color-warning-light-7:#f8e3c5;--hzzt-color-warning-light-8:#faecd8;--hzzt-color-warning-light-9:#fdf6ec;--hzzt-color-warning-dark-2:#b88230;--hzzt-color-danger:#f56c6c;--hzzt-color-danger-light-3:#f89898;--hzzt-color-danger-light-5:#fab6b6;--hzzt-color-danger-light-7:#fcd3d3;--hzzt-color-danger-light-8:#fde2e2;--hzzt-color-danger-light-9:#fef0f0;--hzzt-color-danger-dark-2:#c45656;--hzzt-color-error:#f56c6c;--hzzt-color-error-light-3:#f89898;--hzzt-color-error-light-5:#fab6b6;--hzzt-color-error-light-7:#fcd3d3;--hzzt-color-error-light-8:#fde2e2;--hzzt-color-error-light-9:#fef0f0;--hzzt-color-error-dark-2:#c45656;--hzzt-color-info:#909399;--hzzt-color-info-light-3:#b1b3b8;--hzzt-color-info-light-5:#c8c9cc;--hzzt-color-info-light-7:#dedfe0;--hzzt-color-info-light-8:#e9e9eb;--hzzt-color-info-light-9:#f4f4f5;--hzzt-color-info-dark-2:#73767a;--hzzt-bg-color:#ffffff;--hzzt-bg-color-page:#f2f3f5;--hzzt-bg-color-overlay:#ffffff;--hzzt-text-color-primary:#303133;--hzzt-text-color-regular:#606266;--hzzt-text-color-secondary:#909399;--hzzt-text-color-placeholder:#a8abb2;--hzzt-text-color-disabled:#c0c4cc;--hzzt-border-color:#dcdfe6;--hzzt-border-color-light:#e4e7ed;--hzzt-border-color-lighter:#ebeef5;--hzzt-border-color-extra-light:#f2f6fc;--hzzt-border-color-dark:#d4d7de;--hzzt-border-color-darker:#cdd0d6;--hzzt-fill-color:#f0f2f5;--hzzt-fill-color-light:#f5f7fa;--hzzt-fill-color-lighter:#fafafa;--hzzt-fill-color-extra-light:#fafcff;--hzzt-fill-color-dark:#ebedf0;--hzzt-fill-color-darker:#e6e8eb;--hzzt-fill-color-blank:#ffffff;--hzzt-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--hzzt-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--hzzt-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--hzzt-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--hzzt-disabled-bg-color:var(--hzzt-fill-color-light);--hzzt-disabled-text-color:var(--hzzt-text-color-placeholder);--hzzt-disabled-border-color:var(--hzzt-border-color-light);--hzzt-overlay-color:rgba(0,0,0,0.8);--hzzt-overlay-color-light:rgba(0,0,0,0.7);--hzzt-overlay-color-lighter:rgba(0,0,0,0.5);--hzzt-mask-color:rgba(255,255,255,0.9);--hzzt-mask-color-extra-light:rgba(255,255,255,0.3);--hzzt-border-width:1px;--hzzt-border-style:solid;--hzzt-border-color-hover:var(--hzzt-text-color-disabled);--hzzt-border:var(--hzzt-border-width) var(--hzzt-border-style) var(--hzzt-border-color);--hzzt-svg-monochrome-grey:var(--hzzt-border-color)}.flex{display:flex;display:-webkit-flex}.column{flex-direction:column}.row{flex-direction:row}.wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}.nowrap{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap}.justify-content-center{justify-content:center;-webkit-justify-content:center}.justify-content-between{justify-content:space-between;-webkit-justify-content:space-between}.justify-content-around{justify-content:space-around;-webkit-justify-content:space-around}.justify-content-start{justify-content:flex-start;-webkit-justify-content:flex-start}.justify-content-end{justify-content:flex-end;-webkit-justify-content:flex-end}.align-content-between{align-content:space-between}.align-items-center{align-items:center;-webkit-align-items:center}.align-items-start{align-items:flex-start;-webkit-align-items:flex-start}.align-items-end{align-items:flex-end;-webkit-align-items:flex-end}.align-items-stretch{align-items:stretch;-webkit-align-items:stretch}.align-items-baseline{align-items:baseline;-webkit-align-items:baseline}.align-self-center{align-self:center;-webkit-align-self:center}.align-self-start{align-self:flex-start;-webkit-align-self:flex-start}.align-self-end{align-self:flex-end;-webkit-align-self:flex-end}.align-self-stretch{align-self:stretch;-webkit-align-self:stretch}.align-self-baseline{align-self:baseline;-webkit-align-self:baseline}.flex-1{flex:1;-webkit-flex:1;-ms-flex:1}.flex-2{flex:2;-webkit-flex:2;-ms-flex:2}.flex-3{flex:3;-webkit-flex:3;-ms-flex:3}.flex-4{flex:4;-webkit-flex:4;-ms-flex:4}.flex-5{flex:5;-webkit-flex:5;-ms-flex:5}.flex-6{flex:6;-webkit-flex:6;-ms-flex:6}.flex-7{flex:7;-webkit-flex:7;-ms-flex:7}.flex-8{flex:8;-webkit-flex:8;-ms-flex:8}.padding-0{padding:0}.padding-v-0{padding-bottom:0;padding-top:0}.padding-h-0{padding-left:0;padding-right:0}.padding-t-0{padding-top:0}.padding-l-0{padding-left:0}.padding-r-0{padding-right:0}.padding-b-0{padding-bottom:0}.margin-0{margin:0}.margin-v-0{margin-bottom:0;margin-top:0}.margin-h-0{margin-left:0;margin-right:0}.margin-t-0{margin-top:0}.margin-l-0{margin-left:0}.margin-r-0{margin-right:0}.margin-b-0{margin-bottom:0}.padding-1{padding:4px}.padding-v-1{padding-bottom:4px;padding-top:4px}.padding-h-1{padding-left:4px;padding-right:4px}.padding-t-1{padding-top:4px}.padding-l-1{padding-left:4px}.padding-r-1{padding-right:4px}.padding-b-1{padding-bottom:4px}.margin-1{margin:4px}.margin-v-1{margin-bottom:4px;margin-top:4px}.margin-h-1{margin-left:4px;margin-right:4px}.margin-t-1{margin-top:4px}.margin-l-1{margin-left:4px}.margin-r-1{margin-right:4px}.margin-b-1{margin-bottom:4px}.padding-2{padding:8px}.padding-v-2{padding-bottom:8px;padding-top:8px}.padding-h-2{padding-left:8px;padding-right:8px}.padding-t-2{padding-top:8px}.padding-l-2{padding-left:8px}.padding-r-2{padding-right:8px}.padding-b-2{padding-bottom:8px}.margin-2{margin:8px}.margin-v-2{margin-bottom:8px;margin-top:8px}.margin-h-2{margin-left:8px;margin-right:8px}.margin-t-2{margin-top:8px}.margin-l-2{margin-left:8px}.margin-r-2{margin-right:8px}.margin-b-2{margin-bottom:8px}.padding-3{padding:12px}.padding-v-3{padding-bottom:12px;padding-top:12px}.padding-h-3{padding-left:12px;padding-right:12px}.padding-t-3{padding-top:12px}.padding-l-3{padding-left:12px}.padding-r-3{padding-right:12px}.padding-b-3{padding-bottom:12px}.margin-3{margin:12px}.margin-v-3{margin-bottom:12px;margin-top:12px}.margin-h-3{margin-left:12px;margin-right:12px}.margin-t-3{margin-top:12px}.margin-l-3{margin-left:12px}.margin-r-3{margin-right:12px}.margin-b-3{margin-bottom:12px}.padding-4{padding:16px}.padding-v-4{padding-bottom:16px;padding-top:16px}.padding-h-4{padding-left:16px;padding-right:16px}.padding-t-4{padding-top:16px}.padding-l-4{padding-left:16px}.padding-r-4{padding-right:16px}.padding-b-4{padding-bottom:16px}.margin-4{margin:16px}.margin-v-4{margin-bottom:16px;margin-top:16px}.margin-h-4{margin-left:16px;margin-right:16px}.margin-t-4{margin-top:16px}.margin-l-4{margin-left:16px}.margin-r-4{margin-right:16px}.margin-b-4{margin-bottom:16px}.padding-5{padding:20px}.padding-v-5{padding-bottom:20px;padding-top:20px}.padding-h-5{padding-left:20px;padding-right:20px}.padding-t-5{padding-top:20px}.padding-l-5{padding-left:20px}.padding-r-5{padding-right:20px}.padding-b-5{padding-bottom:20px}.margin-5{margin:20px}.margin-v-5{margin-bottom:20px;margin-top:20px}.margin-h-5{margin-left:20px;margin-right:20px}.margin-t-5{margin-top:20px}.margin-l-5{margin-left:20px}.margin-r-5{margin-right:20px}.margin-b-5{margin-bottom:20px}.padding-6{padding:24px}.padding-v-6{padding-bottom:24px;padding-top:24px}.padding-h-6{padding-left:24px;padding-right:24px}.padding-t-6{padding-top:24px}.padding-l-6{padding-left:24px}.padding-r-6{padding-right:24px}.padding-b-6{padding-bottom:24px}.margin-6{margin:24px}.margin-v-6{margin-bottom:24px;margin-top:24px}.margin-h-6{margin-left:24px;margin-right:24px}.margin-t-6{margin-top:24px}.margin-l-6{margin-left:24px}.margin-r-6{margin-right:24px}.margin-b-6{margin-bottom:24px}.padding-7{padding:28px}.padding-v-7{padding-bottom:28px;padding-top:28px}.padding-h-7{padding-left:28px;padding-right:28px}.padding-t-7{padding-top:28px}.padding-l-7{padding-left:28px}.padding-r-7{padding-right:28px}.padding-b-7{padding-bottom:28px}.margin-7{margin:28px}.margin-v-7{margin-bottom:28px;margin-top:28px}.margin-h-7{margin-left:28px;margin-right:28px}.margin-t-7{margin-top:28px}.margin-l-7{margin-left:28px}.margin-r-7{margin-right:28px}.margin-b-7{margin-bottom:28px}.padding-8{padding:32px}.padding-v-8{padding-bottom:32px;padding-top:32px}.padding-h-8{padding-left:32px;padding-right:32px}.padding-t-8{padding-top:32px}.padding-l-8{padding-left:32px}.padding-r-8{padding-right:32px}.padding-b-8{padding-bottom:32px}.margin-8{margin:32px}.margin-v-8{margin-bottom:32px;margin-top:32px}.margin-h-8{margin-left:32px;margin-right:32px}.margin-t-8{margin-top:32px}.margin-l-8{margin-left:32px}.margin-r-8{margin-right:32px}.margin-b-8{margin-bottom:32px}.width-0{width:0}.min-width-0{min-width:0}.max-width-0{max-width:0}.height-0{height:0}.min-height-0{min-height:0}.max-height-0{max-height:0}.width-1{width:50px}.min-width-1{min-width:50px}.max-width-1{max-width:50px}.height-1{height:50px}.min-height-1{min-height:50px}.max-height-1{max-height:50px}.width-2{width:100px}.min-width-2{min-width:100px}.max-width-2{max-width:100px}.height-2{height:100px}.min-height-2{min-height:100px}.max-height-2{max-height:100px}.width-3{width:150px}.min-width-3{min-width:150px}.max-width-3{max-width:150px}.height-3{height:150px}.min-height-3{min-height:150px}.max-height-3{max-height:150px}.width-4{width:200px}.min-width-4{min-width:200px}.max-width-4{max-width:200px}.height-4{height:200px}.min-height-4{min-height:200px}.max-height-4{max-height:200px}.width-5{width:250px}.min-width-5{min-width:250px}.max-width-5{max-width:250px}.height-5{height:250px}.min-height-5{min-height:250px}.max-height-5{max-height:250px}.width-6{width:300px}.min-width-6{min-width:300px}.max-width-6{max-width:300px}.height-6{height:300px}.min-height-6{min-height:300px}.max-height-6{max-height:300px}.width-7{width:350px}.min-width-7{min-width:350px}.max-width-7{max-width:350px}.height-7{height:350px}.min-height-7{min-height:350px}.max-height-7{max-height:350px}.width-8{width:400px}.min-width-8{min-width:400px}.max-width-8{max-width:400px}.height-8{height:400px}.min-height-8{min-height:400px}.max-height-8{max-height:400px}.width-9{width:450px}.min-width-9{min-width:450px}.max-width-9{max-width:450px}.height-9{height:450px}.min-height-9{min-height:450px}.max-height-9{max-height:450px}.width-10{width:500px}.min-width-10{min-width:500px}.max-width-10{max-width:500px}.height-10{height:500px}.min-height-10{min-height:500px}.max-height-10{max-height:500px}.width-12{width:600px}.min-width-12{min-width:600px}.max-width-12{max-width:600px}.height-12{height:600px}.min-height-12{min-height:600px}.max-height-12{max-height:600px}.width-13{width:650px}.min-width-13{min-width:650px}.max-width-13{max-width:650px}.height-13{height:650px}.min-height-13{min-height:650px}.max-height-13{max-height:650px}.width-14{width:700px}.min-width-14{min-width:700px}.max-width-14{max-width:700px}.height-14{height:700px}.min-height-14{min-height:700px}.max-height-14{max-height:700px}.width-15{width:750px}.min-width-15{min-width:750px}.max-width-15{max-width:750px}.height-15{height:750px}.min-height-15{min-height:750px}.max-height-15{max-height:750px}.width-16{width:800px}.min-width-16{min-width:800px}.max-width-16{max-width:800px}.height-16{height:800px}.min-height-16{min-height:800px}.max-height-16{max-height:800px}.width-17{width:850px}.min-width-17{min-width:850px}.max-width-17{max-width:850px}.height-17{height:850px}.min-height-17{min-height:850px}.max-height-17{max-height:850px}.width-18{width:900px}.min-width-18{min-width:900px}.max-width-18{max-width:900px}.height-18{height:900px}.min-height-18{min-height:900px}.max-height-18{max-height:900px}.width-19{width:950px}.min-width-19{min-width:950px}.max-width-19{max-width:950px}.height-19{height:950px}.min-height-19{min-height:950px}.max-height-19{max-height:950px}.width-20{width:1000px}.min-width-20{min-width:1000px}.max-width-20{max-width:1000px}.height-20{height:1000px}.min-height-20{min-height:1000px}.max-height-20{max-height:1000px}.width-0\%{width:0}.min-width-0\%{min-width:0}.max-width-0\%{max-width:0}.height-0\%{height:0}.min-height-0\%{min-height:0}.max-height-0\%{max-height:0}.width-5\%{width:5%}.min-width-5\%{min-width:5%}.max-width-5\%{max-width:5%}.height-5\%{height:5%}.min-height-5\%{min-height:5%}.max-height-5\%{max-height:5%}.width-10\%{width:10%}.min-width-10\%{min-width:10%}.max-width-10\%{max-width:10%}.height-10\%{height:10%}.min-height-10\%{min-height:10%}.max-height-10\%{max-height:10%}.width-15\%{width:15%}.min-width-15\%{min-width:15%}.max-width-15\%{max-width:15%}.height-15\%{height:15%}.min-height-15\%{min-height:15%}.max-height-15\%{max-height:15%}.width-20\%{width:20%}.min-width-20\%{min-width:20%}.max-width-20\%{max-width:20%}.height-20\%{height:20%}.min-height-20\%{min-height:20%}.max-height-20\%{max-height:20%}.width-25\%{width:25%}.min-width-25\%{min-width:25%}.max-width-25\%{max-width:25%}.height-25\%{height:25%}.min-height-25\%{min-height:25%}.max-height-25\%{max-height:25%}.width-30\%{width:30%}.min-width-30\%{min-width:30%}.max-width-30\%{max-width:30%}.height-30\%{height:30%}.min-height-30\%{min-height:30%}.max-height-30\%{max-height:30%}.width-35\%{width:35%}.min-width-35\%{min-width:35%}.max-width-35\%{max-width:35%}.height-35\%{height:35%}.min-height-35\%{min-height:35%}.max-height-35\%{max-height:35%}.width-40\%{width:40%}.min-width-40\%{min-width:40%}.max-width-40\%{max-width:40%}.height-40\%{height:40%}.min-height-40\%{min-height:40%}.max-height-40\%{max-height:40%}.width-45\%{width:45%}.min-width-45\%{min-width:45%}.max-width-45\%{max-width:45%}.height-45\%{height:45%}.min-height-45\%{min-height:45%}.max-height-45\%{max-height:45%}.width-50\%{width:50%}.min-width-50\%{min-width:50%}.max-width-50\%{max-width:50%}.height-50\%{height:50%}.min-height-50\%{min-height:50%}.max-height-50\%{max-height:50%}.width-55\%{width:55%}.min-width-55\%{min-width:55%}.max-width-55\%{max-width:55%}.height-55\%{height:55%}.min-height-55\%{min-height:55%}.max-height-55\%{max-height:55%}.width-60\%{width:60%}.min-width-60\%{min-width:60%}.max-width-60\%{max-width:60%}.height-60\%{height:60%}.min-height-60\%{min-height:60%}.max-height-60\%{max-height:60%}.width-65\%{width:65%}.min-width-65\%{min-width:65%}.max-width-65\%{max-width:65%}.height-65\%{height:65%}.min-height-65\%{min-height:65%}.max-height-65\%{max-height:65%}.width-70\%{width:70%}.min-width-70\%{min-width:70%}.max-width-70\%{max-width:70%}.height-70\%{height:70%}.min-height-70\%{min-height:70%}.max-height-70\%{max-height:70%}.width-75\%{width:75%}.min-width-75\%{min-width:75%}.max-width-75\%{max-width:75%}.height-75\%{height:75%}.min-height-75\%{min-height:75%}.max-height-75\%{max-height:75%}.width-80\%{width:80%}.min-width-80\%{min-width:80%}.max-width-80\%{max-width:80%}.height-80\%{height:80%}.min-height-80\%{min-height:80%}.max-height-80\%{max-height:80%}.width-85\%{width:85%}.min-width-85\%{min-width:85%}.max-width-85\%{max-width:85%}.height-85\%{height:85%}.min-height-85\%{min-height:85%}.max-height-85\%{max-height:85%}.width-90\%{width:90%}.min-width-90\%{min-width:90%}.max-width-90\%{max-width:90%}.height-90\%{height:90%}.min-height-90\%{min-height:90%}.max-height-90\%{max-height:90%}.width-95\%{width:95%}.min-width-95\%{min-width:95%}.max-width-95\%{max-width:95%}.height-95\%{height:95%}.min-height-95\%{min-height:95%}.max-height-95\%{max-height:95%}.width-100\%{width:100%}.min-width-100\%{min-width:100%}.max-width-100\%{max-width:100%}.height-100\%{height:100%}.min-height-100\%{min-height:100%}.max-height-100\%{max-height:100%}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-24{font-size:24px}.font-28{font-size:28px}.font-32{font-size:32px}.font-48{font-size:48px}.font-64{font-size:64px}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.line-height-0{line-height:0}.line-height-1{line-height:1}.line-height-2{line-height:2}.line-height-1\.2{line-height:1.2}.line-height-1\.5{line-height:1.5}.bold{font-weight:bold}.normal{font-weight:normal}.lighter{font-weight:lighter}.overflow-auto{overflow:auto}.overflow-x-auto,.overflow-y-hidden{overflow-x:auto;overflow-y:hidden}.overflow-y-auto .overflow-x-hidden{overflow-x:hidden;overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hzzt-title{color:#000}.hzzt-title .decorative-line{background:var(--hzzt-color-primary);height:18px;margin-right:7px;min-width:3px;width:3px}.hzzt-title .label-name{color:inherit;font-size:16px;line-height:24px}.hzzt-dropdown{display:block;list-style-type:disc;margin-left:8px}.hzzt-dropdown .hzzt-dropdown-li{color:white;cursor:pointer;padding:4px 6px;position:relative}.hzzt-dropdown .hzzt-dropdown-li-show{background-color:rgba(0,0,0,.1);border-radius:4px}.hzzt-dropdown .hzzt-dropdown-li-show .hzzt-dropdown-menu{display:block}.hzzt-dropdown .hzzt-dropdown-name{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hzzt-dropdown .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;display:inline-block;height:0;margin-bottom:2px;margin-left:2px;vertical-align:middle;width:0}.hzzt-dropdown .hzzt-dropdown-menu{background-color:white;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;font-size:13px;list-style:none;margin:6px 0 0;min-width:150px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item{color:black;display:block;margin:0;padding:0 10px}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a{border-radius:3px;clear:both;color:#000;display:block;font-weight:400;line-height:1.42857143;margin:5px 0;padding:2px 10px;text-decoration:none;white-space:nowrap}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu{position:relative}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu .submenu:after{border-bottom:5px solid transparent;border-left:5px solid transparent;border-left-color:var(--hzzt-border-color);border-right:0 solid transparent;border-top:5px solid transparent;content:" ";display:block;float:right;height:0;margin-right:-5px;margin-top:5px;width:0}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .pull-right{display:block}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu{background-color:#FFF4D7;color:#000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:after{border-left-color:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover:after{border-left-color:white}.hzzt-dropdown .hzzt-dropdown-menu .divider{background-color:#eee;height:1px;margin:9px;overflow:hidden}.hzzt-dropdown .hzzt-dropdown-menu .pull-right{display:none;margin:0;right:100%;top:-10px}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label{background:var(--hzzt-color-primary-lignt-5);color:white;position:relative}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:hover{background:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:after{display:block;position:absolute;right:24px;top:4px;speak:none;border:1px solid white;border-left:0;border-top:0;box-sizing:content-box;content:"";height:10px;transform:rotate(45deg) scaleY(1);transform-origin:center;transition:transform .15s ease-in .05s;width:5px}