@para-ui/core 4.0.77 → 4.0.79

package/DatePicker/index.js

@@ -546,7 +546,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 linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\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-v4-picker {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\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: 4px 10px 4px;\n  position: relative;\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v4-picker:hover {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-focused {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v4-picker-disabled {\n  background: rgb(247, 248, 250);\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-picker-disabled:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-suffix {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-borderless {\n  background-color: transparent !important;\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n.paraui-v4-picker-input {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v4-picker-input > input {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  padding: 4px 11px;\n  color: rgb(29, 33, 38);\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-v4-picker-input > input::-moz-placeholder {\n  opacity: 1;\n}\n.paraui-v4-picker-input > input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-picker-input > input:placeholder-shown {\n  text-overflow: ellipsis;\n}\n.paraui-v4-picker-input > input:hover {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input:focus, .paraui-v4-picker-input > input-focused {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v4-picker-input > input-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v4-picker-input > input-disabled:hover {\n  border-color: rgb(212, 218, 227);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v4-picker-input > input[disabled]:hover {\n  border-color: rgb(212, 218, 227);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input-borderless, .paraui-v4-picker-input > input-borderless:hover, .paraui-v4-picker-input > input-borderless:focus, .paraui-v4-picker-input > input-borderless-focused, .paraui-v4-picker-input > input-borderless-disabled, .paraui-v4-picker-input > input-borderless[disabled] {\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n}\n.paraui-v4-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-v4-picker-input > input-lg {\n  padding: 6.5px 11px;\n  font-size: 16px;\n}\n.paraui-v4-picker-input > input-sm {\n  padding: 0px 7px;\n}\n.paraui-v4-picker-input > input:focus {\n  box-shadow: none;\n}\n.paraui-v4-picker-input > input[disabled] {\n  color: rgb(92, 101, 115);\n  background: transparent;\n}\n.paraui-v4-picker-input:hover .paraui-v4-picker-clear {\n  opacity: 1;\n}\n.paraui-v4-picker-input-placeholder > input {\n  color: #bfbfbf;\n}\n.paraui-v4-picker-large {\n  padding: 4px 10px 4px;\n}\n.paraui-v4-picker-large .paraui-v4-picker-input > input {\n  font-size: 16px;\n}\n.paraui-v4-picker-small {\n  padding: 0px 7px 0px;\n}\n.paraui-v4-picker-suffix {\n  align-self: center;\n  margin-left: 4px;\n  color: rgb(92, 101, 115);\n  line-height: 1;\n  pointer-events: none;\n}\n.paraui-v4-picker-suffix > * {\n  vertical-align: top;\n}\n.paraui-v4-picker-suffix svg {\n  color: inherit;\n  font-size: 18px;\n}\n.paraui-v4-picker-clear {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  color: rgb(161, 168, 179);\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-v4-picker-clear svg {\n  color: inherit;\n  font-size: 18px;\n}\n.paraui-v4-picker-clear > * {\n  vertical-align: top;\n}\n.paraui-v4-picker-clear:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-separator {\n  position: relative;\n  display: inline-block;\n  width: 1em;\n  height: 16px;\n  color: rgb(92, 101, 115);\n  font-size: 16px;\n  vertical-align: top;\n  cursor: default;\n}\n.paraui-v4-picker-separator svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator svg {\n  color: inherit;\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-range-separator .paraui-v4-picker-separator {\n  cursor: not-allowed;\n}\n.paraui-v4-picker-range {\n  position: relative;\n  display: inline-flex;\n}\n.paraui-v4-picker-range .paraui-v4-picker-clear {\n  right: 11px;\n}\n.paraui-v4-picker-range:hover .paraui-v4-picker-clear {\n  opacity: 1;\n}\n.paraui-v4-picker-range .paraui-v4-picker-active-bar {\n  bottom: -1px;\n  height: 2px;\n  margin-left: 11px;\n  background: rgb(46, 101, 230);\n  opacity: 0;\n  transition: all 0.3s ease-out;\n  pointer-events: none;\n}\n.paraui-v4-picker-range.paraui-v4-picker-focused .paraui-v4-picker-active-bar {\n  opacity: 1;\n}\n.paraui-v4-picker-range-separator {\n  align-items: center;\n  padding: 0 10px;\n  line-height: 1;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-clear {\n  right: 7px;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar {\n  margin-left: 7px;\n}\n.paraui-v4-picker-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\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-v4-picker-dropdown-hidden {\n  display: none;\n}\n.paraui-v4-picker-dropdown-placement-bottomLeft .paraui-v4-picker-range-arrow {\n  display: none;\n  top: 1.66666667px;\n  transform: rotate(-45deg);\n}\n.paraui-v4-picker-dropdown-placement-topLeft .paraui-v4-picker-range-arrow {\n  display: none;\n  bottom: 1.66666667px;\n  transform: rotate(135deg);\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownIn;\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpIn;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownOut;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpOut;\n}\n.paraui-v4-picker-dropdown-range {\n  padding: 6.66666667px 0;\n}\n.paraui-v4-picker-dropdown-range-hidden {\n  display: none;\n}\n.paraui-v4-picker-panel-layout {\n  display: flex;\n}\n.paraui-v4-picker-presets {\n  display: flex;\n  flex-direction: column;\n  min-width: 120px;\n  max-width: 200px;\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets ul {\n  padding: 10px;\n  box-sizing: border-box;\n  height: 0;\n  flex: auto;\n  overflow-y: auto;\n}\n.paraui-v4-picker-presets ul li {\n  margin-top: 8px;\n}\n.paraui-v4-picker-presets ul li:first-child {\n  margin-top: 0;\n}\n.paraui-v4-picker-presets .paraui-v4-tag {\n  background: #f7f8fa;\n  width: 100%;\n  padding: 0 10px;\n  margin-right: 0;\n  margin-bottom: 0;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-presets .paraui-v4-tag:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout {\n  display: flex;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n  border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-dropdown .paraui-v4-picker-panel > .paraui-v4-picker-time-panel {\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n.paraui-v4-picker-ranges {\n  margin-bottom: 0;\n  padding: 4px 10px;\n  overflow: hidden;\n  text-align: left;\n  list-style: none;\n}\n.paraui-v4-picker-ranges > li {\n  display: inline-block;\n}\n.paraui-v4-picker-ranges .paraui-v4-picker-ok {\n  height: 36px;\n  display: flex;\n  align-items: center;\n  float: right;\n  margin-left: 8px;\n}\n.paraui-v4-picker-range-wrapper {\n  display: flex;\n}\n.paraui-v4-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-v4-picker-range-arrow::after {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  width: 10px;\n  height: 10px;\n  border: 5px solid rgb(234, 236, 241);\n  border-color: #fff #fff transparent transparent;\n  content: \"\";\n}\n.paraui-v4-picker-panel-container {\n  overflow: hidden;\n  vertical-align: top;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  transition: margin 0.3s;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panels {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  direction: ltr;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel {\n  vertical-align: top;\n  background: transparent;\n  border-width: 0 0 1px 0;\n  border-radius: 0;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel-focused {\n  border-color: rgb(234, 236, 241);\n}\n.paraui-v4-picker-input > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-picker-input > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-picker-input > input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}\n\n.paraui-v4-picker-panel {\n  display: inline-flex;\n  flex-direction: column;\n  text-align: center;\n  background: #fff;\n  border: 1px solid rgb(234, 236, 241);\n  border-radius: 2px;\n  outline: none;\n}\n.paraui-v4-picker-panel-focused {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-decade-panel, .paraui-v4-picker-year-panel, .paraui-v4-picker-quarter-panel, .paraui-v4-picker-month-panel, .paraui-v4-picker-week-panel, .paraui-v4-picker-date-panel, .paraui-v4-picker-time-panel {\n  display: flex;\n  flex-direction: column;\n  width: 272px;\n}\n.paraui-v4-picker-header {\n  display: flex;\n  padding: 0 10px;\n  color: rgb(29, 33, 38);\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-header > * {\n  flex: none;\n}\n.paraui-v4-picker-header button {\n  padding: 0;\n  color: rgb(29, 33, 38);\n  line-height: 40px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: color 0.3s;\n}\n.paraui-v4-picker-header > button {\n  min-width: 1.6em;\n  line-height: 0;\n  font-size: 16px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header > button:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-header-view {\n  flex: auto;\n  line-height: 40px;\n  font-size: 14px;\n}\n.paraui-v4-picker-header-view button {\n  color: rgb(29, 33, 38);\n  font-weight: 400;\n}\n.paraui-v4-picker-header-view button:not(:first-child) {\n  margin-left: 8px;\n}\n.paraui-v4-picker-header-view button:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-next-icon, .paraui-v4-picker-super-prev-icon, .paraui-v4-picker-super-next-icon {\n  position: relative;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n}\n.paraui-v4-picker-prev-icon::before, .paraui-v4-picker-next-icon::before, .paraui-v4-picker-super-prev-icon::before, .paraui-v4-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-v4-picker-super-prev-icon::after, .paraui-v4-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-v4-picker-prev-icon, .paraui-v4-picker-super-prev-icon {\n  transform: rotate(-45deg);\n}\n.paraui-v4-picker-next-icon, .paraui-v4-picker-super-next-icon {\n  transform: rotate(135deg);\n}\n.paraui-v4-picker-content {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n}\n.paraui-v4-picker-content th,\n.paraui-v4-picker-content td {\n  position: relative;\n  min-width: 24px;\n  font-weight: 400;\n}\n.paraui-v4-picker-content th {\n  height: 30px;\n  color: rgb(29, 33, 38);\n  line-height: 30px;\n}\n.paraui-v4-picker-cell {\n  padding: 3px 0;\n  color: rgb(161, 168, 179);\n  cursor: pointer;\n}\n.paraui-v4-picker-cell-in-view {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-cell-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-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-v4-picker-cell .paraui-v4-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-v4-picker-cell .paraui-v4-picker-cell-inner:after {\n  display: none;\n}\n.paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-in-view) .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-selected):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end):not(.paraui-v4-picker-cell-range-hover-start):not(.paraui-v4-picker-cell-range-hover-end) .paraui-v4-picker-cell-inner {\n  background: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1;\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background-color: rgb(46, 101, 230);\n  border-radius: 4px;\n  content: \"\";\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range {\n  position: relative;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range::before {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end .paraui-v4-picker-cell-inner {\n  color: rgb(255, 255, 255);\n  background: rgb(46, 101, 230);\n  border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start:not(.paraui-v4-picker-cell-range-start-single)::before, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single)::before {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start::before {\n  left: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end::before {\n  right: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-end-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-start-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-end-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:not(.paraui-v4-picker-cell-in-range)::after {\n  position: absolute;\n  top: 50%;\n  z-index: 0;\n  height: 22px;\n  border-top: 1px dashed rgb(46, 101, 230);\n  border-bottom: 1px dashed rgb(46, 101, 230);\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-cell-range-hover::after {\n  right: 0;\n  left: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-rage-start:not(.paraui-v4-picker-cell-range-start-single):not(.paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single):not(.paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after, .paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: -1;\n  background: rgb(247, 248, 250);\n  content: \"\";\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n  right: -6px;\n  left: 0;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-start::after {\n  right: 50%;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-end::after {\n  left: 50%;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:first-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-start.paraui-v4-picker-cell-range-hover-edge-start.paraui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-start:not(.paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start::after {\n  left: 6px;\n  border-left: 1px dashed rgb(46, 101, 230);\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:last-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-end.paraui-v4-picker-cell-range-hover-edge-end.paraui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-end:not(.paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end::after {\n  right: 6px;\n  border-right: 1px dashed rgb(46, 101, 230);\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.paraui-v4-picker-cell-disabled {\n  pointer-events: none;\n}\n.paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n  color: #bbbecb;\n  background: transparent;\n}\n.paraui-v4-picker-cell-disabled::before {\n  background: #f8f8f8;\n}\n.paraui-v4-picker-cell-disabled.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n  border-color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-content, .paraui-v4-picker-year-panel .paraui-v4-picker-content, .paraui-v4-picker-quarter-panel .paraui-v4-picker-content, .paraui-v4-picker-month-panel .paraui-v4-picker-content {\n  margin: 8px 0;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n  padding: 0 8px;\n}\n.paraui-v4-picker-footer {\n  width: min-content;\n  min-width: 100%;\n  line-height: 36px;\n  text-align: center;\n}\n.paraui-v4-picker-panel .paraui-v4-picker-footer {\n  border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-footer-extra {\n  padding: 0 12px;\n  line-height: 38px;\n  text-align: left;\n}\n.paraui-v4-picker-footer-extra:not(:last-child) {\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-now {\n  text-align: left;\n}\n.paraui-v4-picker-now-btn {\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v4-picker-now-btn:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  font-size: 14px;\n}\n.paraui-v4-picker-today-btn:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn:active {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn-disabled-disabled {\n  cursor: not-allowed;\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner {\n  padding: 0 4px;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell::before {\n  display: none;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-body, .paraui-v4-picker-quarter-panel .paraui-v4-picker-body, .paraui-v4-picker-month-panel .paraui-v4-picker-body {\n  padding: 0 8px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n  width: 60px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-week-panel .paraui-v4-picker-body {\n  padding: 8px 10px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell:hover .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel .paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner,\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n  background: transparent !important;\n}\n.paraui-v4-picker-week-panel-row td {\n  transition: background 0.3s;\n}\n.paraui-v4-picker-week-panel-row:hover td::before {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-week-panel-row:hover td:first-child::before {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row:hover td:last-child::before {\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td::before, .paraui-v4-picker-week-panel-row-selected:hover td::before {\n  background: rgb(46, 101, 230);\n}\n.paraui-v4-picker-week-panel-row-selected td:first-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:first-child::before {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row-selected td:last-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:last-child::before {\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-week, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-week {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n  border-color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-week-panel-row-selected td .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel-row-selected:hover td .paraui-v4-picker-cell-inner {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-body {\n  padding: 8px 10px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content {\n  width: 252px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content th {\n  width: 36px;\n}\n.paraui-v4-picker-datetime-panel {\n  display: flex;\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n  border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n  transition: opacity 0.3s;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel {\n  opacity: 0.3;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel-active,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel-active {\n  opacity: 1;\n}\n.paraui-v4-picker-time-panel {\n  width: auto;\n  min-width: auto;\n}\n.paraui-v4-picker-time-panel .paraui-v4-picker-content {\n  display: flex;\n  flex: auto;\n  height: 204px;\n}\n.paraui-v4-picker-time-panel-column {\n  flex: 1 0 auto;\n  width: 56px;\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-v4-picker-time-panel-column::after {\n  display: block;\n  height: 196px;\n  content: \"\";\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel-column::after {\n  height: 198px;\n}\n.paraui-v4-picker-time-panel-column-active {\n  background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v4-picker-time-panel-column:hover {\n  overflow-y: auto;\n}\n.paraui-v4-picker-time-panel-column > li {\n  margin: 0;\n  padding: 0;\n  margin: 0 4px 6px 4px;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner {\n  display: block;\n  width: 100%;\n  height: 24px;\n  margin: 0;\n  padding: 0 0 0 16px;\n  color: rgb(29, 33, 38);\n  line-height: 24px;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-selected .paraui-v4-picker-time-panel-cell-inner {\n  background: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner {\n  color: #BBBECB;\n  background: transparent;\n  cursor: not-allowed;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner:hover {\n  background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell {\n  padding: 21px 0;\n}\n\nparaui-v4-picker-rtl {\n  direction: rtl;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-suffix {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-clear {\n  right: auto;\n  left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-separator {\n  transform: rotate(180deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-header-view button:not(:first-child) {\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v4-picker-range .paraui-v4-picker-clear .paraui-v4-picker-rtl {\n  right: auto;\n  left: 11px;\n}\nparaui-v4-picker-range .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n  margin-right: 11px;\n  margin-left: 0;\n}\nparaui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n  margin-right: 7px;\n}\nparaui-v4-picker-ranges .paraui-v4-picker-dropdown-rtl {\n  text-align: right;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-ranges .paraui-v4-picker-ok {\n  float: left;\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v4-picker-panel-rtl {\n  direction: rtl;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-prev-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-prev-icon {\n  transform: rotate(135deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-next-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-next-icon {\n  transform: rotate(-45deg);\n}\nparaui-v4-picker-cell .paraui-v4-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-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start::before {\n  right: 50%;\n  left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end::before {\n  right: 0;\n  left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-startparaui-v4-picker-cell-range-end::before {\n  right: 50%;\n  left: 50%;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangeparaui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangparaui-v4-picker-cellparaui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after .paraui-v4-picker-panel-rtl {\n  right: -6px;\n  left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-start::after {\n  right: 0;\n  left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-end::after {\n  right: 50%;\n  left: 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start:not(paraui-v4-picker-cell-range-start-single):not(paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n  border-radius: 0 2px 2px 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end:not(paraui-v4-picker-cell-range-end-single):not(paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-startparaui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-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-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):last-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-edge-endparaui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-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-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-endparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-startparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hoverparaui-v4-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-v4-picker-dropdown-rtl paraui-v4-picker-footer-extra {\n  direction: rtl;\n  text-align: right;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-time-panel {\n  direction: ltr;\n}\n\n.paraui-v4-picker-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-error {\n  border-color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-helperText {\n  margin: 5px 0 0 12px;\n  color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\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 linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\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-v4-picker {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\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: 4px 10px 4px;\n  position: relative;\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v4-picker:hover {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-focused {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v4-picker-disabled {\n  background: rgb(247, 248, 250);\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-picker-disabled:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-suffix {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-borderless {\n  background-color: transparent !important;\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n.paraui-v4-picker-input {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v4-picker-input > input {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  padding: 4px 11px;\n  color: rgb(29, 33, 38);\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-v4-picker-input > input::-moz-placeholder {\n  opacity: 1;\n}\n.paraui-v4-picker-input > input::placeholder {\n  color: rgb(161, 168, 179);\n  font-size: 14px;\n}\n.paraui-v4-picker-input > input:placeholder-shown {\n  text-overflow: ellipsis;\n}\n.paraui-v4-picker-input > input:hover {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input:focus, .paraui-v4-picker-input > input-focused {\n  border-color: rgb(46, 101, 230);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v4-picker-input > input-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v4-picker-input > input-disabled:hover {\n  border-color: rgb(212, 218, 227);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v4-picker-input > input[disabled]:hover {\n  border-color: rgb(212, 218, 227);\n  border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input-borderless, .paraui-v4-picker-input > input-borderless:hover, .paraui-v4-picker-input > input-borderless:focus, .paraui-v4-picker-input > input-borderless-focused, .paraui-v4-picker-input > input-borderless-disabled, .paraui-v4-picker-input > input-borderless[disabled] {\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n}\n.paraui-v4-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-v4-picker-input > input-lg {\n  padding: 6.5px 11px;\n  font-size: 16px;\n}\n.paraui-v4-picker-input > input-sm {\n  padding: 0px 7px;\n}\n.paraui-v4-picker-input > input:focus {\n  box-shadow: none;\n}\n.paraui-v4-picker-input > input[disabled] {\n  color: rgb(92, 101, 115);\n  background: transparent;\n}\n.paraui-v4-picker-input:hover .paraui-v4-picker-clear {\n  opacity: 1;\n}\n.paraui-v4-picker-input-placeholder > input {\n  color: #bfbfbf;\n}\n.paraui-v4-picker-large {\n  padding: 4px 10px 4px;\n}\n.paraui-v4-picker-large .paraui-v4-picker-input > input {\n  font-size: 16px;\n}\n.paraui-v4-picker-small {\n  padding: 0px 7px 0px;\n}\n.paraui-v4-picker-suffix {\n  align-self: center;\n  margin-left: 4px;\n  color: rgb(92, 101, 115);\n  line-height: 1;\n  pointer-events: none;\n}\n.paraui-v4-picker-suffix > * {\n  vertical-align: top;\n}\n.paraui-v4-picker-suffix svg {\n  color: inherit;\n  font-size: 18px;\n}\n.paraui-v4-picker-clear {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  color: rgb(161, 168, 179);\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-v4-picker-clear svg {\n  color: inherit;\n  font-size: 18px;\n}\n.paraui-v4-picker-clear > * {\n  vertical-align: top;\n}\n.paraui-v4-picker-clear:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-separator {\n  position: relative;\n  display: inline-block;\n  width: 1em;\n  height: 16px;\n  color: rgb(92, 101, 115);\n  font-size: 16px;\n  vertical-align: top;\n  cursor: default;\n}\n.paraui-v4-picker-separator svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator svg {\n  color: inherit;\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-range-separator .paraui-v4-picker-separator {\n  cursor: not-allowed;\n}\n.paraui-v4-picker-range {\n  position: relative;\n  display: inline-flex;\n}\n.paraui-v4-picker-range .paraui-v4-picker-clear {\n  right: 11px;\n}\n.paraui-v4-picker-range:hover .paraui-v4-picker-clear {\n  opacity: 1;\n}\n.paraui-v4-picker-range .paraui-v4-picker-active-bar {\n  bottom: -1px;\n  height: 2px;\n  margin-left: 11px;\n  background: rgb(46, 101, 230);\n  opacity: 0;\n  transition: all 0.3s ease-out;\n  pointer-events: none;\n}\n.paraui-v4-picker-range.paraui-v4-picker-focused .paraui-v4-picker-active-bar {\n  opacity: 1;\n}\n.paraui-v4-picker-range-separator {\n  align-items: center;\n  padding: 0 10px;\n  line-height: 1;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-clear {\n  right: 7px;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar {\n  margin-left: 7px;\n}\n.paraui-v4-picker-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\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-v4-picker-dropdown-hidden {\n  display: none;\n}\n.paraui-v4-picker-dropdown-placement-bottomLeft .paraui-v4-picker-range-arrow {\n  display: none;\n  top: 1.66666667px;\n  transform: rotate(-45deg);\n}\n.paraui-v4-picker-dropdown-placement-topLeft .paraui-v4-picker-range-arrow {\n  display: none;\n  bottom: 1.66666667px;\n  transform: rotate(135deg);\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownIn;\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpIn;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownOut;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpOut;\n}\n.paraui-v4-picker-dropdown-range {\n  padding: 6.66666667px 0;\n}\n.paraui-v4-picker-dropdown-range-hidden {\n  display: none;\n}\n.paraui-v4-picker-panel-layout {\n  display: flex;\n}\n.paraui-v4-picker-presets {\n  display: flex;\n  flex-direction: column;\n  min-width: 120px;\n  max-width: 200px;\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets ul {\n  padding: 10px;\n  box-sizing: border-box;\n  height: 0;\n  flex: auto;\n  overflow-y: auto;\n}\n.paraui-v4-picker-presets ul li {\n  margin-top: 8px;\n}\n.paraui-v4-picker-presets ul li:first-child {\n  margin-top: 0;\n}\n.paraui-v4-picker-presets .paraui-v4-tag {\n  background: #f7f8fa;\n  width: 100%;\n  padding: 0 10px;\n  margin-right: 0;\n  margin-bottom: 0;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-presets .paraui-v4-tag:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout {\n  display: flex;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n  border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-dropdown .paraui-v4-picker-panel > .paraui-v4-picker-time-panel {\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n.paraui-v4-picker-ranges {\n  margin-bottom: 0;\n  padding: 4px 10px;\n  overflow: hidden;\n  text-align: left;\n  list-style: none;\n}\n.paraui-v4-picker-ranges > li {\n  display: inline-block;\n}\n.paraui-v4-picker-ranges .paraui-v4-picker-ok {\n  height: 36px;\n  display: flex;\n  align-items: center;\n  float: right;\n  margin-left: 8px;\n}\n.paraui-v4-picker-range-wrapper {\n  display: flex;\n}\n.paraui-v4-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-v4-picker-range-arrow::after {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  width: 10px;\n  height: 10px;\n  border: 5px solid rgb(234, 236, 241);\n  border-color: #fff #fff transparent transparent;\n  content: \"\";\n}\n.paraui-v4-picker-panel-container {\n  overflow: hidden;\n  vertical-align: top;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  transition: margin 0.3s;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panels {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  direction: ltr;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel {\n  vertical-align: top;\n  background: transparent;\n  border-width: 0 0 1px 0;\n  border-radius: 0;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel-focused {\n  border-color: rgb(234, 236, 241);\n}\n.paraui-v4-picker-input > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-picker-input > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-picker-input > input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}\n\n.paraui-v4-picker-panel {\n  display: inline-flex;\n  flex-direction: column;\n  text-align: center;\n  background: #fff;\n  border: 1px solid rgb(234, 236, 241);\n  border-radius: 2px;\n  outline: none;\n}\n.paraui-v4-picker-panel-focused {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-decade-panel, .paraui-v4-picker-year-panel, .paraui-v4-picker-quarter-panel, .paraui-v4-picker-month-panel, .paraui-v4-picker-week-panel, .paraui-v4-picker-date-panel, .paraui-v4-picker-time-panel {\n  display: flex;\n  flex-direction: column;\n  width: 272px;\n}\n.paraui-v4-picker-header {\n  display: flex;\n  padding: 0 10px;\n  color: rgb(29, 33, 38);\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-header > * {\n  flex: none;\n}\n.paraui-v4-picker-header button {\n  padding: 0;\n  color: rgb(29, 33, 38);\n  line-height: 40px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: color 0.3s;\n}\n.paraui-v4-picker-header > button {\n  min-width: 1.6em;\n  line-height: 0;\n  font-size: 16px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header > button:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-header-view {\n  flex: auto;\n  line-height: 40px;\n  font-size: 14px;\n}\n.paraui-v4-picker-header-view button {\n  color: rgb(29, 33, 38);\n  font-weight: 400;\n}\n.paraui-v4-picker-header-view button:not(:first-child) {\n  margin-left: 8px;\n}\n.paraui-v4-picker-header-view button:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-next-icon, .paraui-v4-picker-super-prev-icon, .paraui-v4-picker-super-next-icon {\n  position: relative;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n}\n.paraui-v4-picker-prev-icon::before, .paraui-v4-picker-next-icon::before, .paraui-v4-picker-super-prev-icon::before, .paraui-v4-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-v4-picker-super-prev-icon::after, .paraui-v4-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-v4-picker-prev-icon, .paraui-v4-picker-super-prev-icon {\n  transform: rotate(-45deg);\n}\n.paraui-v4-picker-next-icon, .paraui-v4-picker-super-next-icon {\n  transform: rotate(135deg);\n}\n.paraui-v4-picker-content {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n}\n.paraui-v4-picker-content th,\n.paraui-v4-picker-content td {\n  position: relative;\n  min-width: 24px;\n  font-weight: 400;\n}\n.paraui-v4-picker-content th {\n  height: 30px;\n  color: rgb(29, 33, 38);\n  line-height: 30px;\n}\n.paraui-v4-picker-cell {\n  padding: 3px 0;\n  color: rgb(161, 168, 179);\n  cursor: pointer;\n}\n.paraui-v4-picker-cell-in-view {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-cell-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-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-v4-picker-cell .paraui-v4-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-v4-picker-cell .paraui-v4-picker-cell-inner:after {\n  display: none;\n}\n.paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-in-view) .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-selected):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end):not(.paraui-v4-picker-cell-range-hover-start):not(.paraui-v4-picker-cell-range-hover-end) .paraui-v4-picker-cell-inner {\n  background: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1;\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background-color: rgb(46, 101, 230);\n  border-radius: 4px;\n  content: \"\";\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range {\n  position: relative;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range::before {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end .paraui-v4-picker-cell-inner {\n  color: rgb(255, 255, 255);\n  background: rgb(46, 101, 230);\n  border-radius: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start:not(.paraui-v4-picker-cell-range-start-single)::before, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single)::before {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start::before {\n  left: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end::before {\n  right: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-end-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-start-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-end-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:not(.paraui-v4-picker-cell-in-range)::after {\n  position: absolute;\n  top: 50%;\n  z-index: 0;\n  height: 22px;\n  border-top: 1px dashed rgb(46, 101, 230);\n  border-bottom: 1px dashed rgb(46, 101, 230);\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-cell-range-hover::after {\n  right: 0;\n  left: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-rage-start:not(.paraui-v4-picker-cell-range-start-single):not(.paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single):not(.paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after, .paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: -1;\n  background: rgb(247, 248, 250);\n  content: \"\";\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n  right: -6px;\n  left: 0;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-start::after {\n  right: 50%;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-end::after {\n  left: 50%;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:first-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-start.paraui-v4-picker-cell-range-hover-edge-start.paraui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-start:not(.paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start::after {\n  left: 6px;\n  border-left: 1px dashed rgb(46, 101, 230);\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:last-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-end.paraui-v4-picker-cell-range-hover-edge-end.paraui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-end:not(.paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end::after {\n  right: 6px;\n  border-right: 1px dashed rgb(46, 101, 230);\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.paraui-v4-picker-cell-disabled {\n  pointer-events: none;\n}\n.paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n  color: #bbbecb;\n  background: transparent;\n}\n.paraui-v4-picker-cell-disabled::before {\n  background: #f8f8f8;\n}\n.paraui-v4-picker-cell-disabled.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n  border-color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-content, .paraui-v4-picker-year-panel .paraui-v4-picker-content, .paraui-v4-picker-quarter-panel .paraui-v4-picker-content, .paraui-v4-picker-month-panel .paraui-v4-picker-content {\n  margin: 8px 0;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n  padding: 0 8px;\n}\n.paraui-v4-picker-footer {\n  width: min-content;\n  min-width: 100%;\n  line-height: 36px;\n  text-align: center;\n}\n.paraui-v4-picker-panel .paraui-v4-picker-footer {\n  border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-footer-extra {\n  padding: 0 12px;\n  line-height: 38px;\n  text-align: left;\n}\n.paraui-v4-picker-footer-extra:not(:last-child) {\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-now {\n  text-align: left;\n}\n.paraui-v4-picker-now-btn {\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v4-picker-now-btn:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  font-size: 14px;\n}\n.paraui-v4-picker-today-btn:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn:active {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-picker-today-btn-disabled-disabled {\n  cursor: not-allowed;\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner {\n  padding: 0 4px;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell::before {\n  display: none;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-body, .paraui-v4-picker-quarter-panel .paraui-v4-picker-body, .paraui-v4-picker-month-panel .paraui-v4-picker-body {\n  padding: 0 8px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n  width: 60px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-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-v4-picker-week-panel .paraui-v4-picker-body {\n  padding: 8px 10px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell:hover .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel .paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner,\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n  background: transparent !important;\n}\n.paraui-v4-picker-week-panel-row td {\n  transition: background 0.3s;\n}\n.paraui-v4-picker-week-panel-row:hover td::before {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-week-panel-row:hover td:first-child::before {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row:hover td:last-child::before {\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td::before, .paraui-v4-picker-week-panel-row-selected:hover td::before {\n  background: rgb(46, 101, 230);\n}\n.paraui-v4-picker-week-panel-row-selected td:first-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:first-child::before {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel-row-selected td:last-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:last-child::before {\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-week, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-week {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n  border-color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-week-panel-row-selected td .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel-row-selected:hover td .paraui-v4-picker-cell-inner {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-body {\n  padding: 8px 10px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content {\n  width: 252px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content th {\n  width: 36px;\n}\n.paraui-v4-picker-datetime-panel {\n  display: flex;\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n  border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n  transition: opacity 0.3s;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel {\n  opacity: 0.3;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel-active,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel-active {\n  opacity: 1;\n}\n.paraui-v4-picker-time-panel {\n  width: auto;\n  min-width: auto;\n}\n.paraui-v4-picker-time-panel .paraui-v4-picker-content {\n  display: flex;\n  flex: auto;\n  height: 204px;\n}\n.paraui-v4-picker-time-panel-column {\n  flex: 1 0 auto;\n  width: 56px;\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-v4-picker-time-panel-column::after {\n  display: block;\n  height: 196px;\n  content: \"\";\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel-column::after {\n  height: 198px;\n}\n.paraui-v4-picker-time-panel-column-active {\n  background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v4-picker-time-panel-column:hover {\n  overflow-y: auto;\n}\n.paraui-v4-picker-time-panel-column > li {\n  margin: 0;\n  padding: 0;\n  margin: 0 4px 6px 4px;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner {\n  display: block;\n  width: 100%;\n  height: 24px;\n  margin: 0;\n  padding: 0 0 0 16px;\n  color: rgb(29, 33, 38);\n  line-height: 24px;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-selected .paraui-v4-picker-time-panel-cell-inner {\n  background: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner {\n  color: #BBBECB;\n  background: transparent;\n  cursor: not-allowed;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner:hover {\n  background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell {\n  padding: 21px 0;\n}\n\nparaui-v4-picker-rtl {\n  direction: rtl;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-suffix {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-clear {\n  right: auto;\n  left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-separator {\n  transform: rotate(180deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-header-view button:not(:first-child) {\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v4-picker-range .paraui-v4-picker-clear .paraui-v4-picker-rtl {\n  right: auto;\n  left: 11px;\n}\nparaui-v4-picker-range .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n  margin-right: 11px;\n  margin-left: 0;\n}\nparaui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n  margin-right: 7px;\n}\nparaui-v4-picker-ranges .paraui-v4-picker-dropdown-rtl {\n  text-align: right;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-ranges .paraui-v4-picker-ok {\n  float: left;\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v4-picker-panel-rtl {\n  direction: rtl;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-prev-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-prev-icon {\n  transform: rotate(135deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-next-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-next-icon {\n  transform: rotate(-45deg);\n}\nparaui-v4-picker-cell .paraui-v4-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-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start::before {\n  right: 50%;\n  left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end::before {\n  right: 0;\n  left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-startparaui-v4-picker-cell-range-end::before {\n  right: 50%;\n  left: 50%;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangeparaui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangparaui-v4-picker-cellparaui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after .paraui-v4-picker-panel-rtl {\n  right: -6px;\n  left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-start::after {\n  right: 0;\n  left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-end::after {\n  right: 50%;\n  left: 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start:not(paraui-v4-picker-cell-range-start-single):not(paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n  border-radius: 0 2px 2px 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end:not(paraui-v4-picker-cell-range-end-single):not(paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-startparaui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-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-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):last-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-edge-endparaui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-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-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-endparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-startparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hoverparaui-v4-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-v4-picker-dropdown-rtl paraui-v4-picker-footer-extra {\n  direction: rtl;\n  text-align: right;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-time-panel {\n  direction: ltr;\n}\n\n.paraui-v4-picker-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-error {\n  border-color: rgb(244, 66, 66);\n}";
 styleInject(css_248z);
 
 const DatePicker = generatePicker(dayjsGenerateConfig);

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-526a3b4e.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-ca1bf11e.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-526a3b4e.js';
+export { F as default } from '../_verture/index-ca1bf11e.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';

package/README.md

@@ -1,3 +1,16 @@
+## 🎉 para-ui/core@4.0.79 发布
+
+🔧【Bugfix】
+
+-   【时间选择框-TimePicker】修复error为true时，不未标红
+-   【日期选择框-DatePicker】修复error为true时，不未标红
+
+## 🎉 para-ui/core@4.0.78 发布
+
+🔧【Bugfix】
+
+-   【表格-Table】修复在大屏幕下,table的slider计算错误的问题;Empty国际化文案调整为clear
+
 ## 🎉 para-ui/core@4.0.77 发布
 
 🔧【Bugfix】

package/ScrollBar/index.js

@@ -67,8 +67,10 @@ const ScrollBar = props => {
     const boxRefEleRect = boxRefEle.getBoundingClientRect();
     const lengthName = constData.current.typeMap[type].length;
     const visualWindowLengthCom = boxRefEleRect[lengthName];
-    // 可视窗口长度 / 总长 * 可视窗口长度
-    let sliderLength = visualWindowLengthCom / scrollTotalLength * visualWindowLengthCom;
+    // 内容总长度 = 可滚动距离 + 可视窗口长度
+    const contentTotalLength = scrollTotalLength + visualWindowLengthCom;
+    // 滑块长度 = 可视窗口长度 / 内容总长度 * 可视窗口长度
+    let sliderLength = visualWindowLengthCom / contentTotalLength * visualWindowLengthCom;
     if (sliderLength < 16) sliderLength = 16;
     sliderRefEle.style[lengthName] = sliderLength / visualWindowLengthCom * 100 + '%';
     constData.current.moveMaxLength = visualWindowLengthCom - sliderLength;

package/Switch/index.js

@@ -26,8 +26,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-switch {\n  position: relative;\n  display: inline-block;\n  width: 32px;\n  height: 16px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-v4-switch .component-switch {\n  border: none;\n  cursor: pointer;\n}\n.paraui-v4-switch:before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  border-radius: 8px;\n  background-color: rgb(212, 218, 227);\n  content: \"\";\n  transition: all 0.2s;\n}\na .paraui-v4-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-v4-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:before {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-loading *, .paraui-v4-switch.component-switch-disabled * {\n  box-shadow: none;\n}\n.paraui-v4-switch-loading .component-switch-inner::before, .paraui-v4-switch.component-switch-disabled .component-switch-inner::before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  background-color: rgba(255, 255, 255, 0.5);\n  content: \"\";\n  z-index: 100;\n}\n.paraui-v4-switch .component-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-v4-switch .component-switch-handle {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-v4-switch .component-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgb(255, 255, 255);\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle {\n  left: calc(100% - 14px);\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle::before {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-v4-switch .component-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(46, 101, 230);\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-loading-icon {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-v4-switch-small .component-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-v4-switch-small .component-switch-handle {\n  width: 12px;\n  height: 12px;\n  top: 3px;\n  left: 2px;\n}\n.paraui-v4-switch-small .component-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.paraui-v4-switch-disabled::before {\n  background-color: rgb(225, 229, 236);\n}\n.paraui-v4-switch-disabled.component-switch-checked::before {\n  background-color: rgb(151, 178, 242);\n}\n\n.component-label-box {\n  display: flex;\n  align-items: center;\n}\n.component-label-box .sup-text {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  margin-left: 10px;\n  line-height: 16px;\n}\n.component-label-box .sup-text > a {\n  text-decoration: none;\n  cursor: pointer;\n  color: rgb(46, 101, 230);\n}\n.component-label-box .sup-text > a:hover {\n  color: rgb(87, 131, 235);\n}\n\n.paraui-v4-switch-label {\n  display: inline-flex;\n  align-items: flex-end;\n}\n.paraui-v4-switch-label .component-disabled-text {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-switch-label .component-desc-text {\n  margin-bottom: 0;\n  margin-right: 10px;\n  line-height: 16px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help {\n  line-height: 1;\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg {\n  top: 0;\n}\n.paraui-v4-switch-label .paraui-v4-label-text-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-switch-desc-end {\n  flex-direction: row-reverse;\n}\n.paraui-v4-switch-desc-end .component-desc-text {\n  margin-right: 0;\n}\n\n.component-switch-disabled > div:nth-child(1)::before {\n  transition: all 2s ease-in-out;\n}";

package/Table/index.js

@@ -337,7 +337,7 @@ var ThElement = function ThElement(props) {
 };
 
 var en = {
-  empty: 'Empty',
+  empty: 'Clear',
   restoreDefault: 'Restore Default',
   determine: 'Confirm',
   serial: 'Sort',

package/Tabs/index.js

@@ -42,8 +42,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:29\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav {\n  height: 32px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-tab {\n  height: 24px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-nav-operations {\n  height: 100%;\n}\n\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:44\n* @description\n*/\n.paraui-v4-tabs.component-tabs-top, .paraui-v4-tabs.component-tabs-bottom {\n  flex-direction: column;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > div > .component-tabs-nav {\n  padding: 0 20px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > div > .component-tabs-nav {\n  padding: 20px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n  margin: 0 0 16px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n  position: absolute;\n  right: 0;\n  left: 0;\n  border-bottom: 1px solid rgb(234, 236, 241);\n  content: \"\";\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n  height: 1px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n  transition: width 0.3s, left 0.3s, right 0.3s;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  top: 0;\n  bottom: 0;\n  width: 30px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n  left: 0;\n  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  right: 0;\n  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before {\n  bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar {\n  bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n  order: 1;\n  margin-top: 16px;\n  margin-bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n  top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n  top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-content-holder {\n  order: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n  flex-direction: column;\n  min-width: 50px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab {\n  padding: 0 12px;\n  text-align: center;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin: 8px 0 0 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap {\n  flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  right: 0;\n  left: 0;\n  height: 30px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n  top: 0;\n  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  bottom: 0;\n  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n  width: 1px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n  transition: height 0.3s, top 0.3s;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-operations {\n  flex: 1 0 auto;\n  flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar {\n  right: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder {\n  margin-left: -1px;\n  border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding-left: 20px;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n  order: 1;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n  left: 0;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder {\n  order: 0;\n  margin-right: -1px;\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding-right: 20px;\n}\n\n.component-tabs-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(0, 0, 0, 0.85);\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  top: -9999px;\n  left: -9999px;\n  z-index: 1050;\n  display: block;\n}\n.component-tabs-dropdown.component-tabs-dropdown-hidden {\n  display: none;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu {\n  max-height: 200px;\n  margin: 0;\n  padding: 4px 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  text-align: left;\n  list-style-type: none;\n  background-color: rgb(255, 255, 255);\n  background-clip: padding-box;\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item {\n  display: flex;\n  align-items: center;\n  min-width: 140px;\n  margin: 0;\n  padding: 5px 10px;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 20px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help {\n  display: inline-flex;\n  flex-direction: row-reverse;\n  align-items: center;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help {\n  display: inline-flex;\n  margin-left: 4px;\n  font-size: 14px;\n  color: rgb(161, 168, 179);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help svg {\n  color: inherit;\n  font-size: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item > span {\n  flex: 1;\n  white-space: nowrap;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove {\n  flex: none;\n  margin-left: 12px;\n  margin-top: 2px;\n  color: rgb(92, 101, 115);\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove svg {\n  color: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove:hover {\n  color: rgb(87, 131, 235);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled,\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled:hover {\n  color: rgb(161, 168, 179);\n  background: transparent;\n  cursor: not-allowed;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tabs-slide-up-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tabs-slide-up-enter.component-tabs-slide-up-enter-active,\n.component-tabs-slide-up-appear.component-tabs-slide-up-appear-active {\n  animation-name: componentTabsSlideUpIn;\n  animation-play-state: running;\n}\n\n.component-tabs-slide-up-leave.component-tabs-slide-up-leave-active {\n  animation-name: componentTabsSlideUpOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.component-tabs-slide-up-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n\n@keyframes componentTabsSlideUpIn {\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 componentTabsSlideUpOut {\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.paraui-v4-tabs {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  line-height: 1.5715;\n  display: flex;\n  background-color: rgb(255, 255, 255);\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav {\n  position: relative;\n  display: flex;\n  flex: none;\n  align-items: center;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap {\n  position: relative;\n  display: flex;\n  flex: auto;\n  align-self: stretch;\n  overflow: hidden;\n  white-space: nowrap;\n  transform: translate(0);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  position: absolute;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.3s;\n  content: \"\";\n  pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-list {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  transition: transform 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations {\n  display: flex;\n  align-self: stretch;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations-hidden, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations-hidden {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more {\n  position: relative;\n  padding: 8px;\n  background: transparent;\n  border: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more:hover svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more:hover svg {\n  color: rgb(46, 101, 230);\n  transition: all 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more svg {\n  font-size: 18px;\n  vertical-align: top;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more::after {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 5px;\n  transform: translateY(100%);\n  content: \"\";\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add {\n  min-width: 40px;\n  margin-left: 2px;\n  padding: 0 8px;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n  color: rgb(29, 33, 38);\n  outline: none;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add svg {\n  color: inherit;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:hover, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:hover {\n  color: rgb(46, 101, 230);\n  border: 1px solid rgb(87, 131, 235);\n}\n.paraui-v4-tabs .component-tabs-extra-content {\n  flex: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-centered > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.paraui-v4-tabs-centered > div > .component-tabs-nav .component-tabs-nav-wrap {\n  justify-content: center;\n}\n.paraui-v4-tabs .component-tabs-ink-bar {\n  position: absolute;\n  background: rgb(46, 101, 230);\n  pointer-events: none;\n}\n.paraui-v4-tabs .component-tabs-tab {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  height: 40px;\n  padding: 0 10px;\n  font-size: 14px;\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v4-tabs .component-tabs-tab:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-btn {\n  outline: none;\n  transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help {\n  display: inline-flex;\n  margin-left: 4px;\n  font-size: 16px;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help svg {\n  margin-right: 0;\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .paraui-v4-radio {\n  margin-right: 8px;\n}\n.paraui-v4-tabs .component-tabs-tab-remove {\n  display: inline-flex;\n  flex: none;\n  margin-right: -4px;\n  margin-left: 4px;\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  background: transparent;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-remove:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-remove svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-remove span {\n  display: inline-flex;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active {\n  color: rgb(46, 101, 230);\n  font-weight: 400;\n  text-shadow: 0 0 0.25px currentcolor;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active .component-tabs-tab-btn {\n  color: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-disabled {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-tabs .component-tabs-tab .component-tabs-tab-remove svg {\n  margin: 0;\n}\n.paraui-v4-tabs .component-tabs-tab svg {\n  margin-right: 12px;\n}\n.paraui-v4-tabs .component-tabs-tab + .component-tabs-tab {\n  margin: 0;\n}\n.paraui-v4-tabs .component-tabs-content {\n  display: flex;\n  width: 100%;\n}\n.paraui-v4-tabs .component-tabs-content-holder {\n  flex: auto;\n  min-width: 0;\n  min-height: 0;\n}\n.paraui-v4-tabs .component-tabs-content-animated {\n  transition: margin 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tabpane {\n  flex: none;\n  width: 100%;\n  outline: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-line .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-nav .component-tabs-nav-add {\n  min-width: initial;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  align-self: center;\n  margin-left: 10px;\n  padding: 0;\n  background-color: rgb(255, 255, 255);\n  border-color: rgb(212, 218, 227);\n  border-radius: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track {\n  display: inline-flex;\n  max-width: 100%;\n  border-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav {\n  height: 36px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-wrap {\n  padding: 0 4px;\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add {\n  margin-right: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav:before {\n  display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-ink-bar {\n  visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab {\n  height: 28px;\n  margin: 4px 0;\n  padding: 0 10px;\n  border-radius: 2px;\n  transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n  color: rgb(46, 101, 230);\n  text-shadow: none;\n  background-color: rgb(255, 255, 255);\n  font-weight: 400;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-nav {\n  max-width: 200px;\n  height: auto;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-content-holder, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-content-holder {\n  border-left: 0;\n  border-right: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track .component-tabs-nav {\n  border-radius: 4px;\n}\n.paraui-v4-tabs.component-tabs.paraui-v4-tabs-track > .component-tabs-nav .component-tabs-nav-more {\n  background-color: rgb(247, 248, 250);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab {\n  margin: 0;\n  padding: 0 10px;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove {\n  margin-left: 8px;\n  font-size: 14px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab-active {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-ink-bar {\n  visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin-left: 0;\n  border-left: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:first-child {\n  border-top-left-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:nth-last-child(2) {\n  border-top-right-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab-active {\n  border-bottom-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab-active {\n  border-top-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin-top: 0;\n  border-top: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab-active {\n  border-right-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab-active {\n  border-left-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right .component-tabs-nav .component-tabs-nav-add {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left .component-tabs-nav .component-tabs-nav-add {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav:before {\n  display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab {\n  border: 0;\n  transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n  border-radius: 4px 4px 0 0;\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-content {\n  margin-top: -16px;\n  padding: 16px;\n  background-color: rgb(247, 248, 250);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-no-child:not(.paraui-v4-tabs-card-container) .component-tabs-nav {\n  margin: 0;\n}";

package/index.js

@@ -33,7 +33,7 @@ export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as FieldForm } from './FieldForm/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-526a3b4e.js';
+export { F as FormItem } from './_verture/index-ca1bf11e.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-e3beaf4b.js';
 export { G as GlobalContext, c as changeConfirmLocale, g as getConfirmLocale } from './_verture/index-ca413216.js';
 export { default as Help } from './Help/index.js';

package/locale/index.js

@@ -312,7 +312,7 @@ var enUS = {
     "ing": "In Progress"
   },
   "Table": {
-    "empty": "Empty",
+    "empty": "Clear",
     "restoreDefault": "Restore Default",
     "determine": "Confirm",
     "serial": "Sort",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "4.0.77",
+  "version": "4.0.79",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",