@para-ui/core 3.0.20 → 3.0.22

package/Button/index.js

@@ -31,7 +31,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n@keyframes buttonLoadingSpin {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v3-button {\n  border: 0;\n  cursor: pointer;\n  display: inline-flex;\n  outline: 0;\n  position: relative;\n  align-items: center;\n  user-select: none;\n  vertical-align: middle;\n  justify-content: center;\n  text-decoration: none;\n  background-color: transparent;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  padding: 0 16px;\n  line-height: 1.5715;\n  border-radius: 4px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  white-space: nowrap;\n  color: rgb(255, 255, 255);\n  box-sizing: border-box;\n  letter-spacing: 0.02857em;\n  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v3-button .button-label {\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n}\n.paraui-v3-button .button-icon {\n  display: inherit;\n  margin-right: 4px;\n}\n.paraui-v3-button .button-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-button .button-icon-end {\n  margin-right: 0;\n  margin-left: 4px;\n}\n.paraui-v3-button .button-icon-loading {\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-button-loading {\n  pointer-events: none;\n}\n.paraui-v3-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-text {\n  color: rgb(54, 102, 214);\n  background-color: transparent;\n  border: none;\n}\n.paraui-v3-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: none;\n  pointer-events: none;\n}\n.paraui-v3-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-large {\n  height: 36px;\n}\n.paraui-v3-button-medium {\n  height: 32px;\n}\n.paraui-v3-button-small {\n  height: 28px;\n}\n.paraui-v3-button--disabled {\n  display: inline-block;\n}\n\n.paraui-v3-icon-button {\n  flex: 0 0 auto;\n  overflow: visible;\n  text-align: center;\n  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  padding: 0;\n  border-radius: 4px;\n}\n.paraui-v3-icon-button-loading {\n  pointer-events: none;\n}\n.paraui-v3-icon-button-loading .button-loading-icon {\n  display: inline-flex;\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-icon-button svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-icon-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-icon-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled {\n  pointer-events: none;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled:hover {\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  pointer-events: none;\n}\n.paraui-v3-icon-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large svg {\n  font-size: 28px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium svg {\n  font-size: 24px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small svg {\n  font-size: 20px;\n}\n.paraui-v3-icon-button-large {\n  width: 36px;\n  height: 36px;\n}\n.paraui-v3-icon-button-medium {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v3-icon-button-small {\n  width: 28px;\n  height: 28px;\n}\n\n.paraui-v3-button-split {\n  display: inline-block;\n}\n.paraui-v3-button-split .paraui-v3-button-split--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list {\n  padding: 8px 0;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li {\n  min-width: 140px;\n  padding: 11px 12px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n}\n.paraui-v3-button-split-list ul .split-li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child) {\n  position: relative;\n  margin-top: 16px;\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 8px;\n  right: 8px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n@keyframes buttonLoadingSpin {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v3-button {\n  border: 0;\n  cursor: pointer;\n  display: inline-flex;\n  outline: 0;\n  position: relative;\n  align-items: center;\n  user-select: none;\n  vertical-align: middle;\n  justify-content: center;\n  text-decoration: none;\n  background-color: transparent;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  padding: 0 16px;\n  line-height: 1.5715;\n  border-radius: 4px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  white-space: nowrap;\n  color: rgb(255, 255, 255);\n  box-sizing: border-box;\n  letter-spacing: 0.02857em;\n  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v3-button .button-label {\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n}\n.paraui-v3-button .button-icon {\n  display: inherit;\n  margin-right: 4px;\n}\n.paraui-v3-button .button-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-button .button-icon-end {\n  margin-right: 0;\n  margin-left: 4px;\n}\n.paraui-v3-button .button-icon-loading {\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-button-loading {\n  pointer-events: none;\n}\n.paraui-v3-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous:hover {\n  color: rgb(235, 96, 84);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-text {\n  color: rgb(54, 102, 214);\n  background-color: transparent;\n  border: none;\n}\n.paraui-v3-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: none;\n  pointer-events: none;\n}\n.paraui-v3-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-large {\n  height: 36px;\n}\n.paraui-v3-button-medium {\n  height: 32px;\n}\n.paraui-v3-button-small {\n  height: 28px;\n}\n.paraui-v3-button--disabled {\n  display: inline-block;\n}\n\n.paraui-v3-icon-button {\n  flex: 0 0 auto;\n  overflow: visible;\n  text-align: center;\n  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  padding: 0;\n  border-radius: 4px;\n}\n.paraui-v3-icon-button-loading {\n  pointer-events: none;\n}\n.paraui-v3-icon-button-loading .button-loading-icon {\n  display: inline-flex;\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-icon-button svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-icon-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-icon-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous:hover {\n  color: rgb(235, 96, 84);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled {\n  pointer-events: none;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled:hover {\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  pointer-events: none;\n}\n.paraui-v3-icon-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large svg {\n  font-size: 28px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium svg {\n  font-size: 24px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small svg {\n  font-size: 20px;\n}\n.paraui-v3-icon-button-large {\n  width: 36px;\n  height: 36px;\n}\n.paraui-v3-icon-button-medium {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v3-icon-button-small {\n  width: 28px;\n  height: 28px;\n}\n\n.paraui-v3-button-split {\n  display: inline-block;\n}\n.paraui-v3-button-split .paraui-v3-button-split--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list {\n  padding: 8px 0;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li {\n  padding: 11px 12px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n}\n.paraui-v3-button-split-list ul .split-li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child) {\n  position: relative;\n  margin-top: 16px;\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 8px;\n  right: 8px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}";
 styleInject(css_248z);
 
 function SplitButton(props) {

package/CheckboxGroup/index.d.ts

@@ -16,6 +16,8 @@ export interface CheckboxGroupProps extends HelperTextDetailProps {
     className?: string;
     /** style */
     style?: React.CSSProperties;
+    /** 间距 只有在横向布局的时候生效 */
+    spacing?: string;
     /** 标题 */
     label?: ReactNode;
     /** 帮组提示信息 */

package/CheckboxGroup/index.js

@@ -22,6 +22,8 @@ var CheckboxGroup = function CheckboxGroup(props) {
   var _props$label = props.label,
       label = _props$label === void 0 ? '' : _props$label,
       labelTooltip = props.labelTooltip,
+      _props$spacing = props.spacing,
+      spacing = _props$spacing === void 0 ? '28px' : _props$spacing,
       _props$size = props.size,
       size = _props$size === void 0 ? 'large' : _props$size,
       _props$row = props.row,
@@ -100,6 +102,20 @@ var CheckboxGroup = function CheckboxGroup(props) {
     }
 
     return null;
+  };
+  /**
+   * @description 处理单选框每一项样式
+   * */
+
+
+  var handStyleItem = function handStyleItem(item, index) {
+    var obj = Object.assign({}, item.style);
+
+    if (spacing && row && list.length !== index + 1) {
+      obj.marginRight = spacing;
+    }
+
+    return obj;
   }; // 处理class
 
 
@@ -122,6 +138,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
     }, {
       children: list.map(function (item, index) {
         return /*#__PURE__*/createElement(Checkbox, Object.assign({}, item, {
+          style: handStyleItem(item, index),
           checked: valueCom.indexOf(item[id]) !== -1,
           size: size,
           disabled: Boolean(disabled || item.disabled),

package/DatePicker/index.js

@@ -891,7 +891,7 @@ function generatePicker(generateConfig) {
   return MergedDatePicker;
 }
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午2:25\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n@keyframes datePickerSlideUpIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n}\n@keyframes datePickerSlideUpOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n}\n@keyframes datePickerSlideDownIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 100% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 100% 100%;\n    opacity: 1;\n  }\n}\n@keyframes datePickerSlideDownOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 100% 100%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 100% 100%;\n    opacity: 0;\n  }\n}\n.paraui-v3-picker {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  padding: 6px 11px 6px;\n  position: relative;\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v3-picker:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-focused {\n  border-color: rgb(54, 102, 214);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v3-picker-disabled {\n  background: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-picker-disabled:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-picker-disabled .paraui-v3-picker-suffix {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-borderless {\n  background-color: transparent !important;\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n.paraui-v3-picker-input {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v3-picker-input > input {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  padding: 4px 11px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  background-color: rgb(255, 255, 255);\n  background-image: none;\n  transition: all 0.3s;\n  flex: auto;\n  min-width: 1px;\n  height: auto;\n  padding: 0;\n  background: transparent;\n  border: 0;\n}\n.paraui-v3-picker-input > input::-moz-placeholder {\n  opacity: 1;\n}\n.paraui-v3-picker-input > input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-picker-input > input:placeholder-shown {\n  text-overflow: ellipsis;\n}\n.paraui-v3-picker-input > input:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input:focus, .paraui-v3-picker-input > input-focused {\n  border-color: rgb(54, 102, 214);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v3-picker-input > input-disabled {\n  color: rgb(46, 55, 67);\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v3-picker-input > input-disabled:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input[disabled] {\n  color: rgb(46, 55, 67);\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v3-picker-input > input[disabled]:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input-borderless, .paraui-v3-picker-input > input-borderless:hover, .paraui-v3-picker-input > input-borderless:focus, .paraui-v3-picker-input > input-borderless-focused, .paraui-v3-picker-input > input-borderless-disabled, .paraui-v3-picker-input > input-borderless[disabled] {\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n}\n.paraui-v3-picker-input > inputtextarea {\n  max-width: 100%;\n  height: auto;\n  min-height: 32px;\n  line-height: 1.5715;\n  vertical-align: bottom;\n  transition: all 0.3s, height 0s;\n}\n.paraui-v3-picker-input > input-lg {\n  padding: 6.5px 11px;\n  font-size: 16px;\n}\n.paraui-v3-picker-input > input-sm {\n  padding: 0px 7px;\n}\n.paraui-v3-picker-input > input:focus {\n  box-shadow: none;\n}\n.paraui-v3-picker-input > input[disabled] {\n  background: transparent;\n}\n.paraui-v3-picker-input:hover .paraui-v3-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-picker-input-placeholder > input {\n  color: #bfbfbf;\n}\n.paraui-v3-picker-large {\n  padding: 6.5px 11px 6.5px;\n}\n.paraui-v3-picker-large .paraui-v3-picker-input > input {\n  font-size: 16px;\n}\n.paraui-v3-picker-small {\n  padding: 0px 7px 0px;\n}\n.paraui-v3-picker-suffix {\n  align-self: center;\n  margin-left: 4px;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 1;\n  pointer-events: none;\n}\n.paraui-v3-picker-suffix > * {\n  vertical-align: top;\n}\n.paraui-v3-picker-suffix svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-picker-clear {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 1;\n  background: rgb(255, 255, 255);\n  transform: translateY(-50%);\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.3s, color 0.3s;\n}\n.paraui-v3-picker-clear svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-picker-clear > * {\n  vertical-align: top;\n}\n.paraui-v3-picker-clear:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-separator {\n  position: relative;\n  display: inline-block;\n  width: 1em;\n  height: 16px;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n  vertical-align: top;\n  cursor: default;\n}\n.paraui-v3-picker-separator svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-picker-focused .paraui-v3-picker-separator {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-focused .paraui-v3-picker-separator svg {\n  color: inherit;\n}\n.paraui-v3-picker-disabled .paraui-v3-picker-range-separator .paraui-v3-picker-separator {\n  cursor: not-allowed;\n}\n.paraui-v3-picker-range {\n  position: relative;\n  display: inline-flex;\n}\n.paraui-v3-picker-range .paraui-v3-picker-clear {\n  right: 11px;\n}\n.paraui-v3-picker-range:hover .paraui-v3-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-picker-range .paraui-v3-picker-active-bar {\n  bottom: -1px;\n  height: 2px;\n  margin-left: 11px;\n  background: rgb(54, 102, 214);\n  opacity: 0;\n  transition: all 0.3s ease-out;\n  pointer-events: none;\n}\n.paraui-v3-picker-range.paraui-v3-picker-focused .paraui-v3-picker-active-bar {\n  opacity: 1;\n}\n.paraui-v3-picker-range-separator {\n  align-items: center;\n  padding: 0 8px;\n  line-height: 1;\n}\n.paraui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-clear {\n  right: 7px;\n}\n.paraui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-active-bar {\n  margin-left: 7px;\n}\n.paraui-v3-picker-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  z-index: 1500;\n}\n.paraui-v3-picker-dropdown-hidden {\n  display: none;\n}\n.paraui-v3-picker-dropdown-placement-bottomLeft .paraui-v3-picker-range-arrow {\n  display: none;\n  top: 1.66666667px;\n  transform: rotate(-45deg);\n}\n.paraui-v3-picker-dropdown-placement-topLeft .paraui-v3-picker-range-arrow {\n  display: none;\n  bottom: 1.66666667px;\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-topRight, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownIn;\n}\n.paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-bottomRight, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpIn;\n}\n.paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownOut;\n}\n.paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpOut;\n}\n.paraui-v3-picker-dropdown-range {\n  padding: 6.66666667px 0;\n}\n.paraui-v3-picker-dropdown-range-hidden {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .paraui-v3-picker-panel, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .paraui-v3-picker-panel {\n  border-bottom: 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  max-width: 126px;\n  max-height: 310px;\n  flex: 1;\n  min-width: auto;\n  line-height: initial;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges {\n  line-height: initial;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li {\n  width: 100%;\n  margin: 5px 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li:not([class$=picker-preset]), .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li:not([class$=picker-preset]) {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag {\n  width: 100%;\n  padding: 0 10px;\n  margin-right: 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer {\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer [class$=picker-preset], .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer [class$=picker-preset] {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container {\n  display: flex;\n}\n.paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-bottom .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag {\n  padding: 0 10px;\n}\n.paraui-v3-picker-dropdown .paraui-v3-picker-panel > .paraui-v3-picker-time-panel {\n  padding-top: 4px;\n}\n.paraui-v3-picker-ranges {\n  margin-bottom: 0;\n  padding: 4px 12px;\n  overflow: hidden;\n  line-height: 34px;\n  text-align: left;\n  list-style: none;\n}\n.paraui-v3-picker-ranges > li {\n  display: inline-block;\n}\n.paraui-v3-picker-ranges .paraui-v3-picker-ok {\n  float: right;\n  margin-left: 8px;\n}\n.paraui-v3-picker-range-wrapper {\n  display: flex;\n}\n.paraui-v3-picker-range-arrow {\n  position: absolute;\n  z-index: 1;\n  display: none;\n  width: 10px;\n  height: 10px;\n  margin-left: 16.5px;\n  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);\n  transition: left 0.3s ease-out;\n}\n.paraui-v3-picker-range-arrow::after {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  width: 10px;\n  height: 10px;\n  border: 5px solid rgba(171, 176, 185, 0.2);\n  border-color: #fff #fff transparent transparent;\n  content: \"\";\n}\n.paraui-v3-picker-panel-container {\n  overflow: hidden;\n  vertical-align: top;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  transition: margin 0.3s;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panels {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  direction: ltr;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panel {\n  vertical-align: top;\n  background: transparent;\n  border-width: 0 0 1px 0;\n  border-radius: 0;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panel-focused {\n  border-color: rgba(171, 176, 185, 0.2);\n}\n\n.paraui-v3-picker-panel {\n  display: inline-flex;\n  flex-direction: column;\n  text-align: center;\n  background: #fff;\n  border: 1px solid rgba(171, 176, 185, 0.2);\n  border-radius: 2px;\n  outline: none;\n}\n.paraui-v3-picker-panel-focused {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-decade-panel, .paraui-v3-picker-year-panel, .paraui-v3-picker-quarter-panel, .paraui-v3-picker-month-panel, .paraui-v3-picker-week-panel, .paraui-v3-picker-date-panel, .paraui-v3-picker-time-panel {\n  display: flex;\n  flex-direction: column;\n  width: 300px;\n}\n.paraui-v3-picker-header {\n  display: flex;\n  padding: 0 10px;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-header > * {\n  flex: none;\n}\n.paraui-v3-picker-header button {\n  padding: 0;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 40px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: color 0.3s;\n}\n.paraui-v3-picker-header > button {\n  min-width: 1.6em;\n  line-height: 0;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-header > button:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-header-view {\n  flex: auto;\n  font-weight: 500;\n  line-height: 40px;\n  font-size: 14px;\n}\n.paraui-v3-picker-header-view button {\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 400;\n}\n.paraui-v3-picker-header-view button:not(:first-child) {\n  margin-left: 8px;\n}\n.paraui-v3-picker-header-view button:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-prev-icon, .paraui-v3-picker-next-icon, .paraui-v3-picker-super-prev-icon, .paraui-v3-picker-super-next-icon {\n  position: relative;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n}\n.paraui-v3-picker-prev-icon::before, .paraui-v3-picker-next-icon::before, .paraui-v3-picker-super-prev-icon::before, .paraui-v3-picker-super-next-icon::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  border: 0 solid currentColor;\n  border-width: 1.5px 0 0 1.5px;\n  content: \"\";\n}\n.paraui-v3-picker-super-prev-icon::after, .paraui-v3-picker-super-next-icon::after {\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  border: 0 solid currentColor;\n  border-width: 1.5px 0 0 1.5px;\n  content: \"\";\n}\n.paraui-v3-picker-prev-icon, .paraui-v3-picker-super-prev-icon {\n  transform: rotate(-45deg);\n}\n.paraui-v3-picker-next-icon, .paraui-v3-picker-super-next-icon {\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-content {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n}\n.paraui-v3-picker-content th,\n.paraui-v3-picker-content td {\n  position: relative;\n  min-width: 24px;\n  font-weight: 400;\n}\n.paraui-v3-picker-content th {\n  height: 30px;\n  color: rgb(46, 55, 67);\n  line-height: 30px;\n}\n.paraui-v3-picker-cell {\n  padding: 3px 0;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n}\n.paraui-v3-picker-cell-in-view {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-picker-cell-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-picker-cell::before {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: 24px;\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  position: relative;\n  z-index: 2;\n  display: inline-block;\n  min-width: 24px;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n  transition: background 0.3s, border 0.3s;\n}\n.paraui-v3-picker-cell .paraui-v3-picker-cell-inner:after {\n  display: none;\n}\n.paraui-v3-picker-cell:hover:not(.paraui-v3-picker-cell-in-view) .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell:hover:not(.paraui-v3-picker-cell-selected):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end):not(.paraui-v3-picker-cell-range-hover-start):not(.paraui-v3-picker-cell-range-hover-end) .paraui-v3-picker-cell-inner {\n  background: #ededed;\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n  content: \"\";\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range::before {\n  background: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-selected .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end .paraui-v3-picker-cell-inner {\n  color: rgb(255, 255, 255);\n  background: rgb(54, 102, 214);\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start:not(.paraui-v3-picker-cell-range-start-single)::before, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end:not(.paraui-v3-picker-cell-range-end-single)::before {\n  background: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start::before {\n  left: 50%;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end::before {\n  right: 50%;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start:not(.paraui-v3-picker-cell-in-range):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end:not(.paraui-v3-picker-cell-in-range):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start.paraui-v3-picker-cell-range-start-single::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start.paraui-v3-picker-cell-range-start.paraui-v3-picker-cell-range-end.paraui-v3-picker-cell-range-end-near-hover::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end.paraui-v3-picker-cell-range-start.paraui-v3-picker-cell-range-end.paraui-v3-picker-cell-range-start-near-hover::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end.paraui-v3-picker-cell-range-end-single::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:not(.paraui-v3-picker-cell-in-range)::after {\n  position: absolute;\n  top: 50%;\n  z-index: 0;\n  height: 24px;\n  border-top: 1px dashed rgba(54, 102, 214, 0.8);\n  border-bottom: 1px dashed rgba(54, 102, 214, 0.8);\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-cell-range-hover::after {\n  right: 0;\n  left: 2px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-rage-start:not(.paraui-v3-picker-cell-range-start-single):not(.paraui-v3-picker-cell-range-end) .paraui-v3-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end:not(.paraui-v3-picker-cell-range-end-single):not(.paraui-v3-picker-cell-range-start) .paraui-v3-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after, .paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: -1;\n  background: rgba(54, 102, 214, 0.05);\n  content: \"\";\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after {\n  right: -6px;\n  left: 0;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v3-picker-cell-range-hover.paraui-v3-picker-cell-range-start::after {\n  right: 50%;\n}\n.paraui-v3-picker-cell-range-hover.paraui-v3-picker-cell-range-end::after {\n  left: 50%;\n}\ntr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:first-child::after, tr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end:first-child::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-start.paraui-v3-picker-cell-range-hover-edge-start.paraui-v3-picker-cell-range-hover-edge-start-near-range::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-edge-start:not(.paraui-v3-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start::after {\n  left: 6px;\n  border-left: 1px dashed rgba(54, 102, 214, 0.8);\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\ntr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:last-child::after, tr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start:last-child::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-end.paraui-v3-picker-cell-range-hover-edge-end.paraui-v3-picker-cell-range-hover-edge-end-near-range::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-edge-end:not(.paraui-v3-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end::after {\n  right: 6px;\n  border-right: 1px dashed rgba(54, 102, 214, 0.8);\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.paraui-v3-picker-cell-disabled {\n  pointer-events: none;\n}\n.paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner {\n  color: #bbbecb;\n  background: transparent;\n}\n.paraui-v3-picker-cell-disabled::before {\n  background: #f8f8f8;\n}\n.paraui-v3-picker-cell-disabled.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  border-color: rgba(0, 0, 0, 0.25);\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-content, .paraui-v3-picker-year-panel .paraui-v3-picker-content, .paraui-v3-picker-quarter-panel .paraui-v3-picker-content, .paraui-v3-picker-month-panel .paraui-v3-picker-content {\n  height: 264px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-year-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-inner {\n  padding: 0 8px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-year-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner {\n  background: #f5f5f5;\n}\n.paraui-v3-picker-quarter-panel .paraui-v3-picker-content {\n  height: 56px;\n}\n.paraui-v3-picker-footer {\n  width: min-content;\n  min-width: 100%;\n  line-height: 43px;\n  text-align: center;\n}\n.paraui-v3-picker-panel .paraui-v3-picker-footer {\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-footer-extra {\n  padding: 0 12px;\n  line-height: 38px;\n  text-align: left;\n}\n.paraui-v3-picker-footer-extra:not(:last-child) {\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-now {\n  text-align: left;\n}\n.paraui-v3-picker-now-btn {\n  color: rgb(54, 102, 214);\n  font-size: 12px;\n  cursor: pointer;\n}\n.paraui-v3-picker-today-btn {\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n  font-size: 14px;\n}\n.paraui-v3-picker-today-btn:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-today-btn:active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-today-btn-disabled-disabled {\n  cursor: not-allowed;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-inner {\n  padding: 0 4px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell::before {\n  display: none;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-body, .paraui-v3-picker-quarter-panel .paraui-v3-picker-body, .paraui-v3-picker-month-panel .paraui-v3-picker-body {\n  padding: 0 8px;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-inner {\n  width: 60px;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-start::after {\n  left: 14px;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-start::after {\n  right: 14px;\n  border-right: 1px dashed #7ec1ff;\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-end::after {\n  right: 14px;\n  border-right: 1px dashed #7ec1ff;\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-end::after {\n  left: 14px;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-week-panel .paraui-v3-picker-body {\n  padding: 8px 12px;\n}\n.paraui-v3-picker-week-panel .paraui-v3-picker-cell:hover .paraui-v3-picker-cell-inner, .paraui-v3-picker-week-panel .paraui-v3-picker-cell-selected .paraui-v3-picker-cell-inner,\n.paraui-v3-picker-week-panel .paraui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  background: transparent !important;\n}\n.paraui-v3-picker-week-panel-row td {\n  transition: background 0.3s;\n}\n.paraui-v3-picker-week-panel-row:hover td {\n  background: #ededed;\n}\n.paraui-v3-picker-week-panel-row:hover td:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-picker-week-panel-row:hover td:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-picker-week-panel-row-selected td, .paraui-v3-picker-week-panel-row-selected:hover td {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-picker-week-panel-row-selected td:first-child, .paraui-v3-picker-week-panel-row-selected:hover td:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-picker-week-panel-row-selected td:last-child, .paraui-v3-picker-week-panel-row-selected:hover td:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-picker-week-panel-row-selected td.paraui-v3-picker-cell-week, .paraui-v3-picker-week-panel-row-selected:hover td.paraui-v3-picker-cell-week {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v3-picker-week-panel-row-selected td.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before, .paraui-v3-picker-week-panel-row-selected:hover td.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  border-color: rgb(255, 255, 255);\n}\n.paraui-v3-picker-week-panel-row-selected td .paraui-v3-picker-cell-inner, .paraui-v3-picker-week-panel-row-selected:hover td .paraui-v3-picker-cell-inner {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-body {\n  padding: 8px 12px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-content {\n  width: 272px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-content th {\n  width: 36px;\n}\n.paraui-v3-picker-datetime-panel {\n  display: flex;\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-date-panel,\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel {\n  transition: opacity 0.3s;\n}\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-date-panel,\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-time-panel {\n  opacity: 0.3;\n}\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-date-panel-active,\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-time-panel-active {\n  opacity: 1;\n}\n.paraui-v3-picker-time-panel {\n  width: auto;\n  min-width: auto;\n}\n.paraui-v3-picker-time-panel .paraui-v3-picker-content {\n  display: flex;\n  flex: auto;\n  height: 224px;\n}\n.paraui-v3-picker-time-panel-column {\n  flex: 1 0 auto;\n  width: 72px;\n  margin: 0;\n  padding: 0;\n  overflow-y: hidden;\n  text-align: left;\n  list-style: none;\n  transition: background 0.3s;\n}\n.paraui-v3-picker-use12Hours .paraui-v3-picker-time-panel-column:last-child {\n  width: auto;\n}\n.paraui-v3-picker-use12Hours .paraui-v3-picker-time-panel-column:last-child > li .paraui-v3-picker-time-panel-cell-inner {\n  padding: 0 10px;\n}\n.paraui-v3-picker-time-panel-column::after {\n  display: block;\n  height: 196px;\n  content: \"\";\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel-column::after {\n  height: 198px;\n}\n.paraui-v3-picker-time-panel-column:not(:first-child) {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-time-panel-column-active {\n  background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v3-picker-time-panel-column:hover {\n  overflow-y: auto;\n}\n.paraui-v3-picker-time-panel-column > li {\n  margin: 0;\n  padding: 0;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell .paraui-v3-picker-time-panel-cell-inner {\n  display: block;\n  width: 100%;\n  height: 28px;\n  margin: 0;\n  padding: 0 0 0 28px;\n  color: #6E7488;\n  line-height: 28px;\n  border-radius: 0;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell .paraui-v3-picker-time-panel-cell-inner:hover {\n  background: #ededed;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-selected .paraui-v3-picker-time-panel-cell-inner {\n  background: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-disabled .paraui-v3-picker-time-panel-cell-inner {\n  color: #BBBECB;\n  background: transparent;\n  cursor: not-allowed;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-disabled .paraui-v3-picker-time-panel-cell-inner:hover {\n  background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v3-picker-range-wrapper .paraui-v3-picker-month-panel .paraui-v3-picker-cell,\n_:-ms-fullscreen .paraui-v3-picker-range-wrapper .paraui-v3-picker-year-panel .paraui-v3-picker-cell,\n:root .paraui-v3-picker-range-wrapper .paraui-v3-picker-month-panel .paraui-v3-picker-cell,\n:root .paraui-v3-picker-range-wrapper .paraui-v3-picker-year-panel .paraui-v3-picker-cell {\n  padding: 21px 0;\n}\n\nparaui-v3-picker-rtl {\n  direction: rtl;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-suffix {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-clear {\n  right: auto;\n  left: 0;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-separator {\n  transform: rotate(180deg);\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-header-view button:not(:first-child) {\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v3-picker-range .paraui-v3-picker-clear .paraui-v3-picker-rtl {\n  right: auto;\n  left: 11px;\n}\nparaui-v3-picker-range .paraui-v3-picker-active-bar .paraui-v3-picker-rtl {\n  margin-right: 11px;\n  margin-left: 0;\n}\nparaui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-active-bar .paraui-v3-picker-rtl {\n  margin-right: 7px;\n}\nparaui-v3-picker-ranges .paraui-v3-picker-dropdown-rtl {\n  text-align: right;\n}\n.paraui-v3-picker-dropdown-rtl paraui-v3-picker-ranges .paraui-v3-picker-ok {\n  float: left;\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v3-picker-panel-rtl {\n  direction: rtl;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-prev-icon, .paraui-v3-picker-panel-rtl paraui-v3-picker-super-prev-icon {\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-next-icon, .paraui-v3-picker-panel-rtl paraui-v3-picker-super-next-icon {\n  transform: rotate(-45deg);\n}\nparaui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  position: relative;\n  z-index: 2;\n  display: inline-block;\n  min-width: 24px;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n  transition: background 0.3s, border 0.3s;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-start::before {\n  right: 50%;\n  left: 0;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-end::before {\n  right: 0;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-startparaui-v3-picker-cell-range-end::before {\n  right: 50%;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-date-panel paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-in-rangeparaui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v3-picker-date-panel paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-in-rangparaui-v3-picker-cellparaui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after .paraui-v3-picker-panel-rtl {\n  right: -6px;\n  left: 0;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-start::after {\n  right: 0;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-end::after {\n  right: 50%;\n  left: 0;\n}\nparaui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-start:not(paraui-v3-picker-cell-range-start-single):not(paraui-v3-picker-cell-range-end) .paraui-v3-picker-cell-inner .paraui-v3-picker-panel-rtl {\n  border-radius: 0 2px 2px 0;\n}\nparaui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-end:not(paraui-v3-picker-cell-range-end-single):not(paraui-v3-picker-cell-range-start) .paraui-v3-picker-cell-inner .paraui-v3-picker-panel-rtl {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover:not(paraui-v3-picker-cell-selected):first-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-edge-startparaui-v3-picker-cell-range-hover-edge-start-near-range::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-start::after {\n  right: 6px;\n  left: 0;\n  border-right: 1px dashed #7ec1ff;\n  border-left: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 0;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover:not(paraui-v3-picker-cell-selected):last-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hover-edge-endparaui-v3-picker-cell-range-hover-edge-end-near-range::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-edge-end:not(paraui-v3-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-end::after {\n  right: 0;\n  left: 6px;\n  border-right: none;\n  border-left: 1px dashed #7ec1ff;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 2px;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-start:last-child::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-end:first-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-endparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hover-startparaui-v3-picker-cell-range-hover-edge-end:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-hover-edge-start:last-child::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-hover-edge-end:first-child::after {\n  right: 6px;\n  left: 6px;\n  border-right: 1px dashed #7ec1ff;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px;\n}\n.paraui-v3-picker-dropdown-rtl paraui-v3-picker-footer-extra {\n  direction: rtl;\n  text-align: right;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-time-panel {\n  direction: ltr;\n}\n\n.paraui-v3-picker-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v3-picker-wrapper .paraui-v3-picker-error {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-picker-wrapper .paraui-v3-picker-helperText {\n  margin: 5px 0 0 12px;\n  color: rgb(235, 96, 84);\n  font-size: 14px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午2:25\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n@keyframes datePickerSlideUpIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n}\n@keyframes datePickerSlideUpOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n}\n@keyframes datePickerSlideDownIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 100% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 100% 100%;\n    opacity: 1;\n  }\n}\n@keyframes datePickerSlideDownOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 100% 100%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 100% 100%;\n    opacity: 0;\n  }\n}\n.paraui-v3-picker {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  padding: 6px 11px 6px;\n  position: relative;\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v3-picker:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-focused {\n  border-color: rgb(54, 102, 214);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v3-picker-disabled {\n  background: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-picker-disabled:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-picker-disabled .paraui-v3-picker-suffix {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-borderless {\n  background-color: transparent !important;\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n.paraui-v3-picker-input {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v3-picker-input > input {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  padding: 4px 11px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  background-color: rgb(255, 255, 255);\n  background-image: none;\n  transition: all 0.3s;\n  flex: auto;\n  min-width: 1px;\n  height: auto;\n  padding: 0;\n  background: transparent;\n  border: 0;\n}\n.paraui-v3-picker-input > input::-moz-placeholder {\n  opacity: 1;\n}\n.paraui-v3-picker-input > input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-picker-input > input:placeholder-shown {\n  text-overflow: ellipsis;\n}\n.paraui-v3-picker-input > input:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input:focus, .paraui-v3-picker-input > input-focused {\n  border-color: rgb(54, 102, 214);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v3-picker-input > input-disabled {\n  color: rgb(46, 55, 67);\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v3-picker-input > input-disabled:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input[disabled] {\n  color: rgb(46, 55, 67);\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v3-picker-input > input[disabled]:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input-borderless, .paraui-v3-picker-input > input-borderless:hover, .paraui-v3-picker-input > input-borderless:focus, .paraui-v3-picker-input > input-borderless-focused, .paraui-v3-picker-input > input-borderless-disabled, .paraui-v3-picker-input > input-borderless[disabled] {\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n}\n.paraui-v3-picker-input > inputtextarea {\n  max-width: 100%;\n  height: auto;\n  min-height: 32px;\n  line-height: 1.5715;\n  vertical-align: bottom;\n  transition: all 0.3s, height 0s;\n}\n.paraui-v3-picker-input > input-lg {\n  padding: 6.5px 11px;\n  font-size: 16px;\n}\n.paraui-v3-picker-input > input-sm {\n  padding: 0px 7px;\n}\n.paraui-v3-picker-input > input:focus {\n  box-shadow: none;\n}\n.paraui-v3-picker-input > input[disabled] {\n  background: transparent;\n}\n.paraui-v3-picker-input:hover .paraui-v3-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-picker-input-placeholder > input {\n  color: #bfbfbf;\n}\n.paraui-v3-picker-large {\n  padding: 6.5px 11px 6.5px;\n}\n.paraui-v3-picker-large .paraui-v3-picker-input > input {\n  font-size: 16px;\n}\n.paraui-v3-picker-small {\n  padding: 0px 7px 0px;\n}\n.paraui-v3-picker-suffix {\n  align-self: center;\n  margin-left: 4px;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 1;\n  pointer-events: none;\n}\n.paraui-v3-picker-suffix > * {\n  vertical-align: top;\n}\n.paraui-v3-picker-suffix svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-picker-clear {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 1;\n  background: rgb(255, 255, 255);\n  transform: translateY(-50%);\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.3s, color 0.3s;\n}\n.paraui-v3-picker-clear svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-picker-clear > * {\n  vertical-align: top;\n}\n.paraui-v3-picker-clear:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-separator {\n  position: relative;\n  display: inline-block;\n  width: 1em;\n  height: 16px;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n  vertical-align: top;\n  cursor: default;\n}\n.paraui-v3-picker-separator svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-picker-focused .paraui-v3-picker-separator {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-focused .paraui-v3-picker-separator svg {\n  color: inherit;\n}\n.paraui-v3-picker-disabled .paraui-v3-picker-range-separator .paraui-v3-picker-separator {\n  cursor: not-allowed;\n}\n.paraui-v3-picker-range {\n  position: relative;\n  display: inline-flex;\n}\n.paraui-v3-picker-range .paraui-v3-picker-clear {\n  right: 11px;\n}\n.paraui-v3-picker-range:hover .paraui-v3-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-picker-range .paraui-v3-picker-active-bar {\n  bottom: -1px;\n  height: 2px;\n  margin-left: 11px;\n  background: rgb(54, 102, 214);\n  opacity: 0;\n  transition: all 0.3s ease-out;\n  pointer-events: none;\n}\n.paraui-v3-picker-range.paraui-v3-picker-focused .paraui-v3-picker-active-bar {\n  opacity: 1;\n}\n.paraui-v3-picker-range-separator {\n  align-items: center;\n  padding: 0 8px;\n  line-height: 1;\n}\n.paraui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-clear {\n  right: 7px;\n}\n.paraui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-active-bar {\n  margin-left: 7px;\n}\n.paraui-v3-picker-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  z-index: 1500;\n}\n.paraui-v3-picker-dropdown-hidden {\n  display: none;\n}\n.paraui-v3-picker-dropdown-placement-bottomLeft .paraui-v3-picker-range-arrow {\n  display: none;\n  top: 1.66666667px;\n  transform: rotate(-45deg);\n}\n.paraui-v3-picker-dropdown-placement-topLeft .paraui-v3-picker-range-arrow {\n  display: none;\n  bottom: 1.66666667px;\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-topRight, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownIn;\n}\n.paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-bottomRight, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpIn;\n}\n.paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownOut;\n}\n.paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpOut;\n}\n.paraui-v3-picker-dropdown-range {\n  padding: 6.66666667px 0;\n}\n.paraui-v3-picker-dropdown-range-hidden {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .paraui-v3-picker-panel, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .paraui-v3-picker-panel {\n  border-bottom: 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  max-width: 126px;\n  max-height: 310px;\n  flex: 1;\n  min-width: auto;\n  line-height: initial;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges {\n  line-height: initial;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li {\n  width: 100%;\n  margin: 5px 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li:not([class$=picker-preset]), .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li:not([class$=picker-preset]) {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag {\n  width: 100%;\n  padding: 0 10px;\n  margin-right: 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer {\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer [class$=picker-preset], .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer [class$=picker-preset] {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container {\n  display: flex;\n}\n.paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-bottom .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag {\n  padding: 0 10px;\n}\n.paraui-v3-picker-dropdown .paraui-v3-picker-panel > .paraui-v3-picker-time-panel {\n  padding-top: 4px;\n}\n.paraui-v3-picker-ranges {\n  margin-bottom: 0;\n  padding: 4px 12px;\n  overflow: hidden;\n  line-height: 34px;\n  text-align: left;\n  list-style: none;\n}\n.paraui-v3-picker-ranges > li {\n  display: inline-block;\n}\n.paraui-v3-picker-ranges .paraui-v3-picker-ok {\n  float: right;\n  margin-left: 8px;\n}\n.paraui-v3-picker-range-wrapper {\n  display: flex;\n}\n.paraui-v3-picker-range-arrow {\n  position: absolute;\n  z-index: 1;\n  display: none;\n  width: 10px;\n  height: 10px;\n  margin-left: 16.5px;\n  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);\n  transition: left 0.3s ease-out;\n}\n.paraui-v3-picker-range-arrow::after {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  width: 10px;\n  height: 10px;\n  border: 5px solid rgba(171, 176, 185, 0.2);\n  border-color: #fff #fff transparent transparent;\n  content: \"\";\n}\n.paraui-v3-picker-panel-container {\n  overflow: hidden;\n  vertical-align: top;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  transition: margin 0.3s;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panels {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  direction: ltr;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panel {\n  vertical-align: top;\n  background: transparent;\n  border-width: 0 0 1px 0;\n  border-radius: 0;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panel-focused {\n  border-color: rgba(171, 176, 185, 0.2);\n}\n\n.paraui-v3-picker-panel {\n  display: inline-flex;\n  flex-direction: column;\n  text-align: center;\n  background: #fff;\n  border: 1px solid rgba(171, 176, 185, 0.2);\n  border-radius: 2px;\n  outline: none;\n}\n.paraui-v3-picker-panel-focused {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-decade-panel, .paraui-v3-picker-year-panel, .paraui-v3-picker-quarter-panel, .paraui-v3-picker-month-panel, .paraui-v3-picker-week-panel, .paraui-v3-picker-date-panel, .paraui-v3-picker-time-panel {\n  display: flex;\n  flex-direction: column;\n  width: 300px;\n}\n.paraui-v3-picker-header {\n  display: flex;\n  padding: 0 10px;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-header > * {\n  flex: none;\n}\n.paraui-v3-picker-header button {\n  padding: 0;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 40px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: color 0.3s;\n}\n.paraui-v3-picker-header > button {\n  min-width: 1.6em;\n  line-height: 0;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-picker-header > button:hover {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-picker-header-view {\n  flex: auto;\n  font-weight: 500;\n  line-height: 40px;\n  font-size: 14px;\n}\n.paraui-v3-picker-header-view button {\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 400;\n}\n.paraui-v3-picker-header-view button:not(:first-child) {\n  margin-left: 8px;\n}\n.paraui-v3-picker-header-view button:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-prev-icon, .paraui-v3-picker-next-icon, .paraui-v3-picker-super-prev-icon, .paraui-v3-picker-super-next-icon {\n  position: relative;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n}\n.paraui-v3-picker-prev-icon::before, .paraui-v3-picker-next-icon::before, .paraui-v3-picker-super-prev-icon::before, .paraui-v3-picker-super-next-icon::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  border: 0 solid currentColor;\n  border-width: 1.5px 0 0 1.5px;\n  content: \"\";\n}\n.paraui-v3-picker-super-prev-icon::after, .paraui-v3-picker-super-next-icon::after {\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  border: 0 solid currentColor;\n  border-width: 1.5px 0 0 1.5px;\n  content: \"\";\n}\n.paraui-v3-picker-prev-icon, .paraui-v3-picker-super-prev-icon {\n  transform: rotate(-45deg);\n}\n.paraui-v3-picker-next-icon, .paraui-v3-picker-super-next-icon {\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-content {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n}\n.paraui-v3-picker-content th,\n.paraui-v3-picker-content td {\n  position: relative;\n  min-width: 24px;\n  font-weight: 400;\n}\n.paraui-v3-picker-content th {\n  height: 30px;\n  color: rgb(46, 55, 67);\n  line-height: 30px;\n}\n.paraui-v3-picker-cell {\n  padding: 3px 0;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n}\n.paraui-v3-picker-cell-in-view {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-picker-cell-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-picker-cell::before {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: 24px;\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  position: relative;\n  z-index: 2;\n  display: inline-block;\n  min-width: 24px;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n  transition: background 0.3s, border 0.3s;\n}\n.paraui-v3-picker-cell .paraui-v3-picker-cell-inner:after {\n  display: none;\n}\n.paraui-v3-picker-cell:hover:not(.paraui-v3-picker-cell-in-view) .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell:hover:not(.paraui-v3-picker-cell-selected):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end):not(.paraui-v3-picker-cell-range-hover-start):not(.paraui-v3-picker-cell-range-hover-end) .paraui-v3-picker-cell-inner {\n  background: #ededed;\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n  content: \"\";\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range::before {\n  background: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-selected .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end .paraui-v3-picker-cell-inner {\n  color: rgb(255, 255, 255);\n  background: rgb(54, 102, 214);\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start:not(.paraui-v3-picker-cell-range-start-single)::before, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end:not(.paraui-v3-picker-cell-range-end-single)::before {\n  background: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start::before {\n  left: 50%;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end::before {\n  right: 50%;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start:not(.paraui-v3-picker-cell-in-range):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end:not(.paraui-v3-picker-cell-in-range):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start.paraui-v3-picker-cell-range-start-single::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start.paraui-v3-picker-cell-range-start.paraui-v3-picker-cell-range-end.paraui-v3-picker-cell-range-end-near-hover::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end.paraui-v3-picker-cell-range-start.paraui-v3-picker-cell-range-end.paraui-v3-picker-cell-range-start-near-hover::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end.paraui-v3-picker-cell-range-end-single::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:not(.paraui-v3-picker-cell-in-range)::after {\n  position: absolute;\n  top: 50%;\n  z-index: 0;\n  height: 24px;\n  border-top: 1px dashed rgba(54, 102, 214, 0.8);\n  border-bottom: 1px dashed rgba(54, 102, 214, 0.8);\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-cell-range-hover::after {\n  right: 0;\n  left: 2px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-rage-start:not(.paraui-v3-picker-cell-range-start-single):not(.paraui-v3-picker-cell-range-end) .paraui-v3-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end:not(.paraui-v3-picker-cell-range-end-single):not(.paraui-v3-picker-cell-range-start) .paraui-v3-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after, .paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: -1;\n  background: rgba(54, 102, 214, 0.05);\n  content: \"\";\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after {\n  right: -6px;\n  left: 0;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v3-picker-cell-range-hover.paraui-v3-picker-cell-range-start::after {\n  right: 50%;\n}\n.paraui-v3-picker-cell-range-hover.paraui-v3-picker-cell-range-end::after {\n  left: 50%;\n}\ntr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:first-child::after, tr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end:first-child::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-start.paraui-v3-picker-cell-range-hover-edge-start.paraui-v3-picker-cell-range-hover-edge-start-near-range::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-edge-start:not(.paraui-v3-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start::after {\n  left: 6px;\n  border-left: 1px dashed rgba(54, 102, 214, 0.8);\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\ntr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:last-child::after, tr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start:last-child::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-end.paraui-v3-picker-cell-range-hover-edge-end.paraui-v3-picker-cell-range-hover-edge-end-near-range::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-edge-end:not(.paraui-v3-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end::after {\n  right: 6px;\n  border-right: 1px dashed rgba(54, 102, 214, 0.8);\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.paraui-v3-picker-cell-disabled {\n  pointer-events: none;\n}\n.paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner {\n  color: #bbbecb;\n  background: transparent;\n}\n.paraui-v3-picker-cell-disabled::before {\n  background: #f8f8f8;\n}\n.paraui-v3-picker-cell-disabled.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  border-color: rgba(0, 0, 0, 0.25);\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-content, .paraui-v3-picker-year-panel .paraui-v3-picker-content, .paraui-v3-picker-quarter-panel .paraui-v3-picker-content, .paraui-v3-picker-month-panel .paraui-v3-picker-content {\n  height: 264px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-year-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-inner {\n  padding: 0 8px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-year-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner {\n  background: #f5f5f5;\n}\n.paraui-v3-picker-quarter-panel .paraui-v3-picker-content {\n  height: 56px;\n}\n.paraui-v3-picker-footer {\n  width: min-content;\n  min-width: 100%;\n  line-height: 43px;\n  text-align: center;\n}\n.paraui-v3-picker-panel .paraui-v3-picker-footer {\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-footer-extra {\n  padding: 0 12px;\n  line-height: 38px;\n  text-align: left;\n}\n.paraui-v3-picker-footer-extra:not(:last-child) {\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-now {\n  text-align: left;\n}\n.paraui-v3-picker-now-btn {\n  color: rgb(54, 102, 214);\n  font-size: 12px;\n  cursor: pointer;\n}\n.paraui-v3-picker-today-btn {\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n  font-size: 14px;\n}\n.paraui-v3-picker-today-btn:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-today-btn:active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-today-btn-disabled-disabled {\n  cursor: not-allowed;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-inner {\n  padding: 0 4px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell::before {\n  display: none;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-body, .paraui-v3-picker-quarter-panel .paraui-v3-picker-body, .paraui-v3-picker-month-panel .paraui-v3-picker-body {\n  padding: 0 8px;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-inner {\n  width: 60px;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-start::after {\n  left: 14px;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-start::after {\n  right: 14px;\n  border-right: 1px dashed #7ec1ff;\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-end::after {\n  right: 14px;\n  border-right: 1px dashed #7ec1ff;\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-end::after {\n  left: 14px;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-week-panel .paraui-v3-picker-body {\n  padding: 8px 12px;\n}\n.paraui-v3-picker-week-panel .paraui-v3-picker-cell:hover .paraui-v3-picker-cell-inner, .paraui-v3-picker-week-panel .paraui-v3-picker-cell-selected .paraui-v3-picker-cell-inner,\n.paraui-v3-picker-week-panel .paraui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  background: transparent !important;\n}\n.paraui-v3-picker-week-panel-row td {\n  transition: background 0.3s;\n}\n.paraui-v3-picker-week-panel-row:hover td {\n  background: #ededed;\n}\n.paraui-v3-picker-week-panel-row:hover td:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-picker-week-panel-row:hover td:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-picker-week-panel-row-selected td, .paraui-v3-picker-week-panel-row-selected:hover td {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-picker-week-panel-row-selected td:first-child, .paraui-v3-picker-week-panel-row-selected:hover td:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-picker-week-panel-row-selected td:last-child, .paraui-v3-picker-week-panel-row-selected:hover td:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-picker-week-panel-row-selected td.paraui-v3-picker-cell-week, .paraui-v3-picker-week-panel-row-selected:hover td.paraui-v3-picker-cell-week {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v3-picker-week-panel-row-selected td.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before, .paraui-v3-picker-week-panel-row-selected:hover td.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  border-color: rgb(255, 255, 255);\n}\n.paraui-v3-picker-week-panel-row-selected td .paraui-v3-picker-cell-inner, .paraui-v3-picker-week-panel-row-selected:hover td .paraui-v3-picker-cell-inner {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-body {\n  padding: 8px 12px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-content {\n  width: 272px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-content th {\n  width: 36px;\n}\n.paraui-v3-picker-datetime-panel {\n  display: flex;\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-date-panel,\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel {\n  transition: opacity 0.3s;\n}\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-date-panel,\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-time-panel {\n  opacity: 0.3;\n}\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-date-panel-active,\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-time-panel-active {\n  opacity: 1;\n}\n.paraui-v3-picker-time-panel {\n  width: auto;\n  min-width: auto;\n}\n.paraui-v3-picker-time-panel .paraui-v3-picker-content {\n  display: flex;\n  flex: auto;\n  height: 224px;\n}\n.paraui-v3-picker-time-panel-column {\n  flex: 1 0 auto;\n  width: 72px;\n  margin: 0;\n  padding: 0;\n  overflow-y: hidden;\n  text-align: left;\n  list-style: none;\n  transition: background 0.3s;\n}\n.paraui-v3-picker-use12Hours .paraui-v3-picker-time-panel-column:last-child {\n  width: auto;\n}\n.paraui-v3-picker-use12Hours .paraui-v3-picker-time-panel-column:last-child > li .paraui-v3-picker-time-panel-cell-inner {\n  padding: 0 10px;\n}\n.paraui-v3-picker-time-panel-column::after {\n  display: block;\n  height: 196px;\n  content: \"\";\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel-column::after {\n  height: 198px;\n}\n.paraui-v3-picker-time-panel-column:not(:first-child) {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-time-panel-column-active {\n  background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v3-picker-time-panel-column:hover {\n  overflow-y: auto;\n}\n.paraui-v3-picker-time-panel-column > li {\n  margin: 0;\n  padding: 0;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell .paraui-v3-picker-time-panel-cell-inner {\n  display: block;\n  width: 100%;\n  height: 28px;\n  margin: 0;\n  padding: 0 0 0 28px;\n  color: #6E7488;\n  line-height: 28px;\n  border-radius: 0;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell .paraui-v3-picker-time-panel-cell-inner:hover {\n  background: #ededed;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-selected .paraui-v3-picker-time-panel-cell-inner {\n  background: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-disabled .paraui-v3-picker-time-panel-cell-inner {\n  color: #BBBECB;\n  background: transparent;\n  cursor: not-allowed;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-disabled .paraui-v3-picker-time-panel-cell-inner:hover {\n  background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v3-picker-range-wrapper .paraui-v3-picker-month-panel .paraui-v3-picker-cell,\n_:-ms-fullscreen .paraui-v3-picker-range-wrapper .paraui-v3-picker-year-panel .paraui-v3-picker-cell,\n:root .paraui-v3-picker-range-wrapper .paraui-v3-picker-month-panel .paraui-v3-picker-cell,\n:root .paraui-v3-picker-range-wrapper .paraui-v3-picker-year-panel .paraui-v3-picker-cell {\n  padding: 21px 0;\n}\n\nparaui-v3-picker-rtl {\n  direction: rtl;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-suffix {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-clear {\n  right: auto;\n  left: 0;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-separator {\n  transform: rotate(180deg);\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-header-view button:not(:first-child) {\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v3-picker-range .paraui-v3-picker-clear .paraui-v3-picker-rtl {\n  right: auto;\n  left: 11px;\n}\nparaui-v3-picker-range .paraui-v3-picker-active-bar .paraui-v3-picker-rtl {\n  margin-right: 11px;\n  margin-left: 0;\n}\nparaui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-active-bar .paraui-v3-picker-rtl {\n  margin-right: 7px;\n}\nparaui-v3-picker-ranges .paraui-v3-picker-dropdown-rtl {\n  text-align: right;\n}\n.paraui-v3-picker-dropdown-rtl paraui-v3-picker-ranges .paraui-v3-picker-ok {\n  float: left;\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v3-picker-panel-rtl {\n  direction: rtl;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-prev-icon, .paraui-v3-picker-panel-rtl paraui-v3-picker-super-prev-icon {\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-next-icon, .paraui-v3-picker-panel-rtl paraui-v3-picker-super-next-icon {\n  transform: rotate(-45deg);\n}\nparaui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  position: relative;\n  z-index: 2;\n  display: inline-block;\n  min-width: 24px;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n  transition: background 0.3s, border 0.3s;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-start::before {\n  right: 50%;\n  left: 0;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-end::before {\n  right: 0;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-startparaui-v3-picker-cell-range-end::before {\n  right: 50%;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-date-panel paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-in-rangeparaui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v3-picker-date-panel paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-in-rangparaui-v3-picker-cellparaui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after .paraui-v3-picker-panel-rtl {\n  right: -6px;\n  left: 0;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-start::after {\n  right: 0;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-end::after {\n  right: 50%;\n  left: 0;\n}\nparaui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-start:not(paraui-v3-picker-cell-range-start-single):not(paraui-v3-picker-cell-range-end) .paraui-v3-picker-cell-inner .paraui-v3-picker-panel-rtl {\n  border-radius: 0 2px 2px 0;\n}\nparaui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-end:not(paraui-v3-picker-cell-range-end-single):not(paraui-v3-picker-cell-range-start) .paraui-v3-picker-cell-inner .paraui-v3-picker-panel-rtl {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover:not(paraui-v3-picker-cell-selected):first-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-edge-startparaui-v3-picker-cell-range-hover-edge-start-near-range::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-start::after {\n  right: 6px;\n  left: 0;\n  border-right: 1px dashed #7ec1ff;\n  border-left: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 0;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover:not(paraui-v3-picker-cell-selected):last-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hover-edge-endparaui-v3-picker-cell-range-hover-edge-end-near-range::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-edge-end:not(paraui-v3-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-end::after {\n  right: 0;\n  left: 6px;\n  border-right: none;\n  border-left: 1px dashed #7ec1ff;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 2px;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-start:last-child::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-end:first-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-endparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hover-startparaui-v3-picker-cell-range-hover-edge-end:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-hover-edge-start:last-child::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-hover-edge-end:first-child::after {\n  right: 6px;\n  left: 6px;\n  border-right: 1px dashed #7ec1ff;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px;\n}\n.paraui-v3-picker-dropdown-rtl paraui-v3-picker-footer-extra {\n  direction: rtl;\n  text-align: right;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-time-panel {\n  direction: ltr;\n}\n\n.paraui-v3-picker-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v3-picker-wrapper .paraui-v3-picker-error {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-picker-wrapper .paraui-v3-picker-helperText {\n  margin: 5px 0 0 12px;\n  color: rgb(235, 96, 84);\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 var DatePicker = generatePicker(dayjsGenerateConfig);

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-35fb8f69.js';
+import { F as FormItem, v as validate } from '../_verture/index-6fd242a8.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-35fb8f69.js';
+export { F as default } from '../_verture/index-6fd242a8.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-bf34e6fa.js';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-8522aa7e.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-8522aa7e.js';
+import { u as useModal } from '../_verture/modalContext-fcdc497b.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-fcdc497b.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/index-342379c6.js';

package/HelperText/index.d.ts

@@ -6,8 +6,12 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import './index.scss';
 export interface HelperTextDetailProps {
-    /** 没有错误的时候,不渲染 */
-    hideErrorDom?: boolean;
+    /**
+     * true 没有错误的时候,不渲染
+     * false 都渲染
+     * null 不渲染,直接返回null
+     * */
+    hideErrorDom?: boolean | null;
     /** 是否显示错误 */
     error?: boolean;
     /** 错误提示 */

package/HelperText/index.js

@@ -12,7 +12,8 @@ var HelperText = function HelperText(props) {
       error = _props$error === void 0 ? false : _props$error,
       _props$hideErrorDom = props.hideErrorDom,
       hideErrorDom = _props$hideErrorDom === void 0 ? false : _props$hideErrorDom,
-      helperText = props.helperText; // 不存在错误,且没有错误隐藏错误dom
+      helperText = props.helperText;
+  if (hideErrorDom === null) return null; // 不存在错误,且没有错误隐藏错误dom
 
   if (!error && hideErrorDom) return null; // 处理class
 

package/InputLang/index.js

@@ -30,8 +30,9 @@ import '@para-ui/core/GlobalContext';
 import '../Dropdown/index.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-874d101b.js';
-import '@para-ui/icons/Plus';
 import '@para-ui/icons/Delete';
+import '@para-ui/icons/PlusCircleF';
+import '../_verture/useFormatMessage-f4452258.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-input-lang {\n  display: inline-block;\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after {\n  cursor: pointer;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after .lang-list-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner {\n  padding: 12px;\n  width: 300px;\n  line-height: 0;\n}\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box {\n  padding-bottom: 0;\n}";
 styleInject(css_248z);

package/Menu/index.js

@@ -1147,7 +1147,7 @@ var FooterExpansion = function FooterExpansion(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-vertical-menu {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-vertical-menu > .menu-logo {\n  width: 100%;\n  display: inline-block;\n  padding: 24px 16px 0 16px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-vertical-menu > .menu-logo.menu-logo-shrink {\n  padding: 24px 0 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list {\n  overflow: hidden;\n  height: 100%;\n  padding: 40px 16px;\n  position: relative;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top > svg {\n  cursor: pointer;\n  transform: rotate(180deg);\n  font-size: 18px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll {\n  transition: all 0.3s;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n  margin-bottom: 8px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child {\n  margin-bottom: 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n  height: 40px;\n  line-height: 40px;\n  cursor: pointer;\n  display: flex;\n  border-radius: 4px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon {\n  width: 20px;\n  margin-right: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  font-size: 14px;\n  width: 100%;\n  white-space: nowrap;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .li-collapse > div > div > .vertical-menu-list-item:first-child {\n  margin-top: 8px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  transform: rotate(180deg);\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom > svg {\n  cursor: pointer;\n  font-size: 18px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu > .footer-expansion {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding-bottom: 20px;\n  white-space: nowrap;\n  height: 40px;\n}\n.paraui-v3-vertical-menu > .footer-expansion > svg {\n  font-size: 20px;\n  cursor: pointer;\n  margin-left: 20px;\n}\n.paraui-v3-vertical-menu > .footer-expansion > .version {\n  margin-left: 12px;\n  font-size: 14px;\n}\n.paraui-v3-vertical-menu > .footer-expansion.footer-expansion-shrink {\n  justify-content: center;\n}\n.paraui-v3-vertical-menu > .footer-expansion.footer-expansion-shrink > svg {\n  margin: 0;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list {\n  padding: 44px 0px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 8px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child {\n  margin-bottom: 0;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  position: relative;\n  font-size: 20px;\n}\n\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  padding: 0;\n  box-shadow: none;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: auto;\n  height: 32px;\n  line-height: 32px;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: none;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: none;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper {\n  padding-left: 8px;\n  z-index: 1500;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  padding: 8px 0;\n  max-height: 268px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 200px;\n  height: 36px;\n  line-height: 36px;\n  padding: 0px 12px;\n  display: flex;\n  cursor: pointer;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  content: \"\";\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 12px;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 20px;\n  position: relative;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  width: 100%;\n  font-weight: 400;\n  white-space: nowrap;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 20px;\n  transition: all 0.3s;\n  position: relative;\n  transform: rotate(270deg);\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item .vertical-menu-item-popper, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item .vertical-menu-item-popper {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: -8px;\n}\n\n.paraui-v3-vertical-menu-deep {\n  background-color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-deep > .menu-logo {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .menu-logo svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .scroll-top > svg, .paraui-v3-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > .version {\n  color: rgba(255, 255, 255, 0.6);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > span {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span {\n  background-color: rgb(34, 62, 103);\n}\n\n.paraui-v3-vertical-menu-light {\n  background: linear-gradient(180deg, rgb(241, 241, 244), rgb(243, 243, 243));\n}\n.paraui-v3-vertical-menu-light > .menu-logo {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .menu-logo svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .scroll-top > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .scroll-bottom > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-icon > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-label {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-icon > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-icon > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-label {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-label, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > .version {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > span {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span {\n  background-color: white;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span {\n  background-color: white;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span > svg {\n  color: rgb(28, 41, 60);\n}\n\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgb(28, 41, 60);\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: white;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-vertical-menu {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-vertical-menu > .menu-logo {\n  width: 100%;\n  display: inline-block;\n  padding: 24px 16px 0 16px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-vertical-menu > .menu-logo.menu-logo-shrink {\n  padding: 24px 0 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list {\n  overflow: hidden;\n  height: 100%;\n  padding: 40px 16px;\n  position: relative;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top > svg {\n  cursor: pointer;\n  transform: rotate(180deg);\n  font-size: 18px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll {\n  transition: all 0.3s;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n  margin-bottom: 8px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child {\n  margin-bottom: 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n  height: 40px;\n  line-height: 40px;\n  cursor: pointer;\n  display: flex;\n  border-radius: 4px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon {\n  width: 20px;\n  margin-right: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  font-size: 14px;\n  width: 100%;\n  white-space: nowrap;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .li-collapse > div > div > .vertical-menu-list-item:first-child {\n  margin-top: 8px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  transform: rotate(180deg);\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom > svg {\n  cursor: pointer;\n  font-size: 18px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu > .footer-expansion {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding-bottom: 20px;\n  white-space: nowrap;\n  height: 40px;\n}\n.paraui-v3-vertical-menu > .footer-expansion > svg {\n  font-size: 20px;\n  cursor: pointer;\n  margin-left: 20px;\n}\n.paraui-v3-vertical-menu > .footer-expansion > .version {\n  margin-left: 12px;\n  font-size: 14px;\n}\n.paraui-v3-vertical-menu > .footer-expansion.footer-expansion-shrink {\n  justify-content: center;\n}\n.paraui-v3-vertical-menu > .footer-expansion.footer-expansion-shrink > svg {\n  margin: 0;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list {\n  padding: 44px 0px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 8px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child {\n  margin-bottom: 0;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  position: relative;\n  font-size: 20px;\n}\n\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  padding: 0;\n  box-shadow: none;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: auto;\n  height: 32px;\n  line-height: 32px;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: none;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: none;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper {\n  padding-left: 8px;\n  z-index: 1500;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  padding: 8px 0;\n  max-height: 268px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 200px;\n  height: 36px;\n  line-height: 36px;\n  padding: 0px 12px;\n  display: flex;\n  cursor: pointer;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  content: \"\";\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 12px;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 20px;\n  position: relative;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  width: 100%;\n  font-weight: 400;\n  white-space: nowrap;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 20px;\n  transition: all 0.3s;\n  position: relative;\n  transform: rotate(270deg);\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item .vertical-menu-item-popper, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item .vertical-menu-item-popper {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: -8px;\n}\n\n.paraui-v3-vertical-menu-deep {\n  background-color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-deep > .menu-logo {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .menu-logo svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .scroll-top > svg, .paraui-v3-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > .version {\n  color: rgba(255, 255, 255, 0.6);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > span {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span {\n  background-color: rgb(34, 62, 103);\n}\n\n.paraui-v3-vertical-menu-light {\n  background: linear-gradient(180deg, rgb(241, 241, 244), rgb(243, 243, 243));\n}\n.paraui-v3-vertical-menu-light > .menu-logo {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .menu-logo svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .scroll-top > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .scroll-bottom > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-icon > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-label {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-icon > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-icon > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-label {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-label, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > .version {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > span {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span {\n  background-color: white;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span {\n  background-color: white;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span > svg {\n  color: rgb(28, 41, 60);\n}\n\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgb(28, 41, 60);\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: white;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}";
 styleInject(css_248z);
 
 var Menu = function Menu(props) {

package/Message/index.js

@@ -8,7 +8,7 @@ import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-message-box {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v3-message-box .msg-item .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 44px;\n  padding: 12px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v3-message-box .msg-item .msg-icon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v3-message-box .msg-item .msg-icon svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-item .msg-text {\n  display: inline-block;\n  max-width: 60vw;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 22px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v3-message-box .msg-item .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v3-message-box .msg-item .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v3-message-box .msg-item .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v3-message-box .msg-item .msg-close {\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v3-message-box .msg-item .msg-close svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-info {\n  background-color: rgb(243, 246, 252);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-info .msg-close {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-warn {\n  background-color: rgb(254, 249, 245);\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-warn .msg-close {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-error {\n  background-color: rgb(253, 246, 245);\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-error .msg-close {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-success {\n  background-color: rgb(245, 251, 242);\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .msg-success .msg-close {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-message-box {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v3-message-box .msg-item .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 44px;\n  padding: 12px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v3-message-box .msg-item .msg-icon {\n  position: absolute;\n  top: 15px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v3-message-box .msg-item .msg-icon svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-item .msg-text {\n  display: inline-block;\n  max-width: 60vw;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 22px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v3-message-box .msg-item .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v3-message-box .msg-item .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v3-message-box .msg-item .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v3-message-box .msg-item .msg-close {\n  position: absolute;\n  right: 16px;\n  top: 15px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v3-message-box .msg-item .msg-close svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-info {\n  background-color: rgb(243, 246, 252);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-info .msg-close {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-warn {\n  background-color: rgb(254, 249, 245);\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-warn .msg-close {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-error {\n  background-color: rgb(253, 246, 245);\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-error .msg-close {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-success {\n  background-color: rgb(245, 251, 242);\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .msg-success .msg-close {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
 styleInject(css_248z);
 
 var iconMapping = {