[field-selection="true"] {
  background-color: #f2f6ff;
}
[entity-selection="true"] {
  border-color: #276ff5 !important;
}
.entity-designer-controls-entity-node {
  min-width: 200px;
  max-width: 320px;
  border-radius: 4px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 12px 8px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 1px 12px 8px rgba(0, 0, 0, 0.02);
  border: 1px solid transparent;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.entity-designer-controls-entity-node-add-field-buttonbox {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -28px;
  left: 0px;
}
.entity-designer-controls-entity-node-add-field-buttonbox-leftitem,
.entity-designer-controls-entity-node-add-field-buttonbox-rightitem {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #276ff5;
  font-size: 12px;
  color: #FFFFFF;
  border-radius: 2px;
  cursor: pointer;
  padding-left: 8px;
  padding-right: 8px;
}
.entity-designer-controls-entity-node-add-field-buttonbox-leftitem:hover,
.entity-designer-controls-entity-node-add-field-buttonbox-rightitem:hover {
  background-color: #5797ff;
}
.entity-designer-controls-entity-node-add-field-buttonbox-leftitem:active,
.entity-designer-controls-entity-node-add-field-buttonbox-rightitem:active {
  background-color: #104ccc;
}
.entity-designer-controls-entity-node-add-field-buttonbox-leftitem-icon,
.entity-designer-controls-entity-node-add-field-buttonbox-rightitem-icon {
  font-size: 16px;
  color: #FFFFFF;
  margin-right: 6px;
}
.entity-designer-controls-entity-node-add-field-buttonbox-leftitem-title,
.entity-designer-controls-entity-node-add-field-buttonbox-rightitem-title {
  line-height: 16px;
}
.entity-designer-controls-entity-node-add-field-buttonbox-leftitem {
  margin-right: 2px;
}
.entity-designer-controls-entity-node-header {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.entity-designer-controls-entity-node-header-icon {
  font-size: 20px;
}
.entity-designer-controls-entity-node-header-icon-root {
  color: #5582f3;
}
.entity-designer-controls-entity-node-header-icon-entity {
  color: #8EA9E7;
}
.entity-designer-controls-entity-node-header-icon-subentity {
  color: #B0BAD1;
}
.entity-designer-controls-entity-node-header-title {
  margin: 8px;
  font-size: 14px;
  color: #212121;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
}
.entity-designer-controls-entity-node-header-entity-type {
  font-size: 12px;
  color: #999999;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.entity-designer-controls-entity-node-header.border-bottom {
  border-bottom: 1px solid #E5E5E5;
}
.entity-designer-controls-entity-node-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 48px;
  max-height: 160px;
  overflow: hidden;
}
.entity-designer-controls-entity-node-content:hover {
  overflow: auto;
  overflow: overlay;
}
.entity-designer-controls-entity-node-content::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
.entity-designer-controls-entity-node-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 28px;
}
.entity-designer-controls-entity-node-add-entity-button {
  position: absolute;
  cursor: pointer;
  color: #276ff5;
  font-size: 14px;
}
.entity-designer-controls-entity-node-add-entity-button:hover {
  color: #5797ff;
}
.entity-designer-controls-entity-node-add-entity-button:active {
  color: #104ccc;
}
.entity-designer-controls-entity-node-add-entity-button-tb {
  top: 50%;
  right: -17px;
}
.entity-designer-controls-entity-node-add-entity-button-lr {
  bottom: -20px;
  left: 50%;
}
.entity-designer-controls-entity-node-entity-type-list {
  position: absolute;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 1px 12px 8px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 1px 12px 8px rgba(0, 0, 0, 0.02);
  width: 200px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.entity-designer-controls-entity-node-entity-type-list-tb {
  top: calc(50% + 20px);
  right: -210px;
}
.entity-designer-controls-entity-node-entity-type-list-lr {
  bottom: -120px;
  left: calc(50% + 20px);
}
.entity-designer-controls-entity-node-entity-type-list-header {
  height: 32px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #212121;
  border-bottom: 1px solid #E5E5E5;
}
.entity-designer-controls-entity-node-entity-type-list-header-name {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.entity-designer-controls-entity-node-entity-type-list-header-icon {
  color: #212121;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  cursor: pointer;
}
.entity-designer-controls-entity-node-entity-type-list-constent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.entity-designer-controls-entity-node-entity-type-list-constent-item {
  height: 32px;
  cursor: pointer;
  padding-left: 16px;
  color: #212121;
  line-height: 18px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entity-designer-controls-entity-node-entity-type-list-constent-item:hover {
  background-color: #f5f5f5;
}
.entity-designer-controls-entity-node-target-handle-horizontal {
  height: 11px;
  width: 6px;
  position: relative;
  overflow: hidden;
}
.entity-designer-controls-entity-node-target-handle-horizontal span {
  position: absolute;
  background-color: #999;
}
.entity-designer-controls-entity-node-target-handle-horizontal span:nth-child(1) {
  height: 100%;
  width: 1px;
  top: 0px;
  left: 0px;
}
.entity-designer-controls-entity-node-target-handle-horizontal span:nth-child(2) {
  height: 1px;
  width: 7px;
  top: 5px;
  left: 0px;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.entity-designer-controls-entity-node-target-handle-horizontal span:nth-child(3) {
  height: 1px;
  width: 6px;
  top: 5px;
  left: 0px;
}
.entity-designer-controls-entity-node-target-handle-horizontal span:nth-child(4) {
  height: 1px;
  width: 7px;
  top: 5px;
  left: 0px;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.entity-designer-controls-entity-node-target-handle-vertical {
  width: 11px;
  height: 6px;
  position: relative;
  overflow: hidden;
}
.entity-designer-controls-entity-node-target-handle-vertical span {
  position: absolute;
  background-color: #999;
}
.entity-designer-controls-entity-node-target-handle-vertical span:nth-child(1) {
  width: 100%;
  height: 1px;
  top: 0px;
  left: 0px;
}
.entity-designer-controls-entity-node-target-handle-vertical span:nth-child(2) {
  width: 1px;
  height: 7px;
  left: 5px;
  top: 0px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.entity-designer-controls-entity-node-target-handle-vertical span:nth-child(3) {
  width: 1px;
  height: 6px;
  left: 5px;
  top: 0px;
}
.entity-designer-controls-entity-node-target-handle-vertical span:nth-child(4) {
  width: 1px;
  height: 7px;
  left: 5px;
  top: 0px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.react-flow__node {
  cursor: pointer !important;
}
.entity-designer-controls-entity-node-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 27px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 10px;
  padding-right: 20px;
  color: #212121;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  cursor: pointer;
}
.entity-designer-controls-entity-node-field-icon {
  margin-right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #9ba9c8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.entity-designer-controls-entity-node-field-noicon {
  margin-right: 4px;
  width: 6px;
  height: 6px;
  background-color: transparent;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.entity-designer-controls-entity-node-field-name,
.entity-designer-controls-entity-node-field-type,
.entity-designer-controls-entity-node-field-code-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entity-designer-controls-entity-node-field-code {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.entity-designer-controls-entity-node-field-code span {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.entity-designer-controls-entity-node-field-code-content {
  max-width: 142px;
}
.entity-designer-controls-entity-node-field-type {
  max-width: 72px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.entity-designer-controls-entity-node-field-name-hidekey {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.entity-designer-entity-node-nav-tool {
  height: 40px;
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.entity-designer-entity-node-nav-tool-buttonbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #d9d9d9;
  padding-left: 16px;
  padding-right: 16px;
}
.entity-designer-entity-node-nav-tool-buttonbox:last-child {
  border-right: none;
}
.entity-designer-entity-node-nav-tool-buttonbox-operation-btn {
  margin-right: 20px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
}
.entity-designer-entity-node-nav-tool-buttonbox-operation-btn:hover {
  background-color: #d9d9d9;
}
.entity-designer-entity-node-nav-tool-buttonbox-operation-btn-icon {
  font-size: 16px;
  color: #212121;
}
.entity-designer-entity-node-nav-tool-buttonbox-operation-disable {
  cursor: not-allowed;
  margin-right: 20px;
  height: 24px;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
}
.entity-designer-entity-node-nav-tool-buttonbox-operation-disable-icon {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.3);
}
.entity-designer-entity-node-nav-tool-buttonbox-last-operation {
  margin-right: 0px;
}
.entity-designer-tree {
  position: relative;
  overflow: auto;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 12px;
  padding-top: 12px;
}
.entity-designer-tree-root {
  min-width: 100%;
  max-width: 100%;
  color: #212121;
}
.entity-designer-tree-plantom {
  position: absolute;
  min-width: 100%;
  z-index: -1;
}
.entity-designer-tree::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
.entity-designer-tree::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.entity-designer-tree::-webkit-scrollbar-corner {
  background: 0 0;
}
.entity-designer-tree::-webkit-scrollbar-thumb {
  min-height: 28px;
  height: 5px;
  min-width: 2px;
  width: 5px;
  border-radius: 4px;
  border: dashed transparent;
  padding: 100px 0 0;
  border-width: 1px;
  background-color: #b2b2b2;
  background-clip: padding-box;
}
.entity-designer-tree::-webkit-scrollbar-thumb:active {
  background-color: #999;
}
.entity-designer-tree::-webkit-scrollbar-thumb:hover {
  background: #999;
  border-radius: 6;
}
.entity-designer-tree::-webkit-scrollbar-track {
  border-radius: 10px;
}
.entity-designer-tree-node-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entity-designer-tree-node-fb-children-pointerEvents * {
  pointer-events: none;
}
.entity-designer-tree-node-item {
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
  padding-right: 12px;
  position: relative;
}
.entity-designer-tree-node-item-hover {
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.entity-designer-tree-node-item-hover:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.entity-designer-tree-node-indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1px;
  border-top: 0;
  border-left: 11px;
  border-bottom: 0;
  border-right: 10px;
  border-color: white;
  border-style: solid;
  height: 28px;
  cursor: default;
  opacity: 0;
}
.entity-designer-tree-node-indent-line {
  background-color: black;
  opacity: 1;
}
.entity-designer-tree-node-icon {
  cursor: pointer;
  height: 22px;
  width: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entity-designer-tree-node-icon-hidden {
  height: 22px;
  width: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0;
  cursor: default;
}
.entity-designer-tree-node-animation-expand {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.entity-designer-tree-node-animation-collapse {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.entity-designer-tree-node-disabled {
  cursor: not-allowed !important;
  border-color: #ccc;
}
.entity-designer-tree-node-title-disabled {
  color: #b2b2b2;
}
.entity-designer-tree-node-title {
  white-space: nowrap;
  margin-left: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entity-designer-tree-node-selected {
  background-color: #F2F6FF !important;
  color: #5582F3;
}
.entity-designer-tree-node-selected .entity-designer-checkbox-default-checked {
  background-color: #fff;
}
.entity-designer-tree-node-selected .entity-designer-checkbox-default-inner {
  color: #5582f3;
}
.entity-designer-tree-node-selected .entity-designer-checkbox-default-indeterminate {
  background-color: #fff;
}
.entity-designer-tree-node-selected .entity-designer-checkbox-default-indeterminate::before {
  background-color: #5582f3;
}
.entity-designer-tree-node-selected .entity-designer-tree-node-title {
  color: #5582F3;
}
.entity-designer-tree-node-draggabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.entity-designer-tree-node-drag-line {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top: 1px solid #fc8555;
}
.entity-designer-tree-node-leaf-icon {
  height: 22px;
  width: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entity-designer-tree-node-right-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
}
.entity-designer-tree-node-right-addIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  color: #666;
  width: 16px;
  margin-left: 9px;
}
.entity-designer-tree-node-right-deleteIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  color: #372222;
  width: 16px;
  margin-left: 9px;
}
.entity-designer-tree-node-entity-type-list {
  position: absolute;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  width: 143px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 8px;
  padding-bottom: 8px;
}
.entity-designer-tree-node-entity-type-list-tb {
  top: 100%;
  right: 12px;
  z-index: 1;
  margin-top: -4px;
}
.entity-designer-tree-node-entity-type-list-constent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.entity-designer-tree-node-entity-type-list-constent-item {
  height: 32px;
  cursor: pointer;
  padding-left: 25px;
  color: #212121;
  line-height: 18px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entity-designer-tree-node-entity-type-list-constent-item:hover {
  background-color: #f5f5f5;
}
.entity-designer-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  color: #212121;
  height: 36px;
}
.entity-designer-checkbox-no-child {
  height: 16px;
  width: 16px;
}
.entity-designer-checkbox-small {
  height: 32px;
}
.entity-designer-checkbox-middle {
  height: 36px;
}
.entity-designer-checkbox-large {
  height: 40px;
}
.entity-designer-checkbox-group > *:not(:last-child) {
  margin-right: 8px;
}
.entity-designer-checkbox-input {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: inherit;
  opacity: 0;
}
.entity-designer-checkbox-children {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}
.entity-designer-checkbox-children .kd-input-underline {
  background-color: transparent;
  border-bottom: none;
}
.entity-designer-checkbox-square {
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  padding: 0 20px;
  -webkit-transition: color 0.3s, border-color 0.3s;
  transition: color 0.3s, border-color 0.3s;
}
.entity-designer-checkbox-square:not(.entity-designer-checkbox-square-disabled)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.2;
  -webkit-box-shadow: 0 0 0 0 #5582f3;
          box-shadow: 0 0 0 0 #5582f3;
}
.entity-designer-checkbox-square:hover {
  color: #5582f3;
  border-color: #5582f3;
}
.entity-designer-checkbox-square-triangle,
.entity-designer-checkbox-square-triangle-checked {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0 18px 18px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #5582f3;
}
.entity-designer-checkbox-square-triangle {
  -webkit-animation: kdZoomBounceLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomBounceLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  opacity: 0;
}
.entity-designer-checkbox-square-inner {
  position: absolute;
  height: 9px;
  width: 11px;
  color: #fff;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
}
.entity-designer-checkbox-square-inner-icon {
  font-size: inherit;
  line-height: 100%;
  -webkit-animation: kdZoomLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.entity-designer-checkbox-square-triangle-disabled {
  border-bottom-color: #b2b2b2;
}
.entity-designer-checkbox-square-disabled,
.entity-designer-checkbox-square-disabled:hover {
  border-color: #d9d9d9;
  color: #212121;
  cursor: not-allowed !important;
}
.entity-designer-checkbox-square-checked {
  border-color: #5582f3;
}
.entity-designer-checkbox-square-checked:not(.entity-designer-checkbox-square-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(0.3s + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(0.3s + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.entity-designer-checkbox-square-checked .entity-designer-checkbox-square-triangle-checked:not(.entity-designer-checkbox-square-disabled) {
  -webkit-animation: kdZoomBounceEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
          animation: kdZoomBounceEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.entity-designer-checkbox-square-checked .entity-designer-checkbox-square-inner-icon:not(.entity-designer-checkbox-square-disabled) {
  -webkit-animation: kdZoomEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.entity-designer-checkbox-square-checked-disabled {
  background-color: #b2b2b2 !important;
  border-color: #b2b2b2 !important;
  cursor: not-allowed !important;
}
.entity-designer-checkbox-square-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 16px;
  width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.entity-designer-checkbox-default {
  border: none;
  padding: 0;
  -webkit-transition: color 0.3s, border-color 0.3s;
  transition: color 0.3s, border-color 0.3s;
}
.entity-designer-checkbox-default:hover,
.entity-designer-checkbox-default:hover .entity-designer-checkbox-default-wrapper {
  color: #5582f3;
  border-color: #5582f3;
  cursor: pointer;
}
.entity-designer-checkbox-default-disabled,
.entity-designer-checkbox-default-disabled:hover,
.entity-designer-checkbox-default-disabled:hover .entity-designer-checkbox-default-wrapper {
  color: #212121;
  border-color: #d9d9d9;
  cursor: not-allowed !important;
}
.entity-designer-checkbox-default-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: color 0.3s, border-color 0.3s;
  transition: color 0.3s, border-color 0.3s;
}
.entity-designer-checkbox-default-wrapper:not(.entity-designer-checkbox-default-wrapper-disabled)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.2;
  -webkit-box-shadow: 0 0 0 0 #5582f3;
          box-shadow: 0 0 0 0 #5582f3;
}
.entity-designer-checkbox-default-wrapper-size {
  height: 16px;
  width: 16px;
}
.entity-designer-checkbox-default-margin {
  margin-right: 8px;
}
.entity-designer-checkbox-default-no-child {
  height: 100%;
  width: 100%;
}
.entity-designer-checkbox-default-checked-disabled {
  background-color: #b2b2b2 !important;
  border-color: #b2b2b2 !important;
  cursor: not-allowed !important;
}
.entity-designer-checkbox-default-checked {
  background-color: #5582f3;
  border-color: #5582f3;
  -webkit-transition: background-color calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: background-color calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.entity-designer-checkbox-default-checked:not(.entity-designer-checkbox-default-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(0.3s + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(0.3s + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.entity-designer-checkbox-default-inner:not(.entity-designer-checkbox-default-checked-disabled .entity-designer-checkbox-default-inner) {
  -webkit-animation: kdZoomBounceDefaultEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
          animation: kdZoomBounceDefaultEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.entity-designer-checkbox-default-inner {
  position: absolute;
  color: #fff;
  font-size: 14px;
  height: 100%;
  width: 100%;
  top: 5%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.entity-designer-checkbox-default-inner-icon {
  font-size: inherit;
  line-height: 100%;
}
.entity-designer-checkbox-default-indeterminate {
  background-color: #5582f3;
  border-color: #5582f3;
}
.entity-designer-checkbox-default-indeterminate::before {
  background-color: #fff;
  position: absolute;
  width: 70%;
  height: 2px;
  border-radius: 1px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  content: ' ';
}
.entity-designer-top-view-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.entity-designer-top-view-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 16px;
  background-color: #F2F2F2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entity-designer-top-view-right-change-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-left: 8px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.entity-designer-top-view-right-change-view:hover {
  background-color: #d9d9d9;
}
.entity-designer-top-view-right-change-view-icon {
  color: #666666;
  font-size: 16px;
}
.entity-designer-top-view-right-change-view-icon:active {
  color: #276ff5;
}
.entity-designer-main-view-context-menu {
  position: fixed;
  left: 200px;
  top: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1051;
  cursor: default;
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 180px;
}
.entity-designer-main-view-context-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px !important;
  width: 100% !important;
  height: 32px;
}
.entity-designer-main-view-context-menu-item:not(:last-child) {
  margin-right: 0;
}
.entity-designer-main-view-context-menu-item:hover {
  color: #212121;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.entity-designer-main-view-context-menu-item:hover .kdesigner-checkbox-default-wrapper {
  color: #212121;
}
.entity-designer-entity-property-readonly-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: auto;
  margin: 12px;
  background: #F5F5F5;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.entity-designer-entity-property-readonly-container-property {
  margin: 8px 12px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.entity-designer-entity-property-readonly-container-property-title {
  color: #999999;
  line-height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.entity-designer-entity-property-readonly-container-property-name {
  color: #212121;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entity-designer-controls-searchbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d9d9d9;
  width: 230px;
}
.entity-designer-controls-searchbox-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.entity-designer-controls-searchbox-search-icon {
  font-size: 14px;
  margin-right: 5px;
  color: #B2B2B2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.entity-designer-controls-searchbox-clear-icon {
  font-size: 14px;
  margin: 0 5px;
  color: #B2B2B2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.entity-designer-controls-searchbox-input {
  background: none;
  border: none;
  outline: none;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #212121;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.entity-designer-controls-searchbox-input::-webkit-search-cancel-button {
  display: none;
}
.entity-designer-controls-searchbox-input::-webkit-input-placeholder {
  color: #999;
}
.entity-designer-controls-searchbox-input::-webkit-search-decoration {
  display: none;
}
.entity-designer-controls-result-panel {
  position: fixed;
  z-index: 1051;
  width: 230px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 12px 8px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 1px 12px 8px rgba(0, 0, 0, 0.02);
  padding: 8px 0;
  max-height: 330px;
  overflow-y: auto;
}
.entity-designer-controls-result-panel-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  margin-bottom: 8px;
}
.entity-designer-controls-result-panel-group-title {
  padding: 5px 24px;
  color: #666;
  cursor: default;
}
.entity-designer-controls-result-panel-group-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  cursor: default;
  padding: 0 24px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #212121;
}
.entity-designer-controls-result-panel-group-field-name {
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.entity-designer-controls-result-panel-group-field-key {
  text-overflow: ellipsis;
  overflow: hidden;
}
.entity-designer-controls-result-panel-group-field:hover,
.entity-designer-controls-result-panel-group-field-preselected {
  background-color: #F5F5F5;
}
.entity-designer-controls-result-panel :last-child {
  margin-bottom: 0px;
}
.entity-designer-controls-result-panel-nodata {
  padding: 0 10px;
  color: #666;
  font-size: 12px;
}
.entity-designer-list-view-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #eceef2;
  height: 100%;
  overflow: auto;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.entity-designer-list-view-table-topbarbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #f2f2f2;
  padding-right: 28px;
  border-bottom: 1px solid #d9d9d9;
}
.entity-designer-list-view-table-topbarbox-changeview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 24px;
  width: 24px;
  border-radius: 4px;
}
.entity-designer-list-view-table-topbarbox-changeview:hover {
  background-color: #e5e5e5;
}
.entity-designer-list-view-table-topbarbox-changeview-icon {
  color: #666666;
  font-size: 16px;
}
.entity-designer-list-view-table-topbarbox-changeview-icon:active {
  color: #276ff5;
}
.entity-designer-list-view-table-tabelbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #ffffff;
  margin: 10px 12px;
  padding: 10px;
}
.entity-designer-list-view-table-tabelbox-tabheader {
  background-color: #ffffff;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-bottom: 10px;
}
.entity-designer-list-view-table-tabelbox-tabheader-searchbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #d9d9d9;
  width: 230px;
  padding-bottom: 3px;
}
.entity-designer-list-view-table-tabelbox-tabheader-searchbox-icon {
  color: #b2b2b2;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
  font-size: 14px;
}
.entity-designer-list-view-table-tabelbox-tabheader-searchbox-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  outline: none;
  border: none;
  font-size: 12px;
  line-height: 20px;
}
.entity-designer-list-view-table-tabelbox-tabheader-toolbarbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 12px;
}
.entity-designer-list-view-table-tabelbox-tabheader-toolbarbox-button {
  color: #5582f3;
  font-size: 12px;
  line-height: 18px;
  margin-right: 20px;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.entity-designer-list-view-table-tabelbox-tabheader-toolbarbox-button:last-child {
  margin-right: 0px;
}
.entity-designer-list-view-table .use-outer-border {
  border: 1px solid #d9d9d9 !important;
}
.kd-table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.entity-designer-card-view-searchbox-container {
  z-index: 5;
  position: absolute;
  top: 16px;
  right: 16px;
}
.entity-designer-controls-operation-box {
  z-index: 4;
  position: absolute;
  left: 50px;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #F8F8F8;
  border-radius: 2px;
  border: 1px solid #E9E9E9;
}
.entity-designer-controls-operation-box-button {
  height: 24px;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #E9E9E9;
  cursor: pointer;
  font-size: 14px;
}
.entity-designer-controls-operation-box-button:last-child {
  border-bottom: none;
}
.entity-designer-controls-operation-box-button-icon {
  font-size: 14px;
  color: #212121;
}
.designer-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.left-view {
  width: 300px;
}
.right-view {
  width: 300px;
}
.main-view {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  outline: 1px solid #123456;
  outline-offset: -1px;
}
.kdesigner-entity-designer-control-icon {
  font-size: 16px !important;
  width: 16px;
  height: 16px;
}
.kdesigner-left-view-tabs {
  border-right: none;
}
.kdesigner-right-view-tabs {
  border-left: none;
}
.kdesigner-kdesigner-root {
  min-height: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.kdesigner-kdesigner-root input[type="number"] {
  -moz-appearance: textfield;
}
.kdesigner-kdesigner-root input[type="number"]:hover,
.kdesigner-kdesigner-root input[type="number"]:focus {
  -moz-appearance: auto;
}

@font-face {
  font-family: "designericon";
  src: url(../fonts/ab6f3e624296930629f5.eot?t=1722305542294); /* IE9*/
  src: url("data:application/x-font-woff2;charset=utf-8;base64, ") format("woff2"),
  url(../fonts/68adefd1dfc33332f479.woff?t=1722305542294) format("woff"),
  url(../fonts/96bf2ec9fd3c899fe88e.ttf?t=1722305542294) format('truetype'), 
  url(../images/ac7033d4bc5b2b566c76fc3bf997e67d.svg#designericon) format('svg'); /* iOS 4.1- */
}
.designericon {
  font-family: 'designericon' !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.designericon-1lie:before { content: "\e80a"; }
.designericon-2lie:before { content: "\e809"; }
.designericon-3lie:before { content: "\e808"; }
.designericon-4lie:before { content: "\e807"; }
.designericon-APIqingqiu:before { content: "\e815"; }
.designericon-Cosmic:before { content: "\e826"; }
.designericon-F7yixuanliebiao:before { content: "\e7eb"; }
.designericon-Flexmianban:before { content: "\e677"; }
.designericon-HTMLkongjian:before { content: "\e678"; }
.designericon-IFrame:before { content: "\e675"; }
.designericon-JSON:before { content: "\e818"; }
.designericon-Listbox:before { content: "\e676"; }
.designericon-Markdown:before { content: "\e673"; }
.designericon-PC:before { content: "\e7df"; }
.designericon-anniu3:before { content: "\e6fb"; }
.designericon-bangdingfenlushiti:before { content: "\e7c0"; }
.designericon-bao4:before { content: "\e819"; }
.designericon-baobiaoliebiao:before { content: "\e760"; }
.designericon-baobiaoshu:before { content: "\e761"; }
.designericon-baobiaoshu2:before { content: "\e77c"; }
.designericon-bianji3:before { content: "\e7e2"; }
.designericon-bianji5:before { content: "\e81a"; }
.designericon-bianjixiugai:before { content: "\e7f3"; }
.designericon-bianma:before { content: "\e7ee"; }
.designericon-biao57:before { content: "\e81b"; }
.designericon-biaodanliebiao:before { content: "\e7ea"; }
.designericon-biaodanshejiqi:before { content: "\e6f6"; }
.designericon-biaofenzu:before { content: "\e825"; }
.designericon-biaoge16:before { content: "\e7e3"; }
.designericon-biaogejine:before { content: "\e77b"; }
.designericon-biaogejine1:before { content: "\e7ec"; }
.designericon-biaogeliebiaoziduan2:before { content: "\e77d"; }
.designericon-biaogeriqi:before { content: "\e763"; }
.designericon-biaogeriqi2:before { content: "\e7e6"; }
.designericon-biaogeshijian:before { content: "\e764"; }
.designericon-biaogeshijian2:before { content: "\e7e7"; }
.designericon-biaogetupian:before { content: "\e765"; }
.designericon-biaogetupian2:before { content: "\e7e8"; }
.designericon-biaogewenben:before { content: "\e766"; }
.designericon-biaogewenben2:before { content: "\e7e4"; }
.designericon-biaogexiaoshu:before { content: "\e778"; }
.designericon-biaogezhengshu:before { content: "\e768"; }
.designericon-biaogezhengshu2:before { content: "\e7e5"; }
.designericon-biaogeziduanfenzu:before { content: "\e77e"; }
.designericon-biaogeziduanrongqi:before { content: "\e77f"; }
.designericon-biaoqian:before { content: "\e6f9"; }
.designericon-bibie:before { content: "\e6fa"; }
.designericon-bingtu:before { content: "\e6f8"; }
.designericon-bujinqi:before { content: "\e6f7"; }
.designericon-buju3:before { content: "\e7c2"; }
.designericon-buzhoutiao:before { content: "\e769"; }
.designericon-caozuolie:before { content: "\e780"; }
.designericon-caozuolie3:before { content: "\e7e9"; }
.designericon-changriqi:before { content: "\e683"; }
.designericon-changyongfuxuankuangguolvziduan:before { content: "\e6f4"; }
.designericon-changyongfuxuankuangzuguolvziduan:before { content: "\e6f5"; }
.designericon-changyongguolvshitu:before { content: "\e6f2"; }
.designericon-changyongguolvziduan:before { content: "\e6f3"; }
.designericon-changyongriqiguolvziduan:before { content: "\e6f1"; }
.designericon-changzhengshu:before { content: "\e67f"; }
.designericon-chaolianjie:before { content: "\e6f0"; }
.designericon-chazhaobiaodanjilu-xian:before { content: "\e80b"; }
.designericon-chazhaobiaodanjilu:before { content: "\e7f4"; }
.designericon-chengshi:before { content: "\e6ef"; }
.designericon-chexiao:before { content: "\e626"; }
.designericon-chuangjianren:before { content: "\e6ee"; }
.designericon-chuangjianren2:before { content: "\e7ef"; }
.designericon-chuangjianriqi:before { content: "\e6ed"; }
.designericon-chuangjianriqi2:before { content: "\e7f1"; }
.designericon-chuangjianshijian:before { content: "\e81c"; }
.designericon-chuansuokuang:before { content: "\e6ec"; }
.designericon-chuizhi-chuizhifangxiang-jiangexiangdeng:before { content: "\e649"; }
.designericon-chuizhi-chuizhifangxiang-juzhong:before { content: "\e64a"; }
.designericon-chuizhi-chuizhifangxiang-liangduanduiqi:before { content: "\e64b"; }
.designericon-chuizhi-chuizhifangxiang-qidianduiqi:before { content: "\e64c"; }
.designericon-chuizhi-chuizhifangxiang-zhongdianduiqi:before { content: "\e64d"; }
.designericon-chuizhi-shuipingfangxiang-juzhong:before { content: "\e64e"; }
.designericon-chuizhi-shuipingfangxiang-liangduanduiqi:before { content: "\e64f"; }
.designericon-chuizhi-shuipingfangxiang-qidianduiqi:before { content: "\e650"; }
.designericon-chuizhi-shuipingfangxiang-zhongdianduiqi:before { content: "\e651"; }
.designericon-daichuli:before { content: "\e7f5"; }
.designericon-daimabianjiqi:before { content: "\e6e7"; }
.designericon-daishenpi:before { content: "\e7f6"; }
.designericon-dakaigengduomoxing:before { content: "\e81d"; }
.designericon-danjia:before { content: "\e6e9"; }
.designericon-danju9:before { content: "\e7db"; }
.designericon-danjubianhao:before { content: "\e76a"; }
.designericon-danjuleixing2:before { content: "\e76b"; }
.designericon-danjuliebiaoziduan:before { content: "\e6e8"; }
.designericon-danjuti:before { content: "\e6e6"; }
.designericon-danjuti2:before { content: "\e791"; }
.designericon-danjutou:before { content: "\e704"; }
.designericon-danjuzhuangtai:before { content: "\e6e4"; }
.designericon-danweiguanlianziduan2:before { content: "\e736"; }
.designericon-danxingyu2:before { content: "\e6e2"; }
.designericon-danxuananniu:before { content: "\e6e3"; }
.designericon-danxuananniuzu:before { content: "\e6e5"; }
.designericon-daochu:before { content: "\e75c"; }
.designericon-daohanglan:before { content: "\e6e1"; }
.designericon-daojishi:before { content: "\e6e0"; }
.designericon-daoru:before { content: "\e75d"; }
.designericon-dawenben:before { content: "\e6ea"; }
.designericon-dayincishu:before { content: "\e6eb"; }
.designericon-dianxiantu:before { content: "\e6dd"; }
.designericon-diliweizhi:before { content: "\e6df"; }
.designericon-dingwei:before { content: "\e648"; }
.designericon-ditu:before { content: "\e6de"; }
.designericon-dizhi:before { content: "\e6dc"; }
.designericon-dongtaiwenbenbiaogeliebiaoziduan:before { content: "\e6db"; }
.designericon-dongtaiwenbenbiaogeliebiaoziduan2:before { content: "\e781"; }
.designericon-duixiangxuanze:before { content: "\e7f7"; }
.designericon-duixiangxuanze2:before { content: "\e80c"; }
.designericon-duoleibiejichuziliao:before { content: "\e6d9"; }
.designericon-duoleibiejichuziliaoleixing:before { content: "\e6da"; }
.designericon-duolieshuipingfangxiang-chongman:before { content: "\e652"; }
.designericon-duolieshuipingfangxiang-jiangexiangdeng:before { content: "\e653"; }
.designericon-duolieshuipingfangxiang-juzhong:before { content: "\e654"; }
.designericon-duolieshuipingfangxiang-liangduanduiqi:before { content: "\e655"; }
.designericon-duolieshuipingfangxiang-qidianduiqi:before { content: "\e656"; }
.designericon-duolieshuipingfangxiang-zhongdianduiqi:before { content: "\e657"; }
.designericon-duoxingchuizhifangxiang-chongman:before { content: "\e658"; }
.designericon-duoxingchuizhifangxiang-jiangexiangdeng:before { content: "\e659"; }
.designericon-duoxingchuizhifangxiang-juzhong:before { content: "\e65a"; }
.designericon-duoxingchuizhifangxiang-liangduanduiqi:before { content: "\e65b"; }
.designericon-duoxingchuizhifangxiang-qidianduiqi:before { content: "\e65c"; }
.designericon-duoxingchuizhifangxiang-zhongdianduiqi:before { content: "\e65d"; }
.designericon-duoxingwenben:before { content: "\e6d8"; }
.designericon-duoxuanjichuziliao:before { content: "\e6d6"; }
.designericon-duoxuanxialaliebiao:before { content: "\e6d7"; }
.designericon-duoyuyanwenben:before { content: "\e6d5"; }
.designericon-erweima:before { content: "\e6d1"; }
.designericon-fanganguolvdanxingyuziduan:before { content: "\e6d3"; }
.designericon-fanganguolvshitu:before { content: "\e6d2"; }
.designericon-fanganguolvziduan:before { content: "\e6d0"; }
.designericon-fanganxialaliebiaoguolvziduan:before { content: "\e76c"; }
.designericon-fangda:before { content: "\e79c"; }
.designericon-fasongxiaoxi:before { content: "\e7f8"; }
.designericon-fenduanqi:before { content: "\e76d"; }
.designericon-fengerongqi:before { content: "\e6cc"; }
.designericon-fenzhi:before { content: "\e7f9"; }
.designericon-fenzu2:before { content: "\e6cf"; }
.designericon-fenzurongqi:before { content: "\e814"; }
.designericon-fudongcaidan:before { content: "\e6ce"; }
.designericon-fujian:before { content: "\e703"; }
.designericon-fujian2:before { content: "\e6cb"; }
.designericon-fujianmianban:before { content: "\e6ca"; }
.designericon-fujianshu:before { content: "\e76e"; }
.designericon-fuwenben2:before { content: "\e817"; }
.designericon-fuwenbenbianjiqi:before { content: "\e6c8"; }
.designericon-fuxuankuang:before { content: "\e6c9"; }
.designericon-fuzhi:before { content: "\e629"; }
.designericon-fuzhiziduan2:before { content: "\e73a"; }
.designericon-fuzhuxian:before { content: "\e627"; }
.designericon-fuzhuxiangouxuan:before { content: "\e628"; }
.designericon-fuzhuziliao:before { content: "\e6cd"; }
.designericon-gantanhao:before { content: "\e80e"; }
.designericon-gaojimianban:before { content: "\e6c7"; }
.designericon-gengduo:before { content: "\e642"; }
.designericon-gengduo3:before { content: "\e7fa"; }
.designericon-gengduoguolvtiaojian:before { content: "\e76f"; }
.designericon-geshishua:before { content: "\e62a"; }
.designericon-gongjulan:before { content: "\e7d7"; }
.designericon-gongyingshang:before { content: "\e6c6"; }
.designericon-guanbi:before { content: "\e797"; }
.designericon-guanlian2:before { content: "\e7ca"; }
.designericon-guanxishitu:before { content: "\e79a"; }
.designericon-guojixingming:before { content: "\e6c5"; }
.designericon-guolvkongjian:before { content: "\e6c3"; }
.designericon-guolvziduan:before { content: "\e6c4"; }
.designericon-hebingliebiaoziduan:before { content: "\e6c2"; }
.designericon-hebingliebiaoziduan2:before { content: "\e782"; }
.designericon-hengxiangzhankai:before { content: "\e708"; }
.designericon-houtairenwutixing:before { content: "\e6c1"; }
.designericon-houyi:before { content: "\e62b"; }
.designericon-huadongshurutiao:before { content: "\e770"; }
.designericon-jiancha:before { content: "\e63c"; }
.designericon-jianqie:before { content: "\e62c"; }
.designericon-jibendanweishuliang:before { content: "\e6bf"; }
.designericon-jichuziliao2:before { content: "\e6c0"; }
.designericon-jichuziliaoshuxing:before { content: "\e6be"; }
.designericon-jiesuo2:before { content: "\e75e"; }
.designericon-jiesuokongjian2:before { content: "\e73d"; }
.designericon-jiesuokongjian3:before { content: "\e7b3"; }
.designericon-jiesuoziduan:before { content: "\e7ba"; }
.designericon-jiliangdanwei:before { content: "\e6bb"; }
.designericon-jindutiao:before { content: "\e6ba"; }
.designericon-jindutiao2:before { content: "\e7d5"; }
.designericon-jine2:before { content: "\e6bd"; }
.designericon-jinebeifen:before { content: "\e6bc"; }
.designericon-jisuanziduan2:before { content: "\e73c"; }
.designericon-jisuanziduan3:before { content: "\e7b5"; }
.designericon-jixianduiqi:before { content: "\e65e"; }
.designericon-kaifazhemenhuzidingyiliebiao:before { content: "\e6b4"; }
.designericon-kaiguan:before { content: "\e7d1"; }
.designericon-kapianbujurongqi:before { content: "\e783"; }
.designericon-kapianfenlu2:before { content: "\e6b8"; }
.designericon-kapianliebiaobuju:before { content: "\e6b9"; }
.designericon-kapianliebiaoziduan:before { content: "\e6b7"; }
.designericon-kapianliebiaoziduan2:before { content: "\e784"; }
.designericon-kapianshijianliebiaoziduan:before { content: "\e785"; }
.designericon-kapiantupianliebiaoziduan:before { content: "\e786"; }
.designericon-kapianxuanzebiaozhi:before { content: "\e787"; }
.designericon-kehu2:before { content: "\e6b5"; }
.designericon-kehuduanAJAX:before { content: "\e6b2"; }
.designericon-kemu:before { content: "\e6b6"; }
.designericon-kongjianshuxing:before { content: "\e7b4"; }
.designericon-kuaisusousuoshitu:before { content: "\e6b3"; }
.designericon-kuaizhuangcaidan2:before { content: "\e790"; }
.designericon-kuaizhuangcaidanxiang:before { content: "\e789"; }
.designericon-kuozhan:before { content: "\e7c6"; }
.designericon-kuozhan3:before { content: "\e7cf"; }
.designericon-kuozhandingyi:before { content: "\e7dc"; }
.designericon-liebiaocaozuolie:before { content: "\e78a"; }
.designericon-liebiaoshitu:before { content: "\e79b"; }
.designericon-liebiaoziduanfenzu:before { content: "\e6b0"; }
.designericon-liebiaoziduanfenzu2:before { content: "\e78b"; }
.designericon-liucheng:before { content: "\e806"; }
.designericon-lunborongqi:before { content: "\e6b1"; }
.designericon-lunbotu:before { content: "\e6ae"; }
.designericon-lurubiaodanjilu:before { content: "\e7fb"; }
.designericon-maodian:before { content: "\e6af"; }
.designericon-meiju:before { content: "\e772"; }
.designericon-moxing2:before { content: "\e81e"; }
.designericon-moxingtu:before { content: "\e81f"; }
.designericon-naozhong:before { content: "\e813"; }
.designericon-pailiefangshi-chuizhi:before { content: "\e65f"; }
.designericon-pailiefangshi-shuiping:before { content: "\e660"; }
.designericon-panduan:before { content: "\e810"; }
.designericon-pingfen:before { content: "\e6ac"; }
.designericon-qianyi:before { content: "\e62d"; }
.designericon-qiehuan:before { content: "\e7fc"; }
.designericon-qingchuziduan2:before { content: "\e7b2"; }
.designericon-qingfenxi:before { content: "\e6ad"; }
.designericon-quanbu3:before { content: "\e7fd"; }
.designericon-renwuzhongxintiaojian:before { content: "\e6aa"; }
.designericon-riqi4:before { content: "\e6ab"; }
.designericon-riqifanwei:before { content: "\e6a9"; }
.designericon-shanchu:before { content: "\e62e"; }
.designericon-shanchu2:before { content: "\e7c7"; }
.designericon-shanchu4:before { content: "\e820"; }
.designericon-shangjijichuziliao:before { content: "\e77a"; }
.designericon-shejiqitiaojian:before { content: "\e6a5"; }
.designericon-shenpi6:before { content: "\e811"; }
.designericon-shenpibiaodanjilu:before { content: "\e804"; }
.designericon-shenpichuli:before { content: "\e6a8"; }
.designericon-shenpijilu:before { content: "\e6a7"; }
.designericon-shezhi:before { content: "\e641"; }
.designericon-shezhixingyangshi:before { content: "\e7f2"; }
.designericon-shifouduolie-danlie:before { content: "\e661"; }
.designericon-shifouduolie-duolie:before { content: "\e662"; }
.designericon-shifouduoxing-danxing:before { content: "\e663"; }
.designericon-shifouduoxing-duoxing:before { content: "\e664"; }
.designericon-shijian3:before { content: "\e6a6"; }
.designericon-shijianfanwei:before { content: "\e6a4"; }
.designericon-shijianzhou:before { content: "\e6a3"; }
.designericon-shipin:before { content: "\e6a2"; }
.designericon-shiti2:before { content: "\e7c3"; }
.designericon-shiti3:before { content: "\e7de"; }
.designericon-shoucang:before { content: "\e7c8"; }
.designericon-shoucangxuanzhong:before { content: "\e7c9"; }
.designericon-shouji2:before { content: "\e7e0"; }
.designericon-shoujihaoma:before { content: "\e6a1"; }
.designericon-shouqi3:before { content: "\e63f"; }
.designericon-shouqiquanbu:before { content: "\e6fe"; }
.designericon-shouxieqianming:before { content: "\e816"; }
.designericon-shuangjiantouxia:before { content: "\e7d9"; }
.designericon-shuidizhixiang:before { content: "\e80f"; }
.designericon-shuiping-chuizhifangxiang-chongman:before { content: "\e665"; }
.designericon-shuiping-chuizhifangxiang-juzhong:before { content: "\e666"; }
.designericon-shuiping-chuizhifangxiang-qidianduiqi:before { content: "\e667"; }
.designericon-shuiping-chuizhifangxiang-zhongdianduiqi:before { content: "\e668"; }
.designericon-shuiping-shuipingfangxiang-jiangexiangdeng:before { content: "\e669"; }
.designericon-shuiping-shuipingfangxiang-juzhong:before { content: "\e66a"; }
.designericon-shuiping-shuipingfangxiang-liangduanduiqi:before { content: "\e66b"; }
.designericon-shuiping-shuipingfangxiang-qidianduiqi:before { content: "\e66c"; }
.designericon-shuiping-shuipingfangxiang-zhongdianduiqi:before { content: "\e66d"; }
.designericon-shujubiaoge2:before { content: "\e69f"; }
.designericon-shuliang:before { content: "\e69c"; }
.designericon-shulianghuansuan:before { content: "\e7b6"; }
.designericon-shurukuangquanqing:before { content: "\e645"; }
.designericon-shuxing:before { content: "\e702"; }
.designericon-shuxingcaidan:before { content: "\e6a0"; }
.designericon-shuxingkongjian:before { content: "\e69e"; }
.designericon-shuzhankaibeifen:before { content: "\e7c1"; }
.designericon-shuzhi:before { content: "\e774"; }
.designericon-sousuo:before { content: "\e63e"; }
.designericon-sousuokongjian:before { content: "\e69a"; }
.designericon-spread:before { content: "\e674"; }
.designericon-suoding2:before { content: "\e75f"; }
.designericon-suodingkongjian2:before { content: "\e74c"; }
.designericon-suodingkongjian3:before { content: "\e7af"; }
.designericon-suodingziduan:before { content: "\e7bb"; }
.designericon-suoxiao:before { content: "\e79f"; }
.designericon-tianjia3:before { content: "\e798"; }
.designericon-tianjiakapian:before { content: "\e705"; }
.designericon-tianjiaziji:before { content: "\e799"; }
.designericon-tiaoxingma:before { content: "\e69d"; }
.designericon-tongyongguolv:before { content: "\e69b"; }
.designericon-tuozhuailiebiao:before { content: "\e7bf"; }
.designericon-tupian3:before { content: "\e699"; }
.designericon-tupianliebiao:before { content: "\e695"; }
.designericon-tuwen:before { content: "\e7d3"; }
.designericon-waibihuilv:before { content: "\e7a2"; }
.designericon-wangge:before { content: "\e697"; }
.designericon-wanzhengguanxi:before { content: "\e7a0"; }
.designericon-wanzhengshitu:before { content: "\e7a1"; }
.designericon-weboffice:before { content: "\e672"; }
.designericon-weixuan:before { content: "\e643"; }
.designericon-wenben:before { content: "\e696"; }
.designericon-wenhao:before { content: "\e794"; }
.designericon-wenhao2:before { content: "\e63d"; }
.designericon-wenhao3:before { content: "\e793"; }
.designericon-wenzijiacu:before { content: "\e62f"; }
.designericon-wenzijiacu2:before { content: "\e6fc"; }
.designericon-wuliao:before { content: "\e694"; }
.designericon-xialajiantou:before { content: "\e63a"; }
.designericon-xialajiantoufanxiang:before { content: "\e63b"; }
.designericon-xialaliebiao:before { content: "\e693"; }
.designericon-xiangdaokongjian:before { content: "\e692"; }
.designericon-xiangdaorongqi:before { content: "\e78c"; }
.designericon-xiangdaoxiang:before { content: "\e78d"; }
.designericon-xianshikongjian:before { content: "\e74f"; }
.designericon-xianshikongjian2:before { content: "\e7a5"; }
.designericon-xianshikongjian3:before { content: "\e7b1"; }
.designericon-xianshiziduan:before { content: "\e7be"; }
.designericon-xiaoK:before { content: "\e68c"; }
.designericon-xiaoshu:before { content: "\e691"; }
.designericon-xiedaijichuziliaoshuxing:before { content: "\e7b7"; }
.designericon-xiedaiziduan:before { content: "\e7ab"; }
.designericon-xingming:before { content: "\e690"; }
.designericon-xingshanchu:before { content: "\e812"; }
.designericon-xingzhengquyu:before { content: "\e68e"; }
.designericon-xinzeng:before { content: "\e821"; }
.designericon-xinzengguanxi:before { content: "\e822"; }
.designericon-xiugaibiaodanjilu:before { content: "\e7fe"; }
.designericon-xiugairen:before { content: "\e68f"; }
.designericon-xiugairen2:before { content: "\e7ed"; }
.designericon-xiugairiqi:before { content: "\e68d"; }
.designericon-xiugairiqi2:before { content: "\e7f0"; }
.designericon-xuanfuanniu:before { content: "\e78e"; }
.designericon-xuanxiang:before { content: "\e7d0"; }
.designericon-xuanzhong:before { content: "\e644"; }
.designericon-yemianshezhi:before { content: "\e7d8"; }
.designericon-yeqian2:before { content: "\e7d6"; }
.designericon-yeqiankongjian:before { content: "\e68b"; }
.designericon-yichuli:before { content: "\e7ff"; }
.designericon-yidongbiaoge:before { content: "\e775"; }
.designericon-yijinyong2:before { content: "\e7cc"; }
.designericon-yincang:before { content: "\e6ff"; }
.designericon-yincangkongjian:before { content: "\e752"; }
.designericon-yincangkongjian2:before { content: "\e7a6"; }
.designericon-yincangkongjian3:before { content: "\e7ad"; }
.designericon-yincangziduan:before { content: "\e7bd"; }
.designericon-yinpin:before { content: "\e689"; }
.designericon-yinyongtianjia:before { content: "\e711"; }
.designericon-yishenpi:before { content: "\e800"; }
.designericon-yonghu2:before { content: "\e68a"; }
.designericon-yonghuliebiao:before { content: "\e688"; }
.designericon-youlanshouqi:before { content: "\e630"; }
.designericon-youlanzhankai:before { content: "\e631"; }
.designericon-youqie:before { content: "\e795"; }
.designericon-youxiang:before { content: "\e687"; }
.designericon-yuanchang:before { content: "\e7cd"; }
.designericon-yuangongtouxiangshuxing:before { content: "\e684"; }
.designericon-yuanjiaoyoushang:before { content: "\e671"; }
.designericon-yuanjiaoyouxia:before { content: "\e66e"; }
.designericon-yuanjiaozuoshang:before { content: "\e670"; }
.designericon-yuanjiaozuoxia:before { content: "\e66f"; }
.designericon-yuanshuju:before { content: "\e7c4"; }
.designericon-yuanshuju2:before { content: "\e7dd"; }
.designericon-yunsuan:before { content: "\e801"; }
.designericon-yunsuangongshi:before { content: "\e80d"; }
.designericon-yunzhijiagoutong:before { content: "\e686"; }
.designericon-zengjia-yuan:before { content: "\e7da"; }
.designericon-zengjia-yuan2:before { content: "\e802"; }
.designericon-zengjia:before { content: "\e7c5"; }
.designericon-zengjia4:before { content: "\e803"; }
.designericon-zhagerongqi:before { content: "\e685"; }
.designericon-zhankai3:before { content: "\e640"; }
.designericon-zhankaiquanbu:before { content: "\e6fd"; }
.designericon-zhanshi:before { content: "\e700"; }
.designericon-zhantie:before { content: "\e632"; }
.designericon-zhanweikongjian:before { content: "\e78f"; }
.designericon-zhengshu2:before { content: "\e682"; }
.designericon-zhongfu:before { content: "\e633"; }
.designericon-zhongzuo:before { content: "\e634"; }
.designericon-zhujian:before { content: "\e823"; }
.designericon-zhushi:before { content: "\e758"; }
.designericon-zhushi2:before { content: "\e7a7"; }
.designericon-zhushi3:before { content: "\e7ac"; }
.designericon-zhushujuneima:before { content: "\e779"; }
.designericon-zhuzhuangtu:before { content: "\e681"; }
.designericon-zidanjuti:before { content: "\e792"; }
.designericon-zidingyifuwu:before { content: "\e7a9"; }
.designericon-zidingyiguolv:before { content: "\e777"; }
.designericon-zidingyikongjian:before { content: "\e67e"; }
.designericon-ziduan37:before { content: "\e824"; }
.designericon-ziduanshuxing:before { content: "\e7b8"; }
.designericon-ziduanxianshiyangshi:before { content: "\e7b9"; }
.designericon-zikapianfenlu:before { content: "\e67d"; }
.designericon-zishujubiaoge:before { content: "\e67c"; }
.designericon-zititubiao:before { content: "\e680"; }
.designericon-zongxiangzhankai:before { content: "\e75b"; }
.designericon-zuihou:before { content: "\e75a"; }
.designericon-zuiqian:before { content: "\e759"; }
.designericon-zuolanshouqi:before { content: "\e635"; }
.designericon-zuolanzhankai:before { content: "\e636"; }
.designericon-zuoqie:before { content: "\e796"; }
.designericon-zuzhi:before { content: "\e67a"; }
.designericon-zuzhiliebiao:before { content: "\e67b"; }

@font-face {
  font-family: "kdicon";
  src: url(../fonts/749eaac4bd8c1b4ed315.woff?t=1668600442688) format("woff")
}
.kdicon {
  font-family: 'kdicon' !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.kdicon-add-child:before { content: "\e6c0"; }
.kdicon-add-indentation:before { content: "\e6a7"; }
.kdicon-add-line:before { content: "\e6c5"; }
.kdicon-add-solid:before { content: "\e643"; }
.kdicon-add-word:before { content: "\e6ed"; }
.kdicon-add:before { content: "\e628"; }
.kdicon-address:before { content: "\e6cc"; }
.kdicon-align-center:before { content: "\e69a"; }
.kdicon-align-left:before { content: "\e6af"; }
.kdicon-align-right:before { content: "\e67a"; }
.kdicon-all-border:before { content: "\e677"; }
.kdicon-allowance-workbench:before { content: "\e714"; }
.kdicon-analysis:before { content: "\e6ce"; }
.kdicon-arrow-down-solid:before { content: "\e656"; }
.kdicon-arrow-down:before { content: "\e627"; }
.kdicon-arrow-left-circle-solid:before { content: "\e720"; }
.kdicon-arrow-left-solid:before { content: "\e657"; }
.kdicon-arrow-left:before { content: "\e63f"; }
.kdicon-arrow-right-circle-solid:before { content: "\e71f"; }
.kdicon-arrow-right-solid:before { content: "\e655"; }
.kdicon-arrow-right:before { content: "\e62c"; }
.kdicon-arrow-up-solid:before { content: "\e654"; }
.kdicon-arrow-up:before { content: "\e62b"; }
.kdicon-arrow:before { content: "\e69c"; }
.kdicon-attachment:before { content: "\e694"; }
.kdicon-avatar-default:before { content: "\e717"; }
.kdicon-avatar-head-default:before { content: "\e718"; }
.kdicon-avatar-solid:before { content: "\e711"; }
.kdicon-back:before { content: "\e6cd"; }
.kdicon-bankcard:before { content: "\e705"; }
.kdicon-bellOutlined:before { content: "\e71a"; }
.kdicon-bold-solid:before { content: "\e668"; }
.kdicon-border:before { content: "\e6f9"; }
.kdicon-bottom-border:before { content: "\e704"; }
.kdicon-business-type:before { content: "\e716"; }
.kdicon-cancel:before { content: "\e68f"; }
.kdicon-cell:before { content: "\e692"; }
.kdicon-change:before { content: "\e6e2"; }
.kdicon-chart-display:before { content: "\e710"; }
.kdicon-chart:before { content: "\e6d0"; }
.kdicon-classify:before { content: "\e6d4"; }
.kdicon-close-bold:before { content: "\e647"; }
.kdicon-close-full-screen:before { content: "\e679"; }
.kdicon-close-solid:before { content: "\e644"; }
.kdicon-close:before { content: "\e62f"; }
.kdicon-cn:before { content: "\e6b5"; }
.kdicon-code:before { content: "\e6ca"; }
.kdicon-collect:before { content: "\e6ec"; }
.kdicon-comment:before { content: "\e6bc"; }
.kdicon-communication-solid:before { content: "\e65e"; }
.kdicon-contract:before { content: "\e69f"; }
.kdicon-cooperation:before { content: "\e6fb"; }
.kdicon-copy-code:before { content: "\e6e1"; }
.kdicon-copy:before { content: "\e678"; }
.kdicon-counterclockwise:before { content: "\e6e5"; }
.kdicon-customize:before { content: "\e707"; }
.kdicon-dashboard:before { content: "\e71c"; }
.kdicon-date-selection:before { content: "\e70f"; }
.kdicon-date:before { content: "\e6eb"; }
.kdicon-delete-indentation:before { content: "\e697"; }
.kdicon-delete-line:before { content: "\e68c"; }
.kdicon-delete-solid:before { content: "\e667"; }
.kdicon-delete:before { content: "\e6ee"; }
.kdicon-detail:before { content: "\e6c4"; }
.kdicon-detect:before { content: "\e68e"; }
.kdicon-division-solid:before { content: "\e65a"; }
.kdicon-double-arrow-left:before { content: "\e64a"; }
.kdicon-double-arrow-right:before { content: "\e649"; }
.kdicon-download:before { content: "\e70a"; }
.kdicon-edit-border:before { content: "\e6c8"; }
.kdicon-edit-view:before { content: "\e6c7"; }
.kdicon-edit:before { content: "\e6a6"; }
.kdicon-education:before { content: "\e69d"; }
.kdicon-eliminate-solid:before { content: "\e659"; }
.kdicon-en:before { content: "\e6b6"; }
.kdicon-enlarge:before { content: "\e6d5"; }
.kdicon-equal:before { content: "\e6a3"; }
.kdicon-exclamatory:before { content: "\e64e"; }
.kdicon-expand:before { content: "\e651"; }
.kdicon-experience:before { content: "\e6ff"; }
.kdicon-fail:before { content: "\e6a5"; }
.kdicon-feedback:before { content: "\e6d6"; }
.kdicon-female:before { content: "\e684"; }
.kdicon-filter-solid:before { content: "\e66a"; }
.kdicon-filter-switch:before { content: "\e6b1"; }
.kdicon-filter:before { content: "\e6a0"; }
.kdicon-finish:before { content: "\e6dc"; }
.kdicon-first:before { content: "\e630"; }
.kdicon-fixed-shrink:before { content: "\e693"; }
.kdicon-fixed-solid:before { content: "\e65f"; }
.kdicon-fixed-window:before { content: "\e6d1"; }
.kdicon-fixed:before { content: "\e6e3"; }
.kdicon-fold:before { content: "\e71d"; }
.kdicon-foldmenu:before { content: "\e70e"; }
.kdicon-font-background-solid:before { content: "\e673"; }
.kdicon-font-color-solid:before { content: "\e674"; }
.kdicon-forbid:before { content: "\e69b"; }
.kdicon-git:before { content: "\e6c1"; }
.kdicon-graffiti:before { content: "\e6fe"; }
.kdicon-greater-equal:before { content: "\e6d7"; }
.kdicon-have-attachment:before { content: "\e6a8"; }
.kdicon-hide:before { content: "\e6a9"; }
.kdicon-hyperlink:before { content: "\e6c9"; }
.kdicon-image:before { content: "\e687"; }
.kdicon-import:before { content: "\e6cb"; }
.kdicon-international:before { content: "\e719"; }
.kdicon-job-info:before { content: "\e68d"; }
.kdicon-last:before { content: "\e631"; }
.kdicon-left-border:before { content: "\e708"; }
.kdicon-left-extension:before { content: "\e6ae"; }
.kdicon-left-unfold-solid:before { content: "\e675"; }
.kdicon-left-unfold:before { content: "\e709"; }
.kdicon-like:before { content: "\e67f"; }
.kdicon-list:before { content: "\e6e6"; }
.kdicon-little-k:before { content: "\e700"; }
.kdicon-loadding-circle:before { content: "\e645"; }
.kdicon-loadding:before { content: "\e62d"; }
.kdicon-location-solid:before { content: "\e640"; }
.kdicon-location:before { content: "\e695"; }
.kdicon-lock-solid:before { content: "\e66b"; }
.kdicon-lock:before { content: "\e68b"; }
.kdicon-male:before { content: "\e683"; }
.kdicon-material:before { content: "\e6db"; }
.kdicon-medical-report:before { content: "\e703"; }
.kdicon-menu:before { content: "\e6d8"; }
.kdicon-merge-cell:before { content: "\e6f3"; }
.kdicon-more-info-solid:before { content: "\e660"; }
.kdicon-more-info:before { content: "\e6e4"; }
.kdicon-more-item:before { content: "\e6f4"; }
.kdicon-more:before { content: "\e6a1"; }
.kdicon-mosaic-solid:before { content: "\e663"; }
.kdicon-multiply:before { content: "\e65b"; }
.kdicon-my-receipt:before { content: "\e715"; }
.kdicon-no-border:before { content: "\e6f8"; }
.kdicon-not-equal:before { content: "\e6dd"; }
.kdicon-notice:before { content: "\e658"; }
.kdicon-oblique-solid:before { content: "\e66e"; }
.kdicon-operating-element:before { content: "\e6a4"; }
.kdicon-order-facet:before { content: "\e713"; }
.kdicon-order:before { content: "\e6d2"; }
.kdicon-ordered-list:before { content: "\e6fa"; }
.kdicon-person-solid:before { content: "\e669"; }
.kdicon-phone:before { content: "\e6d3"; }
.kdicon-platform:before { content: "\e6f1"; }
.kdicon-preview-view:before { content: "\e6ba"; }
.kdicon-preview:before { content: "\e6ac"; }
.kdicon-print:before { content: "\e690"; }
.kdicon-processing-solid:before { content: "\e665"; }
.kdicon-project:before { content: "\e681"; }
.kdicon-push-down:before { content: "\e702"; }
.kdicon-put-bottom:before { content: "\e6b4"; }
.kdicon-put-off:before { content: "\e685"; }
.kdicon-put-on:before { content: "\e6bd"; }
.kdicon-put-top:before { content: "\e6b3"; }
.kdicon-qrcode:before { content: "\e6df"; }
.kdicon-qualification-info:before { content: "\e6b2"; }
.kdicon-quit:before { content: "\e6fc"; }
.kdicon-quote-solid:before { content: "\e66d"; }
.kdicon-reduce:before { content: "\e696"; }
.kdicon-reduction:before { content: "\e6f2"; }
.kdicon-refresh-solid:before { content: "\e642"; }
.kdicon-refresh:before { content: "\e629"; }
.kdicon-report-form:before { content: "\e712"; }
.kdicon-reset:before { content: "\e6b9"; }
.kdicon-resign-report:before { content: "\e699"; }
.kdicon-return:before { content: "\e6e0"; }
.kdicon-right-bold:before { content: "\e648"; }
.kdicon-right-border:before { content: "\e67c"; }
.kdicon-right-extension:before { content: "\e6aa"; }
.kdicon-right-solid:before { content: "\e641"; }
.kdicon-right-unfold-solid:before { content: "\e672"; }
.kdicon-right-unfold:before { content: "\e6ab"; }
.kdicon-right:before { content: "\e62e"; }
.kdicon-rough-border:before { content: "\e6de"; }
.kdicon-save:before { content: "\e6c2"; }
.kdicon-scanning:before { content: "\e67d"; }
.kdicon-search-border:before { content: "\e6da"; }
.kdicon-search:before { content: "\e62a"; }
.kdicon-setting:before { content: "\e652"; }
.kdicon-share:before { content: "\e6cf"; }
.kdicon-shoppingcart:before { content: "\e6bf"; }
.kdicon-shrink:before { content: "\e6fd"; }
.kdicon-shutdown:before { content: "\e686"; }
.kdicon-sigma:before { content: "\e71b"; }
.kdicon-spin:before { content: "\e6f7"; }
.kdicon-split:before { content: "\e6c3"; }
.kdicon-star:before { content: "\e653"; }
.kdicon-stop:before { content: "\e691"; }
.kdicon-strike-solid:before { content: "\e664"; }
.kdicon-sun-solid:before { content: "\e670"; }
.kdicon-switch-down:before { content: "\e698"; }
.kdicon-switch-up:before { content: "\e680"; }
.kdicon-switch:before { content: "\e6e7"; }
.kdicon-table-setting:before { content: "\e6c6"; }
.kdicon-task-process:before { content: "\e6ea"; }
.kdicon-timezone-solid:before { content: "\e662"; }
.kdicon-tips-solid:before { content: "\e66c"; }
.kdicon-tips:before { content: "\e650"; }
.kdicon-title-solid:before { content: "\e65c"; }
.kdicon-top-border:before { content: "\e6ef"; }
.kdicon-two-window:before { content: "\e6f6"; }
.kdicon-underline-solid:before { content: "\e671"; }
.kdicon-unfold-all:before { content: "\e6ad"; }
.kdicon-unfold:before { content: "\e71e"; }
.kdicon-unfoldmenu:before { content: "\e70d"; }
.kdicon-unlock-solid:before { content: "\e666"; }
.kdicon-unlock:before { content: "\e69e"; }
.kdicon-upload-cloud:before { content: "\e632"; }
.kdicon-upload:before { content: "\e70b"; }
.kdicon-user-info:before { content: "\e682"; }
.kdicon-vertical-center:before { content: "\e6f5"; }
.kdicon-voice:before { content: "\e6d9"; }
.kdicon-waiting:before { content: "\e64b"; }
.kdicon-warning-solid:before { content: "\e64c"; }
.kdicon-warning:before { content: "\e64d"; }
.kdicon-workbench:before { content: "\e64f"; }
.kdicon-wrap:before { content: "\e6b0"; }
.kdicon-yunzhijia:before { content: "\e706"; }
.kdicon-zoom:before { content: "\e70c"; }

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  ColorPicker  ——————---- start */
/* -----------  ColorPicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
@-webkit-keyframes loadingcircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingcircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 6px #276ff5;
            box-shadow: 0 0 0 6px #276ff5;
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 6px #276ff5;
            box-shadow: 0 0 0 6px #276ff5;
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes kdRadioEffect {
  0% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
  }
}
@keyframes kdRadioEffect {
  0% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
  }
}
@-webkit-keyframes kdRadioLeaveEffect {
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
}
@keyframes kdRadioLeaveEffect {
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
}
@-webkit-keyframes kdRadioSquareEffect {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
  }
}
@keyframes kdRadioSquareEffect {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
  }
}
@-webkit-keyframes kdRadioSquareLeaveEffect {
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
}
@keyframes kdRadioSquareLeaveEffect {
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
}
@-webkit-keyframes kdZoomBounceEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kdZoomBounceEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kdZoomBounceLeaveEffect {
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes kdZoomBounceLeaveEffect {
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes kdZoomBounceDefaultEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kdZoomBounceDefaultEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kdZoomEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kdZoomEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes kdZoomLeaveEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes kdZoomLeaveEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes kdNoticeEffect {
  0% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
@keyframes kdNoticeEffect {
  0% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes kdNoticeLeaveEffect {
  100% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
@keyframes kdNoticeLeaveEffect {
  100% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes kdModalEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kdModalEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.top-active {
  -webkit-animation-name: kdZoomBottomIn;
          animation-name: kdZoomBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.top.hidden {
  -webkit-animation-name: kdZoomBottomOut;
          animation-name: kdZoomBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.left-active {
  -webkit-animation-name: kdZoomRightIn;
          animation-name: kdZoomRightIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.left.hidden {
  -webkit-animation-name: kdZoomRightOut;
          animation-name: kdZoomRightOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.right-active {
  -webkit-animation-name: kdZoomLeftIn;
          animation-name: kdZoomLeftIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.right.hidden {
  -webkit-animation-name: kdZoomLeftOut;
          animation-name: kdZoomLeftOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.bottom-active {
  -webkit-animation-name: kdZoomTopIn;
          animation-name: kdZoomTopIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.bottom.hidden {
  -webkit-animation-name: kdZoomTopOut;
          animation-name: kdZoomTopOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.topLeft-active {
  -webkit-animation-name: kdZoomLeftBottomIn;
          animation-name: kdZoomLeftBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.topLeft.hidden {
  -webkit-animation-name: kdZoomLeftBottomOut;
          animation-name: kdZoomLeftBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.rightBottom-active {
  -webkit-animation-name: kdZoomLeftBottomIn;
          animation-name: kdZoomLeftBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.rightBottom.hidden {
  -webkit-animation-name: kdZoomLeftBottomOut;
          animation-name: kdZoomLeftBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.topRight-active {
  -webkit-animation-name: kdZoomRightBottomIn;
          animation-name: kdZoomRightBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.topRight.hidden {
  -webkit-animation-name: kdZoomRightBottomOut;
          animation-name: kdZoomRightBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.leftBottom-active {
  -webkit-animation-name: kdZoomRightBottomIn;
          animation-name: kdZoomRightBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.leftBottom.hidden {
  -webkit-animation-name: kdZoomRightBottomOut;
          animation-name: kdZoomRightBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.leftTop-active {
  -webkit-animation-name: kdZoomTopRightIn;
          animation-name: kdZoomTopRightIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.leftTop.hidden {
  -webkit-animation-name: kdZoomTopRightOut;
          animation-name: kdZoomTopRightOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.bottomRight-active {
  -webkit-animation-name: kdZoomTopRightIn;
          animation-name: kdZoomTopRightIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.bottomRight.hidden {
  -webkit-animation-name: kdZoomTopRightOut;
          animation-name: kdZoomTopRightOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.rightTop-active {
  -webkit-animation-name: kdZoomTopLeftIn;
          animation-name: kdZoomTopLeftIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.rightTop.hidden {
  -webkit-animation-name: kdZoomTopLeftOut;
          animation-name: kdZoomTopLeftOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.bottomLeft-active {
  -webkit-animation-name: kdZoomTopLeftIn;
          animation-name: kdZoomTopLeftIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.bottomLeft.hidden {
  -webkit-animation-name: kdZoomTopLeftOut;
          animation-name: kdZoomTopLeftOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
@-webkit-keyframes kdZoomBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes kdZoomBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes kdZoomBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes kdZoomRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes kdZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomTopIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}
@keyframes kdZoomTopIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomTopOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes kdZoomTopOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
}
@keyframes kdZoomLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes kdZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomLeftBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes kdZoomLeftBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomLeftBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 0;
  }
}
@keyframes kdZoomLeftBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomRightBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes kdZoomRightBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomRightBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes kdZoomRightBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomTopRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes kdZoomTopRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomTopRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes kdZoomTopRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomTopLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes kdZoomTopLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomTopLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes kdZoomTopLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
.kd-dropdown.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.top-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.top.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.topRight-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.topRight.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.leftBottom-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.leftBottom.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.rightBottom-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.rightBottom.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.left-active {
  -webkit-animation-name: kdSlideCenterIn;
          animation-name: kdSlideCenterIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.left.hidden {
  -webkit-animation-name: kdSlideCenterOut;
          animation-name: kdSlideCenterOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.right-active {
  -webkit-animation-name: kdSlideCenterIn;
          animation-name: kdSlideCenterIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.right.hidden {
  -webkit-animation-name: kdSlideCenterOut;
          animation-name: kdSlideCenterOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.leftTop-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.leftTop.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.bottom-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.bottom.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.bottomRight-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.bottomRight.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.rightTop-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.rightTop.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-cascader-menus.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-cascader-menus.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-cascader-menus.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-cascader-menus.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-select-dropdown-panel.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-select-dropdown-panel.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-select-dropdown-panel.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-select-dropdown-panel.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-date-picker-panel.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-date-picker-panel.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-date-picker-panel.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-date-picker-panel.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-city-picker-dropdown.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-city-picker-dropdown.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-city-picker-dropdown.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-city-picker-dropdown.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
@-webkit-keyframes kdSlideCenterIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes kdSlideCenterIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@-webkit-keyframes kdSlideCenterOut {
  0% {
    opacity: 1;
  }
  5% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes kdSlideCenterOut {
  0% {
    opacity: 1;
  }
  5% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes kdSlideUpIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes kdSlideUpIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes kdSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes kdSlideDownIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes kdSlideDownIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes kdSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.icon-center i {
  -ms-flex-item-align: center;
      align-self: center;
}
.kdesigner-alert-container {
  z-index: var(--kdesigner-g-z-index-apex, 9999);
  display: none;
  padding: var(--kdesigner-c-alert-sizing-padding-vertical, 12px) var(--kdesigner-c-alert-sizing-padding-horizontal, 20px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: display 3s;
  transition: display 3s;
  border-radius: var(--kdesigner-c-alert-radius-border, 4px);
  border: 1px solid;
}
.kdesigner-alert-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  z-index: var(--kdesigner-g-z-index-apex, 9999);
  width: 100%;
}
.kdesigner-alert.alert-success-bg-color {
  background-color: var(--kdesigner-c-alert-color-background-success, var(--kdesigner-g-color-background-success, #f2fff5));
}
.kdesigner-alert.alert-warning-bg-color {
  background-color: var(--kdesigner-c-alert-color-background-warning, var(--kdesigner-g-color-background-warning, #fffbf2));
}
.kdesigner-alert.alert-error-bg-color {
  background-color: var(--kdesigner-c-alert-color-background-error, var(--kdesigner-g-color-background-error, #fff2f4));
}
.kdesigner-alert.alert-info-bg-color {
  background-color: var(--kdesigner-c-alert-color-background-info, var(--kdesigner-g-color-background-ongoing, #f2f9ff));
}
.kdesigner-alert.alert-success-border-color {
  border-color: var(--kdesigner-c-alert-color-border-success, #DCFAE4);
}
.kdesigner-alert.alert-warning-border-color {
  border-color: var(--kdesigner-c-alert-color-border-warning, #FFF1D4);
}
.kdesigner-alert.alert-error-border-color {
  border-color: var(--kdesigner-c-alert-color-border-error, #FFDBE0);
}
.kdesigner-alert.alert-info-border-color {
  border-color: var(--kdesigner-c-alert-color-border-info, #E0EFFF);
}
.kdesigner-alert-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  height: var(--kdesigner-c-alert-message-icon-font-size, var(--kdesigner-g-font-size-middle, 14px));
  margin-right: var(--kdesigner-c-alert-message-icon-sizing-margin-right, 8px);
  font-size: var(--kdesigner-c-alert-message-icon-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-alert-icon i {
  -ms-flex-item-align: center;
      align-self: center;
}
.kdesigner-alert-icon.alert-success-icon-color {
  color: var(--kdesigner-c-alert-color-icon-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-alert-icon.alert-warning-icon-color {
  color: var(--kdesigner-c-alert-color-icon-warning, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-alert-icon.alert-error-icon-color {
  color: var(--kdesigner-c-alert-color-icon-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-alert-icon.alert-info-icon-color {
  color: var(--kdesigner-c-alert-color-icon-info, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-alert-message {
  color: var(--kdesigner-c-alert-color-text, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-alert-message-font-size, var(--kdesigner-g-font-size-small, 12px));
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  cursor: default;
}
.kdesigner-alert-leave {
  -webkit-transition: padding var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: padding var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 var(--kdesigner-c-alert-sizing-padding-horizontal, 20px);
  border-width: 0;
  min-height: 0;
  margin: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.kdesigner-alert-leave .kdesigner-alert-icon,
.kdesigner-alert-leave .kdesigner-alert-message,
.kdesigner-alert-leave .kdesigner-alert-close-icon {
  height: 0;
  line-height: 0;
}
.kdesigner-alert-close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--kdesigner-c-alert-message-icon-font-size, var(--kdesigner-g-font-size-middle, 14px));
  margin-left: var(--kdesigner-c-alert-close-icon-sizing-margin-left, 8px);
  color: var(--kdesigner-c-alert-close-icon-color-text, var(--kdesigner-g-color-text-secondary, #666));
  font-size: var(--kdesigner-c-alert-close-icon-font-size, var(--kdesigner-g-font-size-middle, 14px));
  cursor: pointer;
}
.kdesigner-alert-close-icon:hover {
  color: var(--kdesigner-c-alert-close-icon-color-text-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-alert-close-icon:active {
  color: var(--kdesigner-g-color-theme-7, #375cca);
}
.kdesigner-alert-close-icon i {
  -ms-flex-item-align: center;
      align-self: center;
}
.kdesigner-alert-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-alert-banner {
  position: fixed;
  -webkit-animation: moveIn var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1) both;
          animation: moveIn var(--kdesigner-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1) both;
}
@-webkit-keyframes moveIn {
  from {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes moveIn {
  from {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.kdesigner-anchor {
  position: relative;
  padding-left: var(--kdesigner-c-anchor-spacing-horizontal, 7px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--kdesigner-c-anchor-color-background, var(--kdesigner-g-color-background, #fff));
  z-index: 1050;
}
.kdesigner-anchor-wrapper {
  overflow: auto;
  font-size: var(--kdesigner-c-anchor-font-size, var(--kdesigner-g-font-size-small, 12px));
  width: var(--kdesigner-c-anchor-sizing-width, 120px);
}
.kdesigner-anchor-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
}
.kdesigner-anchor-menu-wrapper {
  overflow: auto;
  font-size: var(--kdesigner-c-anchor-font-size, var(--kdesigner-g-font-size-small, 12px));
}
.kdesigner-anchor-menu-left-arrows {
  margin-right: 10px;
  font-size: var(--kdesigner-c-anchor-icon-font-size, 16px);
  color: #666;
  cursor: pointer;
}
.kdesigner-anchor-menu-left-arrows:hover:not(.kdesigner-anchor-menu-left-arrows-disabled) {
  color: var(--kdesigner-c-anchor-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-anchor-menu-left-arrows-disabled {
  color: #b2b2b2;
  cursor: not-allowed;
}
.kdesigner-anchor-menu-right-arrows {
  margin-left: 10px;
  font-size: var(--kdesigner-c-anchor-icon-font-size, 16px);
  color: #666;
  cursor: pointer;
}
.kdesigner-anchor-menu-right-arrows:hover:not(.kdesigner-anchor-menu-right-arrows-disabled) {
  color: var(--kdesigner-c-anchor-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-anchor-menu-right-arrows-disabled {
  color: #b2b2b2;
  cursor: not-allowed;
}
.kdesigner-anchor-menu-wrap {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 22px;
}
.kdesigner-anchor-menu-link-list {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  -webkit-transition: all var(--kdesigner-c-anchor-duration-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.42, 0, 1, 1);
  transition: all var(--kdesigner-c-anchor-duration-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.42, 0, 1, 1);
  left: 0;
  top: 0;
}
.kdesigner-anchor-menu .kdesigner-anchor-link {
  padding: 0;
  display: inline-block;
}
.kdesigner-anchor-menu .kdesigner-anchor-link-title {
  display: inline-block;
  max-width: var(--kdesigner-c-anchor-horizontal-link-sizing-max-width, 96px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 4px;
  line-height: 1.5;
  vertical-align: middle;
}
.kdesigner-anchor-menu .kdesigner-anchor-link:not(:last-of-type)::after {
  display: inline-block;
  content: '';
  height: 0;
  width: 40px;
  border-bottom: var(--kdesigner-c-anchor-line-slider-spacing-width, 1px) dashed var(--kdesigner-c-anchor-color-border-disabled, var(--kdesigner-g-color-border-disabled, #ccc));
  margin: 4px;
}
.kdesigner-anchor-advanced-arrows {
  color: var(--kdesigner-c-anchor-advanced-arrows-color-text, #666);
  font-size: var(--kdesigner-c-anchor-advanced-arrows-font-size, 24px);
  cursor: pointer;
}
.kdesigner-anchor-advanced-arrows:hover {
  color: var(--kdesigner-c-anchor-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-anchor-advanced {
  padding-top: var(--kdesigner-c-anchor-advanced-spacing-padding-top, 8px);
  padding-bottom: var(--kdesigner-c-anchor-advanced-spacing-padding-bottom, 7px);
  position: relative;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  background: var(--kdesigner-c-anchor-color-background, var(--kdesigner-g-color-background, #fff));
  z-index: 1050;
}
.kdesigner-anchor-advanced .kdesigner-anchor-wrapper {
  width: var(--kdesigner-c-anchor-advanced-sizing-width, 160px);
}
.kdesigner-anchor-advanced-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 8px 8px 0;
  font-size: var(--kdesigner-c-anchor-advanced-lock-font-size, 16px);
  color: var(--kdesigner-c-anchor-advanced-arrows-color-text, #666);
  cursor: pointer;
}
.kdesigner-anchor-advanced .kdesigner-anchor {
  max-width: var(--kdesigner-c-anchor-advanced-sizing-width, 160px);
}
.kdesigner-anchor-line {
  position: absolute;
  left: var(--kdesigner-c-anchor-spacing-horizontal, 7px);
  top: 0;
  height: 100%;
}
.kdesigner-anchor-line::before {
  position: relative;
  display: block;
  width: var(--kdesigner-c-anchor-line-slider-spacing-width, 1px);
  height: 100%;
  margin: 0 auto;
  background-color: var(--kdesigner-c-anchor-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  content: '';
}
.kdesigner-anchor-line-slider {
  position: absolute;
  display: none;
  width: 0;
  height: 16px;
  border-right: var(--kdesigner-c-anchor-line-slider-spacing-width, 1px) solid var(--kdesigner-c-anchor-color-theme, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.kdesigner-anchor-line-slider.visible {
  display: inline-block;
}
.kdesigner-anchor-link {
  padding: var(--kdesigner-c-anchor-spacing-padding, 7px 8px);
}
.kdesigner-anchor-link > .kdesigner-anchor-link {
  padding: var(--kdesigner-c-anchor-secondary-spacing-padding, 12px 8px);
}
.kdesigner-anchor-link-title {
  text-decoration: none;
  color: var(--kdesigner-c-anchor-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  margin-bottom: var(--kdesigner-c-anchor-spacing-vertical, 7px);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  cursor: pointer;
}
.kdesigner-anchor-link-title:only-child {
  margin-bottom: 0;
}
.kdesigner-anchor-link-title-secondary {
  color: var(--kdesigner-c-anchor-color-text-secondary, var(--kdesigner-g-color-text-secondary, #666));
  padding-left: 4px;
}
.kdesigner-anchor-link-title:hover {
  color: var(--kdesigner-c-anchor-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-anchor-link-active > .kdesigner-anchor-link-title {
  color: var(--kdesigner-c-anchor-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-anchor-lock {
  font-size: var(--kdesigner-c-anchor-icon-font-size, 16px);
}
.kdesigner-anchor.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(var(--kdesigner-c-anchor-duration-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kdesigner-c-anchor-duration-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: var(--kdesigner-c-avatar-color-background, #B2B2B2);
  width: var(--kdesigner-c-avatar-size-base, 40px);
  height: var(--kdesigner-c-avatar-size-base, 40px);
  line-height: var(--kdesigner-c-avatar-size-base, 40px);
  border-radius: 50%;
}
.kdesigner-avatar-image {
  background: transparent;
}
.kdesigner-avatar-disabled {
  cursor: not-allowed;
}
.kdesigner-avatar:hover:not(.kdesigner-avatar-disabled) {
  cursor: pointer;
}
.kdesigner-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdesigner-avatar.kdesigner-avatar-icon {
  font-size: var(--kdesigner-c-avatar-font-size-base, 22px);
}
.kdesigner-avatar.kdesigner-avatar-icon > .kdesignericon {
  vertical-align: top;
}
.kdesigner-avatar-lg {
  width: var(--kdesigner-c-avatar-size-large, 60px);
  height: var(--kdesigner-c-avatar-size-large, 60px);
  line-height: var(--kdesigner-c-avatar-size-large, 60px);
  border-radius: 50%;
}
.kdesigner-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdesigner-avatar-lg.kdesigner-avatar-icon {
  font-size: var(--kdesigner-c-avatar-font-size-large, 36px);
}
.kdesigner-avatar-lg.kdesigner-avatar-icon > .kdesignericon {
  vertical-align: top;
}
.kdesigner-avatar-sm {
  width: var(--kdesigner-c-avatar-size-small, 32px);
  height: var(--kdesigner-c-avatar-size-small, 32px);
  line-height: var(--kdesigner-c-avatar-size-small, 32px);
  border-radius: 50%;
}
.kdesigner-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdesigner-avatar-sm.kdesigner-avatar-icon {
  font-size: var(--kdesigner-c-avatar-font-size-small, 18px);
}
.kdesigner-avatar-sm.kdesigner-avatar-icon > .kdesignericon {
  vertical-align: top;
}
.kdesigner-avatar-xs {
  width: var(--kdesigner-c-avatar-size-x-small, 24px);
  height: var(--kdesigner-c-avatar-size-x-small, 24px);
  line-height: var(--kdesigner-c-avatar-size-x-small, 24px);
  border-radius: 50%;
}
.kdesigner-avatar-xs-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdesigner-avatar-xs.kdesigner-avatar-icon {
  font-size: var(--kdesigner-c-avatar-font-size-x-small, 14px);
}
.kdesigner-avatar-xs.kdesigner-avatar-icon > .kdesignericon {
  vertical-align: top;
}
.kdesigner-avatar-square {
  border-radius: var(--kdesigner-c-avatar-border-radius, 2px);
}
.kdesigner-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kdesigner-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: var(--kdesigner-c-badge-font-size-base, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-badge-count {
  z-index: auto;
  min-width: var(--kdesigner-c-badge-sizing-base, 16px);
  height: var(--kdesigner-c-badge-sizing-base, 16px);
  color: var(--kdesigner-c-badge-color, var(--kdesigner-g-color-background, #fff));
  font-weight: var(--kdesigner-c-badge-font-weight, 400);
  font-size: var(--kdesigner-g-font-size-small, 12px);
  line-height: var(--kdesigner-c-badge-sizing-base, 16px);
  white-space: nowrap;
  text-align: center;
  background: var(--kdesigner-c-badge-color-background, #fb2323);
  border-radius: calc(var(--kdesigner-c-badge-sizing-base, 16px) / 2);
}
.kdesigner-badge-count-sm {
  min-width: var(--kdesigner-c-badge-sizing-small, 14px);
  height: var(--kdesigner-c-badge-sizing-small, 14px);
  padding: 0;
  font-size: var(--kdesigner-c-badge-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  line-height: var(--kdesigner-c-badge-sizing-small, 14px);
  border-radius: calc(var(--kdesigner-c-badge-sizing-small, 14px) / 2);
}
.kdesigner-badge-dot {
  z-index: auto;
  width: var(--kdesigner-c-badge-sizing-dot, 8px);
  min-width: var(--kdesigner-c-badge-sizing-dot, 8px);
  height: var(--kdesigner-c-badge-sizing-dot, 8px);
  background: var(--kdesigner-c-badge-color-background, #fb2323);
  border-radius: 100%;
}
.kdesigner-badge-dot,
.kdesigner-badge-custom-component,
.kdesigner-badge-count {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.kdesigner-badge-multiple-words {
  padding: 0 4px;
}
.kdesigner-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.kdesigner-badge-status-text {
  margin-left: 8px;
  color: var(--kdesigner-c-badge-color, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-badge-font-size-base, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: var(--kdesigner-c-badge-sizing-status, 8px);
  height: var(--kdesigner-c-badge-sizing-status, 8px);
  vertical-align: middle;
  border-radius: 50%;
}
.kdesigner-badge-status-success {
  background-color: var(--kdesigner-c-badge-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-badge-status-processing {
  background-color: var(--kdesigner-c-badge-color-ongoing, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-badge-status-processing::after {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--kdesigner-c-badge-color-ongoing, var(--kdesigner-g-color-ongoing, #276ff5));
  border-radius: 50%;
  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
          animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.kdesigner-badge-status-error {
  background-color: var(--kdesigner-c-badge-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-badge-status-default {
  background-color: var(--kdesigner-c-badge-color-default, #d9d9d9);
}
.kdesigner-badge-status-warning {
  background-color: var(--kdesigner-c-badge-color-warning, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-badge-not-a-wrapper:not(.kdesigner-badge-status) {
  vertical-align: middle;
}
.kdesigner-badge-not-a-wrapper .kdesigner-badge-custom-component,
.kdesigner-badge-not-a-wrapper .kdesigner-badge-count {
  position: relative;
  top: auto;
  display: block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: none;
          transform: none;
}
@-webkit-keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
.kdesigner-baseData {
  width: var(--kdesigner-c-base-data-sizing-width, 230px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--kdesigner-c-base-data-color-border, #999);
}
.kdesigner-baseData-disabled {
  cursor: not-allowed;
}
.kdesigner-baseData:not(.kdesigner-baseData-disabled):hover {
  border-color: var(--kdesigner-c-base-data-border-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-baseData:not(.kdesigner-baseData-disabled):hover .kdesigner-baseData-detail,
.kdesigner-baseData:not(.kdesigner-baseData-disabled):hover .kdesigner-baseData-suffix {
  color: var(--kdesigner-c-base-data-icon-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-baseData:not(.kdesigner-baseData-disabled):hover .kdesigner-baseData-detail {
  visibility: visible;
}
.kdesigner-baseData-total {
  white-space: nowrap;
  cursor: pointer;
}
.kdesigner-baseData-suffix,
.kdesigner-baseData-detail {
  font-size: 16px;
  margin-left: 5px;
  cursor: pointer;
}
.kdesigner-baseData-detail {
  visibility: hidden;
}
.kdesigner-baseData-dropdown {
  margin: 0;
  z-index: var(--kdesigner-c-base-data-dropdown-z-index, var(--kdesigner-g-z-index-popper, 1050));
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: var(--kdesigner-c-base-data-dropdown-radius-border, var(--kdesigner-g-radius-border, 2px));
  background: var(--kdesigner-c-base-data-dropdown-radius-border, var(--kdesigner-g-color-background, #fff));
  overflow: auto;
  max-height: var(--kdesigner-c-base-data-dropdown-sizing-height, 400px);
  color: var(--kdesigner-c-base-data-color-text, #212121);
}
.kdesigner-baseData-dropdown-columns,
.kdesigner-baseData-dropdown-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-baseData-dropdown-columns.selected,
.kdesigner-baseData-dropdown-options.selected {
  color: var(--kdesigner-c-base-data-option-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-baseData-dropdown-columns-item,
.kdesigner-baseData-dropdown-options-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 var(--kdesigner-c-base-data-option-spacing-padding-vertical, 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-baseData-dropdown-columns-item-collect,
.kdesigner-baseData-dropdown-options-item-collect {
  position: absolute;
  right: 10px;
  visibility: hidden;
}
.kdesigner-baseData-dropdown-columns-item-collect-icon,
.kdesigner-baseData-dropdown-options-item-collect-icon {
  color: var(--kdesigner-c-base-data-dropdown-icon-color-text, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-baseData-dropdown-columns-item-collect-icon:hover,
.kdesigner-baseData-dropdown-options-item-collect-icon:hover {
  color: var(--kdesigner-c-base-data-dropdown-icon-color-text-hover, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-baseData-dropdown-columns-item-collect-not-icon,
.kdesigner-baseData-dropdown-options-item-collect-not-icon {
  color: #666;
}
.kdesigner-baseData-dropdown-columns-item-collect-not-icon:hover,
.kdesigner-baseData-dropdown-options-item-collect-not-icon:hover {
  color: var(--kdesigner-c-base-data-dropdown-color-text-hover, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-baseData-dropdown-columns-item-search,
.kdesigner-baseData-dropdown-options-item-search {
  color: #3987ed;
}
.kdesigner-baseData-dropdown-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 200px;
}
.kdesigner-baseData-dropdown-columns {
  height: var(--kdesigner-c-base-data-dropdown-columns-height, 36px);
  background: var(--kdesigner-c-base-data-color-background-hover, var(--kdesigner-g-color-hover, #f5f5f5));
}
.kdesigner-baseData-dropdown-options {
  height: var(--kdesigner-c-base-data-dropdown-options-sizing-height, 32px);
  cursor: pointer;
}
.kdesigner-baseData-dropdown-options:hover {
  background: var(--kdesigner-c-base-data-color-background-hover, var(--kdesigner-g-color-hover, #f5f5f5));
}
.kdesigner-baseData-dropdown-options:hover .kdesigner-baseData-dropdown-options-item-collect {
  visibility: visible;
}
.kdesigner-baseData-dropdown-footer {
  height: var(--kdesigner-c-base-data-dropdown-footer-height, 40px);
  border-top: 1px solid var(--kdesigner-c-base-data-footer-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-baseData-dropdown-footer-btn {
  color: var(--kdesigner-c-base-data-footer-btn-color-text, var(--kdesigner-g-color-text-link, #0e5fd8));
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-baseData-dropdown-footer-btn > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  cursor: pointer;
}
.kdesigner-baseData-dropdown-empty {
  margin: 20px 0;
}
.kdesigner-baseData-dropdown .kdesigner-tabs-tab-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-baseData-dropdown .kdesigner-tab-pane {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0;
  text-align: center;
}
.kdesigner-baseData-dropdown .kdesigner-tabs-right-arrows {
  display: none;
}
.kdesigner-baseData .kdesigner-input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0;
}
.kdesigner-baseData .kdesigner-input-disabled {
  background: #fff;
}
.topLeft.hidden,
.bottomLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-baseData-dropdown-wrapper.topLeft.hidden,
.kdesigner-baseData-dropdown-wrapper.bottomLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-breadcrumb,
.kdesigner-breadcrumb-more-panel {
  color: var(--kdesigner-c-breadcrumb-color-text, #737373);
  font-size: var(--kdesigner-c-breadcrumb-font-size, var(--kdesigner-g-font-size-middle, 14px));
  font-weight: var(--kdesigner-c-breadcrumb-font-weight, var(--kdesigner-g-font-weight, 400));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
}
.kdesigner-breadcrumb-hide-icon,
.kdesigner-breadcrumb-more-panel-hide-icon {
  position: absolute;
  z-index: -999999;
  top: -999999px;
  visibility: hidden;
}
.kdesigner-breadcrumb-item,
.kdesigner-breadcrumb-more-panel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: text;
}
.kdesigner-breadcrumb-item-separator,
.kdesigner-breadcrumb-more-panel-item-separator {
  padding: 0 var(--kdesigner-c-breadcrumb-separator-spacing-padding-horizontal, 8px);
  color: var(--kdesigner-c-breadcrumb-separator-color-text, #b2b2b2);
}
.kdesigner-breadcrumb-item-link:hover,
.kdesigner-breadcrumb-more-panel-item-link:hover {
  color: #3987ed;
  cursor: pointer;
}
.kdesigner-breadcrumb-item-emphasize-model,
.kdesigner-breadcrumb-more-panel-item-emphasize-model {
  color: var(--kdesigner-c-breadcrumb-color-text, #737373);
}
.kdesigner-breadcrumb-item-emphasize-model-current,
.kdesigner-breadcrumb-more-panel-item-emphasize-model-current {
  color: var(--kdesigner-c-breadcrumb-active-color-text, #111111);
}
.kdesigner-breadcrumb-item-weaken-model,
.kdesigner-breadcrumb-more-panel-item-weaken-model {
  color: var(--kdesigner-c-breadcrumb-active-color-text, #111111);
}
.kdesigner-breadcrumb-item-weaken-model-current,
.kdesigner-breadcrumb-more-panel-item-weaken-model-current {
  color: var(--kdesigner-c-breadcrumb-color-text, #737373);
}
.kdesigner-breadcrumb-item-text,
.kdesigner-breadcrumb-more-panel-item-text {
  white-space: nowrap;
}
.kdesigner-breadcrumb-item-text:last-child,
.kdesigner-breadcrumb-more-panel-item-text:last-child {
  text-overflow: ellipsis;
}
.kdesigner-breadcrumb-item-icon,
.kdesigner-breadcrumb-more-panel-item-icon {
  margin-right: 4px;
}
.kdesigner-breadcrumb .kd-dropdown-trigger,
.kdesigner-breadcrumb-more-panel .kd-dropdown-trigger {
  margin-left: 4px;
}
.kdesigner-breadcrumb-popper.kdesigner-tooltip {
  max-width: none;
}
.kdesigner-btn {
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: var(--kdesigner-c-button-font-weight, var(--kdesigner-g-font-weight, 400));
  border: var(--kdesigner-c-button-sizing-border, 1px) solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: var(--kdesigner-c-button-radius-border, var(--kdesigner-g-radius-border, 2px));
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.kdesigner-btn,
.kdesigner-btn:active,
.kdesigner-btn:focus {
  outline: 0;
}
.kdesigner-btn:not(.kdesigner-btn-text)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--kdesigner-g-color-theme, #276ff5);
          box-shadow: 0 0 0 0 var(--kdesigner-g-color-theme, #276ff5);
  opacity: 0.2;
  content: '';
  pointer-events: none;
  clear: both;
}
.kdesigner-btn:not(.kdesigner-btn-text)[click-animating-wave='true']::after {
  -webkit-animation: fadeEffect var(--kdesigner-c-button-motion-duration-fade, var(--kdesigner-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kdesigner-c-button-motion-duration-wave, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect var(--kdesigner-c-button-motion-duration-fade, var(--kdesigner-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kdesigner-c-button-motion-duration-wave, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdesigner-btn-second {
  border-color: var(--kdesigner-c-button-second-color-border, #D9D9D9);
  background-color: var(--kdesigner-c-button-second-color-background, transparent);
  color: var(--kdesigner-c-button-second-color-text, #212121);
}
.kdesigner-btn-second:hover:not(.kdesigner-btn-loading) {
  background-color: var(--kdesigner-c-button-second-color-background-hover, var(--kdesigner-g-color-white, #fff));
  border-color: var(--kdesigner-c-button-second-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
  color: var(--kdesigner-c-button-second-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-btn-second:active:not(.kdesigner-btn-loading) {
  background-color: var(--kdesigner-c-button-second-color-background-active, var(--kdesigner-g-color-white, #fff));
  border-color: var(--kdesigner-c-button-second-color-border-active, var(--kdesigner-g-color-theme-7, #375cca));
  color: var(--kdesigner-c-button-second-color-text-active, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-btn-second:disabled {
  border-color: var(--kdesigner-c-button-second-color-border-disabled, #D9D9D9) !important;
  background-color: var(--kdesigner-c-button-second-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5)) !important;
  color: var(--kdesigner-c-button-second-color-text-disabled, #B2B2B2) !important;
}
.kdesigner-btn-primary {
  border-color: var(--kdesigner-c-button-primary-color-border, var(--kdesigner-g-color-theme, #276ff5));
  background-color: var(--kdesigner-c-button-primary-color-background, var(--kdesigner-g-color-theme, #276ff5));
  color: var(--kdesigner-c-button-primary-color-text, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-btn-primary:hover:not(.kdesigner-btn-loading) {
  background-color: var(--kdesigner-c-button-primary-color-background-hover, var(--kdesigner-g-color-theme-5, #87adff));
  border-color: var(--kdesigner-c-button-primary-color-border-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-btn-primary:active:not(.kdesigner-btn-loading) {
  border-color: var(--kdesigner-c-button-primary-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
  background-color: var(--kdesigner-c-button-primary-color-background-active, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-btn-primary:disabled {
  background-color: var(--kdesigner-c-button-primary-color-background-disabled, var(--kdesigner-g-color-theme-4, #b5cfff)) !important;
  border-color: var(--kdesigner-c-button-primary-color-border-disabled, var(--kdesigner-g-color-theme-4, #b5cfff)) !important;
}
.kdesigner-btn-ghost {
  border-color: var(--kdesigner-c-button-ghost-color-border, var(--kdesigner-g-color-theme-6, #5582f3));
  background-color: var(--kdesigner-c-button-ghost-color-background, transparent);
  color: var(--kdesigner-c-button-ghost-color-text, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-btn-ghost:hover:not(.kdesigner-btn-loading) {
  background-color: var(--kdesigner-c-button-ghost-color-background-hover, var(--kdesigner-g-color-theme-5, #87adff));
  border-color: var(--kdesigner-c-button-ghost-color-border-hover, transparent);
  color: var(--kdesigner-c-button-ghost-color-text-hover, #ffffff);
}
.kdesigner-btn-ghost:active:not(.kdesigner-btn-loading) {
  background-color: var(--kdesigner-c-button-ghost-color-background-active, var(--kdesigner-g-color-theme-7, #375cca));
  border-color: var(--kdesigner-c-button-ghost-color-border-hover, transparent);
  color: var(--kdesigner-c-button-ghost-color-text-active, #ffffff);
}
.kdesigner-btn-ghost:disabled {
  background-color: var(--kdesigner-c-button-ghost-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kdesigner-c-button-ghost-color-border-disabled, #D9D9D9) !important;
  color: var(--kdesigner-c-button-ghost-color-text-disabled, #B2B2B2) !important;
}
.kdesigner-btn-iconWrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
}
.kdesigner-btn-iconWrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: right;
}
.kdesigner-btn-loadingIcon {
  color: var(--kdesigner-c-button-text-color-loading, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-btn-primary-loadingIcon {
  color: var(--kdesigner-c-button-primary-color-text-loading, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-btn-size-small {
  height: var(--kdesigner-c-button-sizing-height-small, 24px);
  min-width: var(--kdesigner-c-button-sizing-min-width-small, 60px);
  line-height: calc(var(--kdesigner-c-button-sizing-height-small, 24px) - (var(--kdesigner-c-button-spacing-padding-vertical-small, 3px) * 2) - (var(--kdesigner-c-button-sizing-border, 1px) * 2));
  font-size: var(--kdesigner-c-button-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  padding: var(--kdesigner-c-button-spacing-padding-vertical-small, 3px) var(--kdesigner-c-button-spacing-padding-horizontal-small, 8px);
  max-width: var(--kdesigner-c-button-sizing-max-width-small);
}
.kdesigner-btn-size-small.kdesigner-btn-icon-only {
  font-size: var(--kdesigner-c-button-icon-font-size-small, 14px);
  padding: 0 var(--kdesigner-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-btn-size-small .kdesigner-btn-group-basic-icon {
  font-size: var(--kdesigner-c-button-icon-font-size-small, 14px);
}
.kdesigner-btn-size-middle {
  height: var(--kdesigner-c-button-sizing-height-middle, 28px);
  min-width: var(--kdesigner-c-button-sizing-min-width-middle, 60px);
  line-height: calc(var(--kdesigner-c-button-sizing-height-middle, 28px) - (var(--kdesigner-c-button-spacing-padding-vertical-middle, 5px) * 2) - (var(--kdesigner-c-button-sizing-border, 1px) * 2));
  font-size: var(--kdesigner-c-button-font-size-middle, var(--kdesigner-g-font-size-small, 12px));
  padding: var(--kdesigner-c-button-spacing-padding-vertical-middle, 5px) var(--kdesigner-c-button-spacing-padding-horizontal-middle, 8px);
  max-width: var(--kdesigner-c-button-sizing-max-width-middle);
}
.kdesigner-btn-size-middle.kdesigner-btn-icon-only {
  font-size: var(--kdesigner-c-button-icon-font-size-middle, 16px);
  padding: 0 var(--kdesigner-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-btn-size-middle .kdesigner-btn-group-basic-icon {
  font-size: var(--kdesigner-c-button-icon-font-size-middle, 16px);
}
.kdesigner-btn-size-large {
  height: var(--kdesigner-c-button-sizing-height-large, 32px);
  min-width: var(--kdesigner-c-button-sizing-min-width-large, 80px);
  line-height: calc(var(--kdesigner-c-button-sizing-height-large, 32px) - (var(--kdesigner-c-button-spacing-padding-vertical-large, 6px) * 2) - (var(--kdesigner-c-button-sizing-border, 1px) * 2));
  font-size: var(--kdesigner-c-button-font-size-large, var(--kdesigner-g-font-size-large, 16px));
  padding: var(--kdesigner-c-button-spacing-padding-vertical-large, 6px) var(--kdesigner-c-button-spacing-padding-horizontal-large, 8px);
  max-width: var(--kdesigner-c-button-sizing-max-width-large);
}
.kdesigner-btn-size-large.kdesigner-btn-icon-only {
  font-size: var(--kdesigner-c-button-icon-font-size-large, 18px);
  padding: 0 var(--kdesigner-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-btn-size-large .kdesigner-btn-group-basic-icon {
  font-size: var(--kdesigner-c-button-icon-font-size-large, 18px);
}
.kdesigner-btn-shape-circle {
  border-radius: 50%;
  min-width: auto;
}
.kdesigner-btn-shape-circle.kdesigner-btn-size-small {
  width: var(--kdesigner-c-button-sizing-height-small, 24px);
  padding: 0;
}
.kdesigner-btn-shape-circle.kdesigner-btn-size-middle {
  width: var(--kdesigner-c-button-sizing-height-middle, 28px);
  padding: 0;
}
.kdesigner-btn-shape-circle.kdesigner-btn-size-large {
  width: var(--kdesigner-c-button-sizing-height-large, 32px);
  padding: 0;
}
.kdesigner-btn-shape-round.kdesigner-btn-size-small {
  border-radius: var(--kdesigner-c-button-sizing-height-small, 24px);
}
.kdesigner-btn-shape-round.kdesigner-btn-size-middle {
  border-radius: var(--kdesigner-c-button-sizing-height-middle, 28px);
}
.kdesigner-btn-shape-round.kdesigner-btn-size-large {
  border-radius: var(--kdesigner-c-button-sizing-height-large, 32px);
}
.kdesigner-btn-shape-none {
  border-radius: 0;
}
.kdesigner-btn-text {
  height: auto;
  width: auto;
  color: var(--kdesigner-c-button-text-color-text, var(--kdesigner-g-color-theme-6, #5582f3));
  padding: 0;
  min-width: auto;
}
.kdesigner-btn-text .kdesigner-btn-iconWrapper-left {
  margin-right: var(--kdesigner-c-button-text-icon-spacing-margin-right, 4px);
}
.kdesigner-btn-text:hover {
  color: var(--kdesigner-c-button-text-color-text-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-btn-text:active {
  color: var(--kdesigner-c-button-text-color-text-active, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-btn-text[disabled] {
  color: var(--kdesigner-c-button-text-color-text-disabled, var(--kdesigner-g-color-theme-4, #b5cfff)) !important;
}
.kdesigner-btn-no-border {
  border: none;
}
.kdesigner-btn:disabled,
.kdesigner-btn[disabled] {
  cursor: not-allowed;
}
.kdesigner-btn-background-ghost,
.kdesigner-btn-background-ghost:hover,
.kdesigner-btn-background-ghost:active {
  background-color: transparent;
}
.kdesigner-btn-background-ghost.kdesigner-btn-primary {
  color: var(--kdesigner-c-button-background-ghost-color-text, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-btn-background-ghost.kdesigner-btn-primary:hover {
  color: var(--kdesigner-c-button-background-ghost-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-btn-loading {
  cursor: default;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-btn-block {
  width: 100%;
}
.kdesigner-btn .btn-space {
  margin-left: 4px;
}
.kdesigner-btn-group {
  display: inline-block;
}
.kdesigner-btn-group-basic .kdesigner-btn {
  padding-top: 0;
  padding-bottom: 0;
}
.kdesigner-btn-group-basic-icon {
  margin-left: 4px;
}
.kdesigner-btn-group-similar .kdesigner-btn-group-trigger .kdesigner-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.kdesigner-btn-group-similar .kdesigner-btn-group-trigger .kdesigner-btn-primary {
  background: var(--kdesigner-c-button-group-trigger-color-background, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-btn-group-similar .kdesigner-btn-group-trigger .kdesigner-btn-primary:hover {
  background: var(--kdesigner-c-button-group-trigger-color-background-hover, var(--kdesigner-g-color-theme-6, #5582f3));
  border-color: var(--kdesigner-c-button-group-trigger-color-background-hover, var(--kdesigner-g-color-theme-6, #5582f3));
}
.kdesigner-btn-group-similar .kdesigner-btn-group-trigger .kdesigner-btn-primary:active {
  background: var(--kdesigner-c-button-group-trigger-color-background-active, var(--kdesigner-g-color-theme-8, #1f3ba1));
}
.kdesigner-btn-group-similar .kdesigner-btn-group-trigger .kdesigner-btn-primary:disabled {
  background: var(--kdesigner-c-button-group-trigger-color-background-disabled, var(--kdesigner-g-color-theme-5, #87adff)) !important;
}
.kdesigner-btn-group-similar > .kdesigner-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kdesigner-btn-group-similar > .kdesigner-btn:first-child:hover {
  z-index: 1;
}
.kdesigner-btn-group .kdesigner-btn-size-small,
.kdesigner-btn-group .kdesigner-btn-size-middle,
.kdesigner-btn-group .kdesigner-btn-size-large {
  min-width: unset;
}
.kdesigner-btn-group .kdesigner-dropdown-menu {
  padding: 0;
}
.kdesigner-btn-group-dropdown {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  background: var(--kdesigner-c-button-group-dropdown-color-background, #fff);
  color: #333333;
  min-width: var(--kdesigner-c-button-group-dropdown-min-width, 80px);
}
.kdesigner-btn-group-dropdown-item {
  height: var(--kdesigner-c-button--group-dropdown-item-height, 30px);
  line-height: var(--kdesigner-c-button--group-dropdown-item-height, 30px);
  cursor: pointer;
  padding: 0 var(--kdesigner-c-button-group-dropdown-item-horizonta, 12px);
}
.kdesigner-btn-group-dropdown-item:hover {
  background: var(--kdesigner-c-button-group-dropdown-item-color-background-hover, #F5F5F5);
}
.kdesigner-btn-group-dropdown-item:not(:last-child) {
  border-bottom: 1px solid var(--kdesigner-c-button-group-dropdown-item-border-color, #E5E5E5);
}
.kdesigner-btn-group.topLeft.hidden,
.kdesigner-btn-group.bottomLeft.hidden,
.kdesigner-btn-group.topRight.hidden,
.kdesigner-btn-group.bottomRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdesigner-card {
  position: relative;
  background-color: var(--kdesigner-c-card-color-background, var(--kdesigner-g-color-white, #fff));
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.kdesigner-card.hoverable:hover {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.kdesigner-card .kdesigner-card-header {
  height: var(--kdesigner-c-card-sizing-title-height, 40px);
  padding: 0 58px 0 var(--kdesigner-c-card-spacing-padding-horizontal, 12px);
  line-height: 40px;
  font-size: var(--kdesigner-c-card-title-font-size, var(--kdesigner-g-font-size-middle, 14px));
  color: var(--kdesigner-c-card-title-color, var(--kdesigner-g-color-text-primary, #212121));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-card .kdesigner-card-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  padding: 0 var(--kdesigner-c-card-spacing-padding-horizontal, 12px);
}
.kdesigner-card .kdesigner-card-avatar .kdesigner-card-avatar-img {
  width: 42px;
  height: 42px;
  margin-right: var(--kdesigner-c-card-spacing-padding-vertical, 8px);
  overflow: hidden;
}
.kdesigner-card .kdesigner-card-avatar .kdesigner-card-avatar-img.circle {
  border-radius: 50%;
}
.kdesigner-card .kdesigner-card-avatar .kdesigner-card-avatar-img img {
  width: 100%;
  height: 100%;
}
.kdesigner-card .kdesigner-card-avatar .kdesigner-card-avatar-title {
  font-size: var(--kdesigner-c-card-title-font-size, var(--kdesigner-g-font-size-middle, 14px));
  color: var(--kdesigner-c-card-title-color, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-card .kdesigner-card-avatar .kdesigner-card-avatar-desc {
  font-size: var(--kdesigner-c-card-content-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-c-card-content-color, var(--kdesigner-g-color-text-secondary, #666));
}
.kdesigner-card .kdesigner-checkbox {
  position: absolute;
  top: var(--kdesigner-c-card-spacing-padding-horizontal, 12px);
  right: var(--kdesigner-c-card-spacing-padding-horizontal, 12px);
}
.kdesigner-card .kdesigner-card-tags {
  padding: 4px var(--kdesigner-c-card-spacing-padding-horizontal, 12px);
}
.kdesigner-card .kdesigner-card-tags .kdesigner-tag:not(:last-child) {
  margin-right: var(--kdesigner-c-card-spacing-padding-vertical, 8px);
}
.kdesigner-card .kdesigner-card-body {
  padding: var(--kdesigner-c-card-spacing-padding-vertical, 8px) var(--kdesigner-c-card-spacing-padding-horizontal, 12px);
  font-size: var(--kdesigner-c-card-content-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-c-card-content-color, var(--kdesigner-g-color-text-secondary, #666));
}
.kdesigner-card .kdesigner-card-actions {
  height: 32px;
  padding: 0 var(--kdesigner-c-card-spacing-padding-horizontal, 12px);
  line-height: 32px;
  text-align: right;
  background-color: #fafafa;
}
.kdesigner-card .kdesigner-card-actions > a {
  margin-left: 16px;
  font-size: var(--kdesigner-c-card-content-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-c-card-actions-color, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-card .kdesigner-card-actions > a:hover {
  color: var(--kdesigner-c-card-actions-color-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-card .kdesigner-card-actions > a:active {
  color: var(--kdesigner-c-card-actions-color-active, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-card-extra {
  position: absolute;
  top: 6px;
  right: 4px;
}
.kdesigner-card-extra i {
  font-size: 22px;
  width: 32px;
  cursor: pointer;
}
.kdesigner-card-lists-icon {
  font-size: 32px;
  position: absolute;
  top: 6px;
  right: 40px;
}
.kdesigner-carousel-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kdesigner-carousel-list {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.kdesigner-carousel-list-item {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
  width: 100%;
}
.kdesigner-carousel-list-slide {
  width: 100%;
}
.kdesigner-carousel-list-slide .kdesigner-carousel-list-item {
  opacity: 1;
  border-radius: var(--kdesigner-c-carousel-border-radius, 0px);
}
.kdesigner-carousel-list-slide .kdesigner-carousel-list-item-animation {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.kdesigner-carousel-list-slide .kdesigner-carousel-list-item-none-animation {
  -webkit-transition: none;
  transition: none;
}
.kdesigner-carousel-list-slide .kdesigner-carousel-list-item-not-hidden {
  opacity: 1;
}
.kdesigner-carousel-list-slide .kdesigner-carousel-list-item-hidden {
  opacity: 0;
}
.kdesigner-carousel-list-fade {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kdesigner-carousel-list-fade .kdesigner-carousel-list-item {
  opacity: 1;
}
.kdesigner-carousel-list-fade .kdesigner-carousel-list-item-animation {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.kdesigner-carousel-list-fade .kdesigner-carousel-list-item-none-animation {
  -webkit-transition: none;
  transition: none;
}
.kdesigner-carousel-list-fade .kdesigner-carousel-list-item-not-hidden {
  opacity: 1;
  z-index: 1;
}
.kdesigner-carousel-list-fade .kdesigner-carousel-list-item-hidden {
  opacity: 0;
  z-index: 0;
}
.kdesigner-carousel-list-display {
  width: 100%;
}
.kdesigner-carousel-list-display .kdesigner-carousel-list-item {
  display: block;
}
.kdesigner-carousel-list-display .kdesigner-carousel-list-item-not-hidden {
  display: block;
}
.kdesigner-carousel-list-display .kdesigner-carousel-list-item-hidden {
  display: none;
}
.kdesigner-carousel-slidebar {
  position: absolute;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.kdesigner-carousel-slidebar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: var(--kdesigner-c-carousel-spacing-margin-left, 12px);
}
.kdesigner-carousel-slidebar-left > li {
  margin: var(--kdesigner-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kdesigner-c-carousel-dots-sizing-height, 4px);
  height: var(--kdesigner-c-carousel-dots-sizing-width, 12px);
}
.kdesigner-carousel-slidebar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: var(--kdesigner-c-carousel-spacing-margin-right, 12px);
}
.kdesigner-carousel-slidebar-right > li {
  margin: var(--kdesigner-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kdesigner-c-carousel-dots-sizing-height, 4px);
  height: var(--kdesigner-c-carousel-dots-sizing-width, 12px);
}
.kdesigner-carousel-slidebar-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: var(--kdesigner-c-carousel-spacing-margin-bottom, 12px);
}
.kdesigner-carousel-slidebar-bottom > li {
  margin: 0 var(--kdesigner-c-carousel-dots-spacing-margin, 4px);
  height: var(--kdesigner-c-carousel-dots-sizing-height, 4px);
  width: var(--kdesigner-c-carousel-dots-sizing-width, 12px);
}
.kdesigner-carousel-slidebar-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: var(--kdesigner-c-carousel-spacing-margin-top, 12px);
}
.kdesigner-carousel-slidebar-top > li {
  margin: 0 var(--kdesigner-c-carousel-dots-spacing-margin, 4px);
  height: var(--kdesigner-c-carousel-dots-sizing-height, 4px);
  width: var(--kdesigner-c-carousel-dots-sizing-width, 12px);
}
.kdesigner-carousel-slidebar-dot > button {
  display: block;
  border-radius: var(--kdesigner-c-carousel-dots-border-radius, 2px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  height: 100%;
  padding: 0;
  width: 100%;
  cursor: pointer;
  outline: none;
  background-color: var(--kdesigner-c-carousel-dots-color-background, #D8D8D8);
}
.kdesigner-carousel-slidebar-dot {
  display: block;
  border-radius: var(--kdesigner-c-carousel-dots-border-radius, 2px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  height: 100%;
  padding: 0;
  width: 100%;
  cursor: pointer;
  outline: none;
}
.kdesigner-carousel-slidebar-dot-active {
  opacity: 1;
}
.kdesigner-carousel-slidebar-dot-active > button {
  background-color: var(--kdesigner-c-carousel-dots-color-hover, #666666);
  opacity: 1;
}
.kdesigner-carousel-jump {
  position: absolute;
  top: 50%;
  left: unset;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.kdesigner-carousel-jump-left {
  left: 16px;
  right: unset;
}
.kdesigner-carousel-jump:not(.kdesigner-carousel-jump-disabled) {
  cursor: pointer;
}
.kdesigner-carousel-jump > *:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-carousel-jump-icon {
  font-size: 20px;
  color: var(--kdesigner-c-carousel-jump-icon-color, #D9D9D9);
}
.kdesigner-carousel-jump-icon:hover {
  color: var(--kdesigner-c-carousel-jump-icon-color-hover, #666666);
}
.kdesigner-carousel-jump-disabled {
  cursor: not-allowed;
}
.kdesigner-carousel-jump-disabled .kdesigner-carousel-jump-icon:hover {
  color: var(--kdesigner-c-carousel-jump-icon-color, #D9D9D9);
}
.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.vertical > li {
  margin: var(--kdesigner-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kdesigner-c-carousel-dots-sizing-height, 4px);
  height: var(--kdesigner-c-carousel-dots-sizing-width, 12px);
}
.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.horizontal > li {
  margin: 0 var(--kdesigner-c-carousel-dots-spacing-margin, 4px);
  height: var(--kdesigner-c-carousel-dots-sizing-height, 4px);
  width: var(--kdesigner-c-carousel-dots-sizing-width, 12px);
}
.kdesigner-cascader-picker {
  position: relative;
  outline: none;
  cursor: pointer;
  background: var(--kdesigner-c-cascader-color-background, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-cascader-picker.disabled .kdesigner-cascader-picker-input {
  cursor: not-allowed;
  border-color: var(--kdesigner-g-color-border-strong, #d9d9d9);
}
.kdesigner-cascader-picker.disabled .kdesigner-cascader-picker-input .kdesigner-input-suffix,
.kdesigner-cascader-picker.disabled .kdesigner-cascader-picker-input i[class*='kdicon'] {
  color: var(--kdesigner-c-cascader-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-cascader-picker-label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0 24px 0 0;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-cascader-picker-input {
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kdesigner-cascader-picker-input > input {
  color: transparent !important;
  cursor: pointer;
}
.kdesigner-cascader-picker-input.expand i[class*='kdicon'] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kdesigner-cascader-picker-input .kdesigner-input-suffix,
.kdesigner-cascader-picker-input i[class*='kdicon'] {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kdesigner-cascader-picker.allowClear:hover .kdesigner-cascader-picker-close {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
}
.kdesigner-cascader-picker.allowClear:hover .kdesigner-input-suffix {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.kdesigner-cascader-picker-close {
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  color: var(--kdesigner-c-cascader-clear-color-text, #d9d9d9);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.9) translateY(-50%);
          transform: scale(0.9) translateY(-50%);
}
.kdesigner-cascader-picker-close:hover {
  color: var(--kdesigner-c-cascader-icon-clear-color-text-hover, #999);
}
.kdesigner-cascader-menus {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: var(--kdesigner-c-cascader-color-text, var(--kdesigner-g-color-text-primary, #212121));
  border-radius: var(--kdesigner-c-cascader-radius-border, var(--kdesigner-g-radius-border, 2px));
  font-size: var(--kdesigner-c-cascader-font-size, var(--kdesigner-g-font-size-small, 12px));
  font-weight: var(--kdesigner-c-cascader-font-weight, 'normal');
  background-color: var(--kdesigner-c-cascader-color-background, var(--kdesigner-g-color-white, #fff));
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  opacity: 1;
  visibility: visible;
  z-index: var(--kdesigner-g-z-index-popper, 1050);
}
.kdesigner-cascader-menus.hidden {
  opacity: 0;
  visibility: hidden;
}
.kdesigner-cascader-menus .kdesigner-cascader-menu {
  display: inline-block;
  height: var(--kdesigner-c-cascader-sizing-height, 192px);
  min-width: var(--kdesigner-c-cascader-menu-sizing-min-width, 116px);
  margin: 0;
  padding: var(--kdesigner-c-cascader-menu-spacing-padding-vertical, 8px) 0;
  overflow-y: auto;
}
.kdesigner-cascader-menus .kdesigner-cascader-menu:not(:first-child) {
  border-left: 1px solid var(--kdesigner-g-color-border-strong, #d9d9d9);
}
.kdesigner-cascader-menus .kdesigner-cascader-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 var(--kdesigner-c-cascader-menu-item-spacing-padding-horizontal, 12px);
  line-height: var(--kdesigner-c-cascader-menu-item-sizing-height, 32px);
  cursor: pointer;
}
.kdesigner-cascader-menus .kdesigner-cascader-menu-item:not(.disabled, .selected):hover {
  background-color: var(--kdesigner-c-cascader-color-background-hover, var(--kdesigner-g-color-hover, #f5f5f5));
  -webkit-transition: all calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease, cubic-bezier(0.4, 0, 0.6, 1));
  transition: all calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease, cubic-bezier(0.4, 0, 0.6, 1));
}
.kdesigner-cascader-menus .kdesigner-cascader-menu-item.disabled {
  color: var(--kdesigner-c-cascader-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-cascader-menus .kdesigner-cascader-menu-item.selected {
  color: var(--kdesigner-c-cascader-color-text-selected, var(--kdesigner-g-color-theme, #276ff5));
  background-color: var(--kdesigner-c-cascader-color-background-selected, var(--kdesigner-g-color-background-ongoing, #f2f9ff));
}
.kdesigner-cascader-menus .kdesigner-cascader-menu-item-label {
  width: var(--kdesigner-c-cascader-menu-item-label-sizing-width, 72px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-cascader-menus .kdesigner-cascader-menu-item.last .kdesigner-cascader-menu-item-label {
  width: calc(var(--kdesigner-c-cascader-menu-item-label-sizing-width, 72px) + 20px);
}
.kdesigner-cascader-menus .kdesigner-cascader-menu-item .kdesigner-cascader-checkbox {
  margin-right: 5px;
}
.kdesigner-cascader-menus .kdesigner-empty {
  padding: 10px 0 20px;
}
.kdesigner-cascader-bordered:not(.kdesigner-cascader-multiple) .kdesigner-cascader-picker-label {
  padding-left: 9px;
}
.kdesigner-cascader-bordered:not(.kdesigner-cascader-multiple) .kdesigner-cascader-picker-close {
  right: 10px;
}
.kdesigner-cascader-bordered.kdesigner-cascader-multiple {
  border: 1px solid #d9d9d9;
  padding-left: 8px;
  border-radius: 2px;
}
.kdesigner-cascader-bordered.kdesigner-cascader-multiple .kdesigner-cascader-suffix {
  right: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdesigner-cascader-multiple {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  min-height: 30px;
  max-height: 100px;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  background: var(--kdesigner-c-cascader-color-background, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-cascader-multiple:not(.kdesigner-cascader-disabled):focus {
  border-color: var(--kdesigner-c-cascader-color-text-selected, var(--kdesigner-g-color-theme, #276ff5));
  outline: none;
}
.kdesigner-cascader-multiple-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 1px 28px 1px 0;
  overflow-y: auto;
}
.kdesigner-cascader-placeholder {
  position: absolute;
  font-size: 14px;
  color: var(--kdesigner-c-cascader-placeholder-color, var(--kdesigner-g-color-text-placeholder, #ccc));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-cascader-suffix {
  right: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
}
.kdesigner-cascader-selection-tag {
  max-width: 100%;
}
.kdesigner-cascader-multiple:hover .kdesigner-cascader-icon-clear {
  opacity: 1;
}
.kdesigner-cascader-icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.kdesigner-cascader-icon-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-cascader-icon-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-cascader-icon-clear {
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: #fff;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  color: var(--kdesigner-c-cascader-clear-color-text, #d9d9d9);
}
.kdesigner-cascader-icon-clear:hover {
  color: var(--kdesigner-c-cascader-icon-clear-color-text-hover, #999);
}
.kdesigner-cascader-tag-describe {
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  margin: 2px 8px 2px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdesigner-cascader-tag-describe-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  color: #212121;
}
.kdesigner-cascader-disabled {
  cursor: not-allowed;
}
.kdesigner-cascader-disabled .kdesigner-cascader-picker-label {
  color: var(--kdesigner-c-cascader-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-cascader-disabled .kdesigner-cascader-picker-input {
  background-color: var(--kdesigner-c-cascader-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-cascader-disabled .kdesigner-cascader-picker-input > input {
  background-color: var(--kdesigner-c-cascader-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-cascader-disabled.kdesigner-cascader-multiple {
  background-color: var(--kdesigner-c-cascader-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-cascader-disabled .kdesigner-cascader-suffix {
  color: var(--kdesigner-c-cascader-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-cascader-disabled .kdesigner-cascader-tag-describe-content {
  color: var(--kdesigner-c-cascader-tag-disabled-color, #d9d9d9);
  border-color: var(--kdesigner-c-cascader-tag-disabled-color, #d9d9d9);
}
.kdesigner-cascader-picker:not(.kdesigner-cascader-disabled):hover .kd-input-wrapper,
.kdesigner-cascader-expand .kd-input-wrapper {
  border-color: var(--kdesigner-c-cascader-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-cascader-multiple:not(.kdesigner-cascader-disabled):hover,
.kdesigner-cascader-expand {
  border-color: var(--kdesigner-c-cascader-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--kdesigner-c-checkbox-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-c-checkbox-color-text-primary, #212121);
  line-height: 18px;
}
.kdesigner-checkbox-no-child {
  height: var(--kdesigner-c-checkbox-default-input-sizing-height, 14px);
  width: var(--kdesigner-c-checkbox-default-input-sizing-width, 14px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-checkbox-group > *:not(:last-child) {
  margin-right: var(--kdesigner-c-checkbox-group-spacing-margin-right, 12px);
}
.kdesigner-checkbox-input {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: inherit;
  opacity: 0;
  inset: 0;
  z-index: 1;
}
.kdesigner-checkbox-children {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: var(--kdesigner-c-checkbox-default-input-label-max-width);
}
.kdesigner-checkbox-children .kd-input-underline {
  background-color: transparent;
  border-bottom: none;
}
.kdesigner-checkbox-square {
  border-radius: 2px;
  border: 1px solid var(--kdesigner-c-checkbox-color-border, #d9d9d9);
  padding: var(--kdesigner-c-checkbox-square-spacing-padding-horizontal, 7px) var(--kdesigner-c-checkbox-square-spacing-padding-vertical, 12px);
  -webkit-transition: color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)), border-color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)), border-color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-checkbox-square:not(.kdesigner-checkbox-square-disabled)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.2;
  -webkit-box-shadow: 0 0 0 0 var(--kdesigner-c-checkbox-color-theme, var(--kdesigner-g-color-theme, #276ff5));
          box-shadow: 0 0 0 0 var(--kdesigner-c-checkbox-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-checkbox-square:hover {
  color: var(--kdesigner-c-checkbox-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
  border-color: var(--kdesigner-c-checkbox-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-checkbox-square-triangle,
.kdesigner-checkbox-square-triangle-checked {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0 var(--kdesigner-c-checkbox-square-triangle-sizing-height, 18px) var(--kdesigner-c-checkbox-square-triangle-sizing-width, 18px);
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: var(--kdesigner-c-checkbox-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-checkbox-square-triangle {
  -webkit-animation: kdZoomBounceLeaveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomBounceLeaveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-transition: all var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  opacity: 0;
}
.kdesigner-checkbox-square-inner {
  position: absolute;
  height: 9px;
  width: 11px;
  color: var(--kdesigner-c-checkbox-square-input-icon-color, #fff);
  font-size: var(--kdesigner-c-checkbox-default-input-icon-font-size, 12px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
}
.kdesigner-checkbox-square-inner-icon {
  font-size: inherit;
  line-height: 100%;
  -webkit-animation: kdZoomLeaveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomLeaveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-checkbox-square-triangle-disabled {
  border-bottom-color: var(--kdesigner-c-checkbox-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-checkbox-square-disabled,
.kdesigner-checkbox-square-disabled:hover {
  border-color: var(--kdesigner-c-checkbox-color-border, #d9d9d9);
  color: var(--kdesigner-c-checkbox-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  background-color: var(--kdesigner-c-checkbox-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed !important;
}
.kdesigner-checkbox-square-checked {
  border-color: var(--kdesigner-c-checkbox-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-checkbox-square-checked:not(.kdesigner-checkbox-square-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdesigner-checkbox-square-checked .kdesigner-checkbox-square-triangle-checked:not(.kdesigner-checkbox-square-disabled) {
  -webkit-animation: kdZoomBounceEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
          animation: kdZoomBounceEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-checkbox-square-checked .kdesigner-checkbox-square-inner-icon:not(.kdesigner-checkbox-square-disabled) {
  -webkit-animation: kdZoomEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-checkbox-square-checked-disabled {
  background-color: var(--kdesigner-c-checkbox-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kdesigner-c-checkbox-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5)) !important;
  cursor: not-allowed !important;
}
.kdesigner-checkbox-square-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--kdesigner-c-checkbox-default-input-sizing-height, 14px);
  width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.kdesigner-checkbox-square.checked .kdesigner-checkbox-children {
  color: var(--kdesigner-c-checkbox-color-text-primary, #212121);
}
.kdesigner-checkbox-default {
  border: none;
  padding: var(--kdesigner-c-checkbox-default-spacing-padding, 0);
  -webkit-transition: color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)), border-color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)), border-color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-checkbox-default:hover,
.kdesigner-checkbox-default:hover .kdesigner-checkbox-default-wrapper {
  color: var(--kdesigner-c-checkbox-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
  border-color: var(--kdesigner-c-checkbox-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
  cursor: pointer;
}
.kdesigner-checkbox-default-disabled,
.kdesigner-checkbox-default-disabled:hover,
.kdesigner-checkbox-default-disabled:hover .kdesigner-checkbox-default-wrapper {
  color: var(--kdesigner-c-checkbox-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  border-color: var(--kdesigner-c-checkbox-color-border, #d9d9d9);
  cursor: not-allowed !important;
}
.kdesigner-checkbox-default-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--kdesigner-c-checkbox-color-background, var(--kdesigner-g-color-background, #fff));
  border: var(--kdesigner-c-checkbox-default-input-border-width, 1px) solid var(--kdesigner-c-checkbox-color-border, #d9d9d9);
  border-radius: var(--kdesigner-c-checkbox-default-input-radius-border, 2px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)), border-color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)), border-color var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s));
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-checkbox-default-wrapper:not(.kdesigner-checkbox-default-wrapper-disabled)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.2;
  -webkit-box-shadow: 0 0 0 0 var(--kdesigner-c-checkbox-color-theme, var(--kdesigner-g-color-theme, #276ff5));
          box-shadow: 0 0 0 0 var(--kdesigner-c-checkbox-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-checkbox-default-wrapper-size {
  height: var(--kdesigner-c-checkbox-default-input-sizing-height, 14px);
  width: var(--kdesigner-c-checkbox-default-input-sizing-width, 14px);
}
.kdesigner-checkbox-default-margin {
  margin-right: var(--kdesigner-c-checkbox-default-input-spacing-margin-right, 4px);
}
.kdesigner-checkbox-default-checked-disabled {
  background-color: var(--kdesigner-c-checkbox-default-color-background-disabled, #e5e5e5) !important;
  border-color: var(--kdesigner-c-checkbox-default-color-background-disabled, #d9d9d9) !important;
  cursor: not-allowed !important;
}
.kdesigner-checkbox-default-checked-disabled .kdesigner-checkbox-default-inner {
  color: var(--kdesigner-c-checkbox-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-checkbox-default-checked {
  background-color: var(--kdesigner-c-checkbox-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
  border-color: var(--kdesigner-c-checkbox-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transition: background-color calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: background-color calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-checkbox-default-checked:not(.kdesigner-checkbox-default-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdesigner-checkbox-default-inner:not(.kdesigner-checkbox-default-checked-disabled .kdesigner-checkbox-default-inner) {
  -webkit-animation: kdZoomBounceDefaultEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
          animation: kdZoomBounceDefaultEffect calc(var(--kdesigner-c-checkbox-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.kdesigner-checkbox-default-inner {
  position: absolute;
  color: var(--kdesigner-c-checkbox-default-input-icon-color, #fff);
  font-size: var(--kdesigner-c-checkbox-default-input-icon-font-size, 12px);
  height: 100%;
  width: 100%;
  top: 5%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-checkbox-default-inner-icon {
  font-size: inherit;
  line-height: 100%;
}
.kdesigner-checkbox-default-indeterminate::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--kdesigner-c-checkbox-default-indeterminate-sizing-square, 6px);
  height: var(--kdesigner-c-checkbox-default-indeterminate-sizing-square, 6px);
  background-color: var(--kdesigner-c-checkbox-color-border-active, var(--kdesigner-g-color-theme, #276ff5));
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " ";
}
.kdesigner-checkbox-default.checked .kdesigner-checkbox-children {
  color: var(--kdesigner-c-checkbox-color-text-primary, #212121);
}
.kdesigner-checkbox-default-indeterminate .kdesigner-checkbox-children {
  color: var(--kdesigner-c-checkbox-color-text-primary, #212121);
}
.kdesigner-city-picker {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdesigner-city-picker-selector {
  width: 100%;
}
.kdesigner-city-picker-selector:hover .kdesigner-city-picker-icon-active {
  color: #3761ca;
}
.kdesigner-city-picker-description {
  color: #666666;
  font-size: 12px;
}
.kdesigner-city-picker-visible .kdesigner-city-picker-icon-active {
  color: #3761ca;
}
.kdesigner-city-picker-visible div.kdesigner-city-picker-show-search .kdesigner-city-picker-selection-item {
  color: var(--kdesigner-c-city-picker-placeholder-color-text, #b2b2b2);
}
.kdesigner-city-picker-icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.kdesigner-city-picker-icon-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-city-picker-icon-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-city-picker-icon-clear {
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  font-size: var(--kdesigner-c-city-picker-icon-clear-font-size, 16px);
}
.kdesigner-city-picker-icon-clear:hover {
  color: var(--kdesigner-c-city-picker-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-city-picker-placeholder {
  position: absolute;
  color: var(--kdesigner-c-city-picker-placeholder-color-text, #b2b2b2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  right: 24px;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-city-picker-borderless {
  border: none;
}
.kdesigner-city-picker-underline {
  border-bottom: 1px solid var(--kdesigner-c-city-picker-color-border, var(--kdesigner-g-color-input, #999));
}
.kdesigner-city-picker-underline:hover:not(.kdesigner-city-picker-disabled) {
  border-bottom: 1px solid var(--kdesigner-c-city-picker-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-city-picker-bordered {
  border: 1px solid var(--kdesigner-c-city-picker-border-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  padding-left: var(--kdesigner-c-city-picker-bordered-spacing-padding-left, 8px) !important;
  border-radius: var(--kdesigner-c-city-picker-bordered-radius-border, 2px);
}
.kdesigner-city-picker-bordered:hover:not(.kdesigner-city-picker-disabled) {
  border: 1px solid var(--kdesigner-c-city-picker-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-city-picker-bordered .kdesigner-city-picker-suffix {
  padding-right: 8px;
}
.kdesigner-city-picker-bordered .kdesigner-city-picker-placeholder {
  padding-left: var(--kdesigner-c-city-picker-bordered-spacing-padding-left, 8px);
}
.kdesigner-city-picker-wrapper {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: var(--kdesigner-c-city-picker-wrapper-spacing-padding, 1px 24px 1px 0);
  max-width: 100%;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.kdesigner-city-picker-wrapper:hover .kdesigner-city-picker-icon-clear {
  opacity: 1;
}
.kdesigner-city-picker-wrapper .kdesigner-city-picker-icon-clear {
  color: var(--kdesigner-c-city-picker-icon-clear-color-text, #666666);
}
.kdesigner-city-picker-wrapper .kdesigner-city-picker-icon-clear:hover {
  color: var(--kdesigner-c-city-picker-icon-clear-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-city-picker-show-search {
  cursor: text;
}
.kdesigner-city-picker-dropdown {
  display: block;
  z-index: var(--kdesigner-c-city-picker-z-index, var(--kdesigner-g-z-index-popper, 1050));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  overflow: auto;
  font-size: var(--kdesigner-c-city-picker-dropdown-font-size, 12px);
  font-variant: initial;
  background-color: var(--kdesigner-c-city-picker-dropdown-color-background, var(--kdesigner-g-color-background, #fff));
  border-radius: var(--kdesigner-c-city-picker-radius-border, var(--kdesigner-g-radius-border, 2px));
  outline: none;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.kdesigner-city-picker-dropdown .kdesigner-tabs-tab-list {
  width: 100%;
}
.kdesigner-city-picker-dropdown .kdesigner-tabs-tab-list > span {
  width: 50%;
}
.kdesigner-city-picker-dropdown .kdesigner-tabs-tab-list .kdesigner-tab-pane {
  text-align: center;
}
.kdesigner-city-picker-dropdown .kdesigner-tabs-tab-list .kdesigner-tab-pane-type-line {
  padding: 0 12px;
  font-size: 12px;
}
.kdesigner-city-picker-dropdown .kdesigner-tabs-tab-list .kdesigner-tab-pane-type-line .kdesigner-tab-pane-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.kdesigner-city-picker-dropdown .kdesigner-tabs-noContainer {
  height: unset;
}
.kdesigner-city-picker-dropdown .kdesigner-tabs-right-arrows {
  display: none;
}
.kdesigner-city-picker-dropdown-empty {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #b2b2b2;
  font-size: 14px;
}
.kdesigner-city-picker-dropdown-common {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  background: #fafafa;
  color: var(--kdesigner-c-city-picker-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-city-picker-dropdown-loading {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-city-picker-dropdown.topLeft.hidden,
.kdesigner-city-picker-dropdown.bottomLeft.hidden,
.kdesigner-city-picker-dropdown.topRight.hidden,
.kdesigner-city-picker-dropdown.bottomRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-city-picker-list {
  padding: 8px 0;
  max-height: 320px;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.kdesigner-city-picker-list-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--kdesigner-c-city-picker-dropdown-font-size, 12px);
  min-height: var(--kdesigner-c-city-picker-item-sizing-height, 22px);
  color: var(--kdesigner-c-city-picker-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  line-height: var(--kdesigner-c-city-picker-dropdown-line-height, 22px);
  font-size: var(--kdesigner-c-select-dropdown-font-size, 12px);
  min-height: var(--kdesigner-c-select-item-sizing-height, 22px);
  color: var(--kdesigner-c-select-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  line-height: var(--kdesigner-c-select-dropdown-line-height, 22px);
  position: relative;
  display: block;
  font-weight: normal;
  font-size: var(--kdesigner-c-tree-select-dropdown-font-size, 12px);
  min-height: var(--kdesigner-c-tree-select-item-sizing-height, 22px);
  padding: 5px 12px;
  color: var(--kdesigner-c-tree-select-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  line-height: var(--kdesigner-c-tree-select-dropdown-line-height, 22px);
  cursor: pointer;
}
.kdesigner-city-picker-list-item-info {
  color: var(--kdesigner-c-city-picker-placeholder-color-text, #b2b2b2);
  white-space: nowrap;
}
.kdesigner-city-picker-list-item-active:not(.kdesigner-city-picker-list-item-disabled) {
  background-color: var(--kdesigner-c-city-picker-color-background, #f5f5f5);
}
.kdesigner-city-picker-list-item-selected:not(.kdesigner-city-picker-list-item-disabled) {
  background-color: var(--kdesigner-c-city-picker-color-background-selected, var(--kdesigner-g-color-theme-3, #e3eeff));
  color: var(--kdesigner-c-city-picker-list-item-color-text-selected, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-city-picker-list-item-selected:not(.kdesigner-city-picker-list-item-disabled) .kdesigner-city-picker-list-item-info {
  color: var(--kdesigner-c-city-picker-list-item-color-text-selected, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-city-picker-list-item-disabled {
  color: var(--kdesigner-c-city-picker-item-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
  background-color: var(--kdesigner-c-city-picker-item-color-background-disabled, #fff);
}
.kdesigner-city-picker-list > .kdesigner-city-picker-list-item-match {
  color: var(--kdesigner-c-city-picker-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-city-picker-list > .kdesigner-city-picker-list-item-match .kdesigner-city-picker-list-item-info {
  color: var(--kdesigner-c-city-picker-placeholder-color-text, #b2b2b2);
}
.kdesigner-city-picker-highlight {
  color: var(--kdesigner-c-city-picker-highlight-color-text, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-city-picker-size-small {
  min-height: var(--kdesigner-c-city-picker-sizing-height-small, 24px);
  max-height: calc(var(--kdesigner-c-city-picker-sizing-height-small, 24px) * 3 - 10px);
  font-size: var(--kdesigner-c-city-picker-font-size-small, 12px);
}
.kdesigner-city-picker-size-small .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-city-picker-sizing-height-small, 24px) - 4px);
  line-height: calc(var(--kdesigner-c-city-picker-sizing-height-small, 24px) - 4px);
}
.kdesigner-city-picker-size-middle {
  min-height: var(--kdesigner-c-city-picker-sizing-height-middle, 30px);
  max-height: calc(var(--kdesigner-c-city-picker-sizing-height-middle, 30px) * 3 - 10px);
  font-size: var(--kdesigner-c-city-picker-font-size-middle, 14px);
}
.kdesigner-city-picker-size-middle .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-city-picker-sizing-height-middle, 30px) - 4px);
  line-height: calc(var(--kdesigner-c-city-picker-sizing-height-middle, 30px) - 4px);
}
.kdesigner-city-picker-size-large {
  min-height: var(--kdesigner-c-city-picker-sizing-height-large, 36px);
  max-height: calc(var(--kdesigner-c-city-picker-sizing-height-large, 36px) * 3 - 10px);
  font-size: var(--kdesigner-c-city-picker-font-size-large, 16px);
}
.kdesigner-city-picker-size-large .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-city-picker-sizing-height-large, 36px) - 4px);
  line-height: calc(var(--kdesigner-c-city-picker-sizing-height-large, 36px) - 4px);
}
.kdesigner-city-picker-suffix {
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
  cursor: pointer;
}
.kdesigner-city-picker-focused {
  border-color: var(--kdesigner-c-city-picker-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-tree-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
}
.kdesigner-city-picker-focused .kdesigner-city-picker-content-item:not(.kdesigner-city-picker-content-item-seleted) {
  color: var(--kdesigner-c-city-picker-placeholder-color-text, #b2b2b2);
}
.kdesigner-city-picker-disabled {
  background-color: var(--kdesigner-c-city-picker-color-background-disabled, #fff);
  color: var(--kdesigner-c-city-picker-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  padding-right: 0;
  border-color: #e5e5e5;
}
.kdesigner-city-picker-disabled:hover {
  cursor: not-allowed;
}
.kdesigner-city-picker-disabled .kdesigner-city-picker-suffix {
  color: var(--kdesigner-c-city-picker-arrow-icon-color-text-disabled, #b2b2b2);
}
.kdesigner-city-picker-disabled.kdesigner-city-picker-bordered {
  padding-right: var(--kdesigner-c-city-picker-bordered-spacing-padding-left, 8px);
}
.kdesigner-city-picker-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 14px;
}
.kdesigner-city-picker-content-search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.kdesigner-city-picker-content-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.kdesigner-city-picker-content-item {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-city-picker-content-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  color: var(--kdesigner-c-city-picker-placeholder-color-text, #b2b2b2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-clipboard {
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: var(--kdesigner-c-clipboard-font-weight, var(--kdesigner-g-font-weight, 400));
  color: #bbbbbb;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdesigner-clipboard:hover {
  color: #5582f3;
}
.kdesigner-clipboard:disabled,
.kdesigner-clipboard[disabled] {
  color: #bbbbbb;
  cursor: not-allowed;
}
.kdesigner-clipboard-size-small {
  height: var(--kdesigner-c-clipboard-sizing-height-small, 24px);
  padding: var(--kdesigner-c-clipboard-spacing-padding-vertical-small, 3px) var(--kdesigner-c-clipboard-spacing-padding-horizontal-small, 8px);
  font-size: var(--kdesigner-c-clipboard-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  line-height: calc(var(--kdesigner-c-clipboard-sizing-height-small, 24px) - (var(--kdesigner-c-clipboard-spacing-padding-vertical-small, 3px)) * 2);
}
.kdesigner-clipboard-size-small.kdesigner-clipboard-icon-only {
  font-size: var(--kdesigner-c-clipboard-icon-font-size-small, 14px);
  padding: 0 var(--kdesigner-c-clipboard-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-clipboard-size-middle {
  height: var(--kdesigner-c-clipboard-sizing-height-middle, 28px);
  padding: var(--kdesigner-c-clipboard-spacing-padding-vertical-middle, 5px) var(--kdesigner-c-clipboard-spacing-padding-horizontal-middle, 8px);
  font-size: var(--kdesigner-c-clipboard-font-size-middle, var(--kdesigner-g-font-size-middle, 14px));
  line-height: calc(var(--kdesigner-c-clipboard-sizing-height-middle, 28px) - (var(--kdesigner-c-clipboard-spacing-padding-vertical-middle, 5px)) * 2);
}
.kdesigner-clipboard-size-middle.kdesigner-clipboard-icon-only {
  font-size: var(--kdesigner-c-clipboard-icon-font-size-middle, 16px);
  padding: 0 var(--kdesigner-c-clipboard-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-clipboard-size-large {
  height: var(--kdesigner-c-clipboard-sizing-height-large, 32px);
  padding: var(--kdesigner-c-clipboard-spacing-padding-vertical-large, 6px) var(--kdesigner-c-clipboard-spacing-padding-horizontal-large, 8px);
  font-size: var(--kdesigner-c-clipboard-font-size-large, var(--kdesigner-g-font-size-large, 16px));
  line-height: calc(var(--kdesigner-c-clipboard-sizing-height-large, 32px) - (var(--kdesigner-c-clipboard-spacing-padding-vertical-large, 6px)) * 2);
}
.kdesigner-clipboard-size-large.kdesigner-clipboard-icon-only {
  font-size: var(--kdesigner-c-clipboard-icon-font-size-large, 18px);
  padding: 0 var(--kdesigner-c-clipboard-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-clipboard:not(.kdesigner-clipboard-icon-only) > i:not(:last-child) {
  margin-right: 2px;
}
.kdesigner-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.kdesigner-collapse-panel:last-child {
  border-top: none;
}
.kdesigner-collapse-panel-border.kdesigner-collapse-panel:first-child {
  border-top: var(--kdesigner-c-collapse-border-width, 1px) solid var(--kdesigner-c-collapse-color-border-strong-2, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
}
.kdesigner-collapse-panel-border.kdesigner-collapse-panel:not(:nth-child(1)) {
  border-top: none;
}
.kdesigner-collapse-panel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdesigner-collapse-panel-border {
  border: var(--kdesigner-c-collapse-border-width, 1px) solid var(--kdesigner-c-collapse-color-border-strong-2, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
}
.kdesigner-collapse-panel-top {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: var(--kdesigner-c-collapse-header-spacing-padding, 8px 50px 8px 28px);
  background: var(--kdesigner-c-collapse-header-color-background, rgba(0, 0, 0, 0));
}
.kdesigner-collapse-panel-top-border {
  border-bottom: var(--kdesigner-c-collapse-border-width, 1px) solid var(--kdesigner-c-collapse-color-border-strong-2, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
}
.kdesigner-collapse-panel-left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.kdesigner-collapse-panel-middle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 22px;
  color: var(--kdesigner-c-collapse-header-color-text-secondary, var(--kdesigner-g-color-text-secondary, #666));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-collapse-panel-right {
  margin-left: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.kdesigner-collapse-panel-extra,
.kdesigner-collapse-panel-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--kdesigner-c-collapse-header-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-collapse-header-font-size, 16px);
}
.kdesigner-collapse-panel-header {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-collapse-panel-header:hover {
  color: var(--kdesigner-c-collapse-header-color-text-hover, #666666);
}
.kdesigner-collapse-panel-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: var(--kdesigner-c-collapse-spacing-margin-right, 6px);
  font-size: var(--kdesigner-c-collapse-icon-font-size, 16px);
}
.kdesigner-collapse-panel-icon:hover,
.kdesigner-collapse-panel-left:hover {
  cursor: pointer;
}
.kdesigner-collapse-panel-animation-expand {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: -webkit-transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)), -webkit-transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-collapse-panel-animation-collapse {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: -webkit-transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)), -webkit-transform var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-collapse-panel-children {
  overflow: hidden;
  opacity: 0;
  padding: var(--kdesigner-c-collapse-content-spacing-padding, 0 50px);
  color: var(--kdesigner-c-collapse-content-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-collapse-content-font-size, var(--kdesigner-g-font-size-middle, 14px));
  -webkit-transition: height var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)), opacity var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: height var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)), opacity var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s));
  background: var(--kdesigner-c-collapse-content-color-background, rgba(0, 0, 0, 0));
}
.kdesigner-collapse-panel-children-hide {
  overflow: hidden;
  opacity: 0;
  height: 0;
  padding: var(--kdesigner-c-collapse-content-spacing-padding, 0 50px);
  color: var(--kdesigner-c-collapse-content-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-collapse-content-font-size, var(--kdesigner-g-font-size-middle, 14px));
  -webkit-transition: height var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)), opacity calc(var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)) / 2);
  transition: height var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)), opacity calc(var(--kdesigner-c-collapse-motion-duration, var(--kdesigner-g-duration, 0.3s)) / 2);
}
.kdesigner-collapse-panel-children-bordered {
  padding: var(--kdesigner-c-collapse-content-bordered-spacing-padding, 12px);
  overflow: hidden;
}
.kdesigner-collapse-panel-disabled {
  cursor: not-allowed !important;
  color: var(--kdesigner-c-collapse-color-disabled, raba(178, 178, 178, 1));
}
.kdesigner-color-picker-container {
  position: relative;
  width: var(--kdesigner-c-color-picker-input-sizing-width, 230px);
}
.kdesigner-color-picker-container .kdesigner-color-picker-input {
  width: var(--kdesigner-c-color-picker-input-sizing-width, 230px);
  height: var(--kdesigner-c-color-picker-input-sizing-height, 28px);
  border-bottom: 1px solid #d9d9d9;
  font-size: var(--kdesigner-c-color-picker-input-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-color-picker-container .kdesigner-color-picker-icon-container {
  position: absolute;
  top: 3px;
  right: 6px;
  cursor: pointer;
}
.kdesigner-color-picker-container .kdesigner-color-picker-icon-container .kdesigner-color-picker-icon {
  width: var(--kdesigner-c-color-picker-input-suffix-sizing-width, 20px);
  height: var(--kdesigner-c-color-picker-input-suffix-sizing-height, 20px);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
.kdesigner-color-picker-container .kdesigner-color-picker-icon-container .kdesigner-color-picker-icon-underline {
  margin-right: -6px;
}
.kdesigner-color-picker-container .kdesigner-color-picker-icon-container .kdesigner-color-picker-icon-up .kdicon-arrow-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.kdesigner-color-picker-container .kdesigner-color-picker-icon-container .kdesigner-color-picker-icon-down .kdicon-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.kdesigner-color-picker-pop {
  width: var(--kdesigner-c-color-picker-panel-sizing-width, 304px);
}
.kdesigner-color-picker-pop.topLeft.hidden,
.kdesigner-color-picker-pop.bottomLeft.hidden,
.kdesigner-color-picker-pop.topRight.hidden,
.kdesigner-color-picker-pop.bottomRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: var(--kdesigner-c-color-picker-panel-sizing-width, 304px);
  padding: 4px 12px 16px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  z-index: var(--kdesigner-c-color-picker-panel-z-index, var(--kdesigner-g-z-index-popper, 1050));
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome {
  width: 278px !important;
  margin-top: 12px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child {
  padding: 9px 0 4px !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:first-child > div {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  margin-top: -1px !important;
  margin-left: 4px !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child .hue-horizontal {
  width: 240px !important;
  height: 12px !important;
  border-radius: 6px !important;
  padding: unset !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child .hue-horizontal > div > div {
  margin-top: 1px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div {
  width: 240px !important;
  height: 12px !important;
  margin: unset;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:first-child {
  border-radius: 6px !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:nth-child(2) {
  border-radius: 6px !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:last-child {
  margin: unset !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:last-child > div > div {
  margin-top: 1px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome > div:last-child .flexbox-fix:last-child {
  display: none !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome-no-box > div:first-child {
  display: none;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome-no-hue > div:last-child .flexbox-fix:first-child > div:last-child > div:first-child {
  display: none;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome-no-hue > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child {
  margin-top: 8px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome-no-opacity > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child {
  display: none;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-chrome-no-opacity > div:last-child .flexbox-fix:first-child > div:last-child > div:first-child {
  margin-top: 8px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel .kdesigner-color-picker-panel-chrome-no-box.kdesigner-color-picker-panel-chrome-no-hue.kdesigner-color-picker-panel-chrome-no-opacity {
  display: none;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel .kdesigner-color-picker-panel-chrome-no-hue.kdesigner-color-picker-panel-chrome-no-opacity > div:last-child {
  display: none;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-switch {
  margin: 12px 0 0;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-switch span {
  vertical-align: middle;
  margin-right: 9px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 10px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: inline-block;
  position: relative;
  font-size: var(--kdesigner-c-color-picker-panel-select-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input .kdesigner-select-dropdown-panel {
  margin: 0 !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input .kdesigner-select-dropdown-panel.bottomLeft,
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input .kdesigner-select-dropdown-panel.topLeft {
  position: absolute;
  width: 60px !important;
  min-width: unset !important;
  background: #FFFFFF;
  right: 0;
  left: unset !important;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input .kdesigner-select-dropdown-panel .kdesigner-select-dropdown .kdesigner-select-item-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: unset;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input .kdesigner-select-bordered {
  border-radius: 2px;
  width: var(--kdesigner-c-color-picker-panel-select-sizing-width, 212px);
  height: var(--kdesigner-c-color-picker-panel-select-sizing-height, 28px);
  min-height: 28px;
  padding: 0 28px 0 0;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input .kdesigner-select-bordered .kdesigner-select-placeholder {
  left: 8px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-input .active-option {
  background-color: var(--kdesigner-c-color-picker-panel-option-color-background-selected, var(--kdesigner-g-color-theme-3, #e3eeff));
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-container-transparent {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 60px;
          flex: 0 1 60px;
  height: 28px;
  margin-left: 8px;
  text-align: center;
  font-size: var(--kdesigner-c-color-picker-panel-alpha-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 12px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer-ie11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer-ie11 li {
  margin-right: 8px;
  margin-top: 8px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer-ie11 li:nth-child(12n) {
  margin-right: 0;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer-ie11 li:nth-child(-n+12) {
  margin-top: 0;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer-unset-color {
  margin-top: 0;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer li {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: var(--kdesigner-c-color-picker-panel-preset-sizing-width, 16px);
  height: var(--kdesigner-c-color-picker-panel-preset-sizing-height, 16px);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  list-style: none;
  cursor: pointer;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer li .square {
  display: none;
  position: absolute;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  top: -3px;
  left: -3px;
  width: calc(var(--kdesigner-c-color-picker-panel-preset-sizing-width, 16px) + 4px);
  height: calc(var(--kdesigner-c-color-picker-panel-preset-sizing-height, 16px) + 4px);
  border: 1px solid #b2b2b0;
  border-radius: 4px;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer li .square-click {
  display: block;
  -webkit-box-shadow: 0 0 0 1px #e5e5e5 !important;
          box-shadow: 0 0 0 1px #e5e5e5 !important;
}
.kdesigner-color-picker-pop .kdesigner-color-picker-panel-colorDivContainer li:hover .square {
  display: block;
}
.kdesigner-date-picker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid var(--kdesigner-c-date-picker-input-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdesigner-c-date-picker-input-radius-border, var(--kdesigner-g-radius-border, 2px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdesigner-c-date-picker-input-color-background, var(--kdesigner-g-color-white, #fff));
  width: var(--kdesigner-c-date-picker-sizing-width, 230px);
}
.kdesigner-date-picker-borderless {
  border: 0;
}
.kdesigner-date-picker-underline {
  border: none;
  border-bottom: 1px solid var(--kdesigner-c-date-picker-input-underline-color, #999);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.kdesigner-date-picker-disabled {
  background-color: var(--kdesigner-c-date-picker-input-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kdesigner-c-date-picker-input-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9)) !important;
  color: var(--kdesigner-c-date-picker-input-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2)) !important;
  cursor: not-allowed !important;
}
.kdesigner-date-picker-disabled input {
  cursor: not-allowed !important;
}
.kdesigner-date-picker-underline.kdesigner-date-picker-disabled,
.kdesigner-date-picker-borderless.kdesigner-date-picker-disabled {
  background-color: var(--kdesigner-c-date-picker-input-color-background, var(--kdesigner-g-color-white, #fff));
  border-color: var(--kdesigner-c-date-picker-input-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-date-picker-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-date-picker:hover {
  border-color: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-date-picker:not(.kdesigner-date-picker-disabled) input:focus {
  color: var(--kdesigner-c-date-picker-input-color-focused, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-date-picker-small {
  line-height: calc(var(--kdesigner-c-date-picker-small-sizing-height, 20px) - (var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  height: var(--kdesigner-c-date-picker-small-sizing-height, 20px);
  line-height: calc(var(--kdesigner-c-date-picker-small-sizing-height, 20px) - (var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-date-picker-small-font-size, var(--kdesigner-g-font-size-small, 12px));
  padding: var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) var(--kdesigner-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kdesigner-date-picker-small.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kdesigner-date-picker-small .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2);
}
.kdesigner-date-picker-small .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2);
}
.kdesigner-date-picker-small.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-date-picker-small.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-date-picker-small input {
  font-size: var(--kdesigner-c-date-picker-small-font-size, var(--kdesigner-g-font-size-small, 12px));
}
.kdesigner-date-picker-large {
  line-height: calc(var(--kdesigner-c-date-picker-large-sizing-height, 36px) - (var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  height: var(--kdesigner-c-date-picker-large-sizing-height, 36px);
  line-height: calc(var(--kdesigner-c-date-picker-large-sizing-height, 36px) - (var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-date-picker-large-font-size, var(--kdesigner-g-font-size-large, 16px));
  padding: var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) var(--kdesigner-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kdesigner-date-picker-large.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kdesigner-date-picker-large .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2);
}
.kdesigner-date-picker-large .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2);
}
.kdesigner-date-picker-large.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-date-picker-large.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-date-picker-large input {
  font-size: var(--kdesigner-c-date-picker-large-font-size, var(--kdesigner-g-font-size-large, 16px));
}
.kdesigner-date-picker-middle {
  line-height: calc(var(--kdesigner-c-date-picker-middle-sizing-height, 30px) - (var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  height: var(--kdesigner-c-date-picker-middle-sizing-height, 30px);
  line-height: calc(var(--kdesigner-c-date-picker-middle-sizing-height, 30px) - (var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-date-picker-middle-font-size, var(--kdesigner-g-font-size-middle, 14px));
  padding: var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) var(--kdesigner-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kdesigner-date-picker-middle.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kdesigner-date-picker-middle .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2);
}
.kdesigner-date-picker-middle .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-date-picker-small-spacing-padding-vertical, 4px) * 2);
}
.kdesigner-date-picker-middle.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-date-picker-middle.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-date-picker-middle input {
  font-size: var(--kdesigner-c-date-picker-middle-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-date-picker-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
}
.kdesigner-date-picker-input input {
  width: 100%;
  min-width: 0;
  color: var(--kdesigner-c-date-picker-input-color, var(--kdesigner-g-color-text-primary, #212121));
  line-height: inherit;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kdesigner-date-picker-input input::-webkit-input-placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input input::-moz-input-placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input input::-ms-input-placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-date-picker-input input[disabled] {
  background: transparent;
}
.kdesigner-date-picker-input input::-webkit-input-placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input input::-moz-placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input input:-ms-input-placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input input::-ms-input-placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input input::placeholder {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-input-placeholder > input {
  color: var(--kdesigner-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kdesigner-date-picker-range {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.kdesigner-date-picker-range-separator {
  display: inline-block;
  padding: 0 8px;
}
.kdesigner-date-picker-range .kdesigner-date-picker-clear {
  right: var(--kdesigner-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kdesigner-date-picker-range .kdesigner-date-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: var(--kdesigner-c-date-picker-bar-color-bg-active, var(--kdesigner-g-color-theme, #276ff5));
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.kdesigner-date-picker-range.kdesigner-date-picker-focused .kdesigner-date-picker-active-bar {
  opacity: 1;
}
.kdesigner-date-picker-suffix {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: var(--kdesigner-c-date-picker-suffix-spacing-margin-left, 10px);
  color: var(--kdesigner-c-date-picker-input-color, var(--kdesigner-g-color-text-primary, #212121));
  line-height: 1;
  pointer-events: none;
}
.kdesigner-date-picker-suffix > * {
  vertical-align: top;
}
.kdesigner-date-picker:not(.kdesigner-date-picker-disabled):hover .kdesigner-date-picker-clear {
  opacity: 1;
}
.kdesigner-date-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--kdesigner-c-date-picker-icon-color, #d9d9d9);
  line-height: 1;
  background: var(--kdesigner-c-date-picker-clear-color-background, var(--kdesigner-g-color-background, #fff));
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  cursor: pointer;
  opacity: 0;
}
.kdesigner-date-picker-clear > * {
  vertical-align: top;
}
.kdesigner-date-picker-clear:hover {
  color: var(--kdesigner-c-date-picker-icon-color-hover, #999);
}
.kdesigner-date-picker .kdesigner-date-picker-range-clear {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: var(--kdesigner-c-date-picker-suffix-spacing-margin-left, 10px);
  color: var(--kdesigner-c-date-picker-icon-color, #d9d9d9);
  line-height: 1;
  cursor: pointer;
}
.kdesigner-date-picker .kdesigner-date-picker-range-clear:hover {
  color: var(--kdesigner-c-date-picker-icon-color-hover, #999);
}
.kdesigner-date-picker-focused .kdesigner-date-picker-suffix {
  color: var(--kdesigner-c-date-picker-clear-color-background-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-date-picker-error {
  border-color: var(--kdesigner-g-color-error, #fb2323);
}
.kdesigner-date-picker-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: var(--kdesigner-c-date-picker-panel-radius-border, var(--kdesigner-g-radius-border, 2px));
  background-color: #fff;
  text-align: center;
  z-index: var(--kdesigner-c-date-picker-panel-z-index, var(--kdesigner-g-z-index-popper, 1050));
  font-size: var(--kdesigner-c-date-picker-panel-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-date-picker-panel-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-date-picker-panel.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper {
  font-size: 12px;
  background: var(--kdesigner-c-date-picker-wrapper-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter {
  width: 240px;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-line {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-item,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-item,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-item,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  padding-bottom: 8px;
  color: #212121;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-text,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-text,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-text {
  line-height: 24px;
  display: inline-block;
  border-radius: var(--kdesigner-c-date-picker-panel-radius-border, var(--kdesigner-g-radius-border, 2px));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item {
  overflow: hidden;
  cursor: pointer;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item:hover .kdesigner-date-picker-year-text:not(.kdesigner-date-picker-year-text-selected) {
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item:hover:not(.kdesigner-date-picker-year-item-disabled) .kdesigner-date-picker-year-text-selected {
  background: var(--kdesigner-c-date-picker-square-item-color-selected, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item .kdesigner-date-picker-year-text {
  position: relative;
  z-index: 2;
  width: 46px;
  padding: 2px 2px;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item .kdesigner-date-picker-year-text-today {
  position: relative;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item .kdesigner-date-picker-year-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item-disabled {
  pointer-events: none;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item-disabled .kdesigner-date-picker-year-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year-warpper .kdesigner-date-picker-year-item .kdesigner-date-picker-year-text-selected {
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  color: #fff;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year .kdesigner-date-picker-range-view::before,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year .kdesigner-date-picker-range-start::before,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-year .kdesigner-date-picker-range-end::before {
  height: 28px;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item {
  overflow: hidden;
  cursor: pointer;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item:hover .kdesigner-date-picker-month-text:not(.kdesigner-date-picker-month-text-selected) {
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item:hover:not(.kdesigner-date-picker-month-item-disabled) .kdesigner-date-picker-month-text-selected {
  background: var(--kdesigner-c-date-picker-square-item-color-selected, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item .kdesigner-date-picker-month-text {
  position: relative;
  z-index: 2;
  width: 48px;
  padding: 2px 5px;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item .kdesigner-date-picker-month-text-today {
  position: relative;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item .kdesigner-date-picker-month-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item-disabled {
  pointer-events: none;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item-disabled .kdesigner-date-picker-month-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month-warpper .kdesigner-date-picker-month-item .kdesigner-date-picker-month-text-selected {
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  color: #fff;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month .kdesigner-date-picker-range-view::before,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month .kdesigner-date-picker-range-start::before,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-month .kdesigner-date-picker-range-end::before {
  height: 28px;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item {
  overflow: hidden;
  padding-bottom: 0;
  cursor: pointer;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item:hover .kdesigner-date-picker-quarter-text:not(.kdesigner-date-picker-quarter-text-selected) {
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item:hover:not(.kdesigner-date-picker-quarter-item-disabled) .kdesigner-date-picker-quarter-text-selected {
  background: var(--kdesigner-c-date-picker-square-item-color-selected, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item .kdesigner-date-picker-quarter-text {
  position: relative;
  z-index: 2;
  width: 36px;
  padding: 0 5px;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item .kdesigner-date-picker-quarter-text-today {
  position: relative;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item .kdesigner-date-picker-quarter-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item-disabled {
  pointer-events: none;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item-disabled .kdesigner-date-picker-quarter-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-quarter-warpper .kdesigner-date-picker-quarter-item .kdesigner-date-picker-quarter-text-selected {
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  color: #fff;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar {
  width: 240px;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-weektitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-weektitle-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 32px;
  line-height: 32px;
  cursor: default;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line .kdesigner-date-picker-calendar-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
  height: 32px;
  padding: 3px 0;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line .kdesigner-date-picker-calendar-item:not(.kdesigner-date-picker-calendar-item-disabled):hover .kdesigner-date-picker-calendar-text {
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line .kdesigner-date-picker-calendar-item:not(.kdesigner-date-picker-calendar-item-disabled):hover .kdesigner-date-picker-calendar-text-selected {
  background: var(--kdesigner-c-date-picker-square-item-color-selected, var(--kdesigner-g-color-theme-5, #87adff)) !important;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line .kdesigner-date-picker-calendar-item-disabled {
  position: relative;
  cursor: not-allowed;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line .kdesigner-date-picker-calendar-item-disabled .kdesigner-date-picker-calendar-text {
  color: #b2b2b2;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line .kdesigner-date-picker-calendar-item-disabled .kdesigner-date-picker-calendar-text-selected {
  color: #fff;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-line .kdesigner-date-picker-calendar-item-disabled::before {
  content: '';
  width: 100%;
  position: absolute;
  z-index: 1;
  background: #f5f5f5;
  height: 24px;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line .kdesigner-date-picker-calendar-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  cursor: pointer;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line .kdesigner-date-picker-calendar-item ::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line:hover .kdesigner-date-picker-calendar-item:not(.kdesigner-date-picker-calendar-item-disabled) .kdesigner-date-picker-calendar-week-text::before {
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line.kdesigner-date-picker-calendar-week-selected .kdesigner-date-picker-calendar-week-text::before {
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line.kdesigner-date-picker-calendar-week-selected:hover .kdesigner-date-picker-calendar-item:not(.kdesigner-date-picker-calendar-item-disabled) .kdesigner-date-picker-calendar-week-text::before {
  background: var(--kdesigner-c-date-picker-square-item-color-selected, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line.kdesigner-date-picker-calendar-week-selected .kdesigner-date-picker-calendar-week-text {
  background: transparent !important;
  color: #fff !important;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line.kdesigner-date-picker-calendar-week-selected .kdesigner-date-picker-calendar-week-text-today {
  position: relative;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line.kdesigner-date-picker-calendar-week-selected .kdesigner-date-picker-calendar-week-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #fff;
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line .kdesigner-date-picker-calendar-item-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line .kdesigner-date-picker-calendar-item-disabled .kdesigner-date-picker-calendar-week-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line .kdesigner-date-picker-range-start::before {
  left: 0;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-line .kdesigner-date-picker-range-end::before {
  right: 0;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-text,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-text {
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  border-radius: var(--kdesigner-c-date-picker-panel-radius-border, var(--kdesigner-g-radius-border, 2px));
  color: #b2b2b2;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-text-today,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-text-today {
  position: relative;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-text-today::after,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-week-text {
  width: 100%;
  height: 24px;
  margin: 3px 0;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-current .kdesigner-date-picker-calendar-text {
  color: #212121;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-current .kdesigner-date-picker-calendar-week-text {
  color: #212121;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-current .kdesigner-date-picker-calendar-text-selected {
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  color: #fff;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-calendar-weeknumber,
.kdesigner-date-picker-panel .kdesigner-date-picker-warpper .kdesigner-date-picker-calendar .kdesigner-date-picker-weektitle-weeknumber {
  width: 24px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #bfbfbf;
  font-weight: bold;
  cursor: default;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-range-start::before {
  left: 50%;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-range-start .kdesigner-date-picker-calendar-text-selected {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-range-end::before {
  right: 50%;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-range-end .kdesigner-date-picker-calendar-text-selected {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-range-view,
.kdesigner-date-picker-panel .kdesigner-date-picker-range-start,
.kdesigner-date-picker-panel .kdesigner-date-picker-range-end {
  position: relative;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-range-view::before,
.kdesigner-date-picker-panel .kdesigner-date-picker-range-start::before,
.kdesigner-date-picker-panel .kdesigner-date-picker-range-end::before {
  content: '';
  position: absolute;
  z-index: 1;
  height: 24px;
  width: 100%;
  margin: 0 -4px;
  background: var(--kdesigner-c-date-picker-range-item-color-bg, var(--kdesigner-g-color-theme-1, #f2f8ff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-header-icon {
  min-width: 1.6em;
  font-size: 14px;
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  background: 0 0;
  border: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-header-icon:hover {
  color: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-header-text-inner-active {
  color: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-header-text-inner-hover:hover {
  color: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  cursor: pointer;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-header-text-inner:nth-child(2) {
  margin-left: 13px;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time-header,
.kdesigner-date-picker-panel .kdesigner-date-picker-header {
  height: var(--kdesigner-c-date-picker-panel-header-sizing-height, 36px);
  line-height: var(--kdesigner-c-date-picker-panel-header-sizing-height, 36px);
  background: #fafafa;
  color: #212121;
  font-size: 14px;
  padding: 7px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time {
  padding-top: 4px;
  width: auto;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 242px;
  border-left: 1px solid #d9d9d9;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 10px 0 214px 0;
  text-align: left;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  overflow: hidden;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column:not(:first-child) {
  border-left: 1px solid #d9d9d9;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column:hover {
  overflow-y: overlay;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column .kdesigner-date-picker-time-cell {
  margin: 0;
  padding: 0;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column .kdesigner-date-picker-time-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column .kdesigner-date-picker-time-cell-inner:hover {
  background: #f5f5f5;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column .kdesigner-date-picker-time-cell-selected .kdesigner-date-picker-time-cell-inner {
  background: var(--kdesigner-c-date-picker-range-item-color-bg, var(--kdesigner-g-color-theme-1, #f2f8ff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-time .kdesigner-date-picker-content .kdesigner-date-picker-time-column .kdesigner-date-picker-time-cell-disabled .kdesigner-date-picker-time-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-datetime-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-datetime-panel .kdesigner-date-picker-time {
  padding: 0;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 36px;
  height: 40px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid transparent;
  padding: 0 12px;
  color: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  background: var(--kdesigner-c-date-picker-footer-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer::after {
  content: '';
  vertical-align: middle;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer-extra {
  line-height: 34px;
  text-align: left;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-today-btn,
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-ok-btn {
  display: inline-block;
  padding: 5px 12px;
  background: var(--kdesigner-c-date-picker-color-background-checked, var(--kdesigner-g-color-theme, #276ff5));
  color: #fff;
  border-radius: var(--kdesigner-c-date-picker-panel-radius-border, var(--kdesigner-g-radius-border, 2px));
  line-height: initial;
  vertical-align: middle;
  cursor: pointer;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-btn-disabled {
  background-color: #e3ebff;
  cursor: not-allowed;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-btns {
  margin-bottom: 0;
  overflow: hidden;
  text-align: left;
  list-style: none;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-btns li {
  display: inline-block;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-btns li::after {
  vertical-align: middle;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-btns .kdesigner-date-picker-now {
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}
.kdesigner-date-picker-panel .kdesigner-date-picker-footer .kdesigner-date-picker-btns .kdesigner-date-picker-ok {
  float: right;
  margin-left: 8px;
  vertical-align: middle;
}
.kdesigner-date-picker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--kdesigner-c-date-picker-container-color-background, var(--kdesigner-g-color-background-2, #f2f2f2));
}
.kdesigner-date-picker-container-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-date-picker-container .kdesigner-date-picker-ranges {
  width: 160px;
  color: var(--kdesigner-c-date-picker-container-color, var(--kdesigner-g-color-text-primary, #212121));
  padding: 0 12px;
  text-align: left;
  overflow: auto;
  max-height: 276px;
}
.kdesigner-date-picker-container .kdesigner-date-picker-ranges-item {
  height: var(--kdesigner-c-date-picker-panel-header-sizing-height, 36px);
  line-height: var(--kdesigner-c-date-picker-panel-header-sizing-height, 36px);
  font-size: var(--kdesigner-c-date-picker-container-font-size, var(--kdesigner-g-font-size-small, 12px));
  border-bottom: 0.5px solid var(--kdesigner-c-date-picker-container-color-border, var(--kdesigner-g-color-border-weak, #e5e5e5));
  cursor: pointer;
}
.kdesigner-divider {
  color: var(--kdesigner-c-divider-color-text, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-divider-font-size, var(--kdesigner-g-font-size-small, 12px));
  width: 900px;
  padding: var(--kdesigner-c-divider-spacing-padding-horizontal, 0px);
  border-top: 1px solid var(--kdesigner-g-color-border-strong, #d9d9d9);
}
.kdesigner-divider-vertical {
  display: inline-block;
  border-left: 1px solid var(--kdesigner-g-color-border-strong, #d9d9d9);
  width: 0;
  height: 1em;
}
.kdesigner-divider-solid {
  border-top-style: solid;
  border-left-style: solid;
}
.kdesigner-divider-solid .kdesigner-divider-inner-text::before,
.kdesigner-divider-solid .kdesigner-divider-inner-text::after {
  border-block-start-style: solid;
}
.kdesigner-divider-dashed {
  border-top-style: dashed;
  border-left-style: dashed;
}
.kdesigner-divider-dashed .kdesigner-divider-inner-text::before,
.kdesigner-divider-dashed .kdesigner-divider-inner-text::after {
  border-block-start-style: dashed;
}
.kdesigner-divider-dotted {
  border-top-style: dotted;
  border-left-style: dotted;
}
.kdesigner-divider-dotted .kdesigner-divider-inner-text::before,
.kdesigner-divider-dotted .kdesigner-divider-inner-text::after {
  border-block-start-style: dotted;
}
.kdesigner-divider-with-text {
  border: unset;
}
.kdesigner-divider-with-text .kdesigner-divider-inner-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-divider-with-text .kdesigner-divider-inner-text::before {
  content: '';
  width: 74px;
  margin-right: 8px;
  border-top-width: 1px;
  border-top-color: var(--kdesigner-g-color-border-strong, #d9d9d9);
}
.kdesigner-divider-with-text .kdesigner-divider-inner-text::after {
  content: '';
  width: calc(100% - 74px);
  margin-left: 8px;
  border-top-width: 1px;
  border-top-color: var(--kdesigner-g-color-border-strong, #d9d9d9);
}
.kdesigner-divider-with-text-center .kdesigner-divider-inner-text::before,
.kdesigner-divider-with-text-center .kdesigner-divider-inner-text::after {
  width: 50%;
}
.kdesigner-divider-with-text-right .kdesigner-divider-inner-text::before {
  width: calc(100% - 74px);
}
.kdesigner-divider-with-text-right .kdesigner-divider-inner-text::after {
  width: 74px;
}
.kdesigner-divider-margin-left .kdesigner-divider-inner-text::before {
  width: 0;
}
.kdesigner-divider-margin-left .kdesigner-divider-inner-text::after {
  width: 100%;
}
.kdesigner-divider-margin-right .kdesigner-divider-inner-text::before {
  width: 100%;
}
.kdesigner-divider-margin-right .kdesigner-divider-inner-text::after {
  width: 0;
}
.drawer-container-placement-horizontal {
  top: 0;
  bottom: 0;
}
.drawer-container-placement-vertical {
  left: 0;
  right: 0;
}
.overall-postion {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.kdesigner-drawer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: var(--kdesigner-g-z-index-dialog, 1050);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.kdesigner-drawer-active .kdesigner-drawer-mask {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: all calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kdesigner-drawer-hide {
  visibility: hidden;
  -webkit-transition: visibility calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: visibility calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kdesigner-drawer-mask {
  position: fixed;
  background-color: rgba(55, 55, 55, 0.5);
  z-index: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: opacity calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kdesigner-drawer-not-at-body {
  position: absolute;
}
.kdesigner-drawer-not-at-body .kdesigner-drawer-mask {
  position: absolute;
}
.kdesigner-drawer-container-left,
.kdesigner-drawer-container-right {
  top: 0;
  bottom: 0;
}
.kdesigner-drawer-container-top,
.kdesigner-drawer-container-bottom {
  left: 0;
  right: 0;
}
.kdesigner-drawer-container-top .kdesigner-drawer-body,
.kdesigner-drawer-container-bottom .kdesigner-drawer-body {
  max-height: var(--kdesigner-c-drawer-body-max-height-vertical, 470px);
  overflow-y: auto;
}
.kdesigner-drawer-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--kdesigner-c-drawer-color-background, var(--kdesigner-g-color-background, #fff));
  -webkit-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: all calc(var(--kdesigner-g-duration, 0.3s) - 0.1s) var(--kdesigner-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kdesigner-drawer-container-box .kdesigner-drawer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--kdesigner-c-drawer-header-sizing-padding-vertical, 12px) var(--kdesigner-c-drawer-header-sizing-padding-horizontal, 16px);
  border-bottom: var(--kdesigner-c-drawer-dividing-sizing-width, 1px) solid var(--kdesigner-c-drawer-dividing-color-border, var(--kdesigner-g-color-border-disabled, #ccc));
}
.kdesigner-drawer-container-box .kdesigner-drawer-header .kdesigner-drawer-title {
  letter-spacing: 0;
  line-height: 26px;
  font-size: var(--kdesigner-c-drawer-title-font-size, var(--kdesigner-g-font-size-x-large, 18px));
  color: var(--kdesigner-c-drawer-title-color-text, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-drawer-container-box .kdesigner-drawer-header .kdesigner-drawer-close-icon {
  cursor: pointer;
}
.kdesigner-drawer-container-box .kdesigner-drawer-header .kdesigner-drawer-close-icon i {
  color: var(--kdesigner-c-drawer-close-icon-color-text, var(--kdesigner-g-color-text-secondary, #666));
  font-size: var(--kdesigner-c-drawer-close-icon-font-size, var(--kdesigner-g-font-size-large, 16px));
}
.kdesigner-drawer-container-box .kdesigner-drawer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--kdesigner-c-drawer-body-sizing-padding, 16px);
  font-size: var(--kdesigner-g-font-size-middle, 14px);
  color: var(--kdesigner-g-color-text-primary, #212121);
}
.kdesigner-drawer-container-box .kdesigner-drawer-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  font-size: var(--kdesigner-g-font-size-small, 12px);
  color: var(--kdesigner-g-color-text-primary, #212121);
}
.kdesigner-dropdown-trigger {
  outline: none;
}
.kdesigner-dropdown-trigger-container {
  display: inline-block;
}
.kdesigner-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  opacity: 1;
  visibility: visible;
  z-index: var(--kdesigner-g-z-index-popper, 1050);
  background-color: var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff));
  border-radius: var(--kdesigner-g-radius-border, 2px);
  min-width: var(--kdesigner-c-dropdown-menu-sizing-min-width, 64px);
  max-width: var(--kdesigner-c-dropdown-menu-sizing-max-width, 600px);
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.kdesigner-dropdown.hidden {
  opacity: 0;
  visibility: hidden;
}
.kdesigner-dropdown.arrow::before {
  position: absolute;
  z-index: -2;
  background: var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff));
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.kdesigner-dropdown.arrow::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff));
  border-radius: var(--kdesigner-g-radius-border, 2px);
}
.kdesigner-dropdown.arrow.bottomLeft::before,
.kdesigner-dropdown.arrow.bottom::before,
.kdesigner-dropdown.arrow.bottomRight::before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
  border-color: var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff)) transparent transparent var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-dropdown.arrow.topLeft::before,
.kdesigner-dropdown.arrow.top::before,
.kdesigner-dropdown.arrow.topRight::before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
  border-color: transparent var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff)) transparent;
}
.kdesigner-dropdown.arrow.leftTop::before,
.kdesigner-dropdown.arrow.left::before,
.kdesigner-dropdown.arrow.leftBottom::before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
          box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
  border-color: var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff)) transparent transparent;
}
.kdesigner-dropdown.arrow.rightTop::before,
.kdesigner-dropdown.arrow.right::before,
.kdesigner-dropdown.arrow.rightBottom::before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
  border-color: transparent transparent var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-dropdown-menu-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-dropdown-menu {
  max-height: var(--kdesigner-c-dropdown-menu-sizing-max-height, 328px);
  padding: var(--kdesigner-c-dropdown-menu-spacing-padding-vertical, 4px) 0;
  overflow-y: auto;
}
.kdesigner-dropdown-menu-item {
  position: relative;
  padding: var(--kdesigner-c-dropdown-item-spacing-padding-vertical, 7px) var(--kdesigner-c-dropdown-item-spacing-padding-horizontal, 12px);
  color: var(--kdesigner-c-dropdown-menu-item-color-text, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-dropdown-font-size, var(--kdesigner-g-font-size-small, 12px));
  line-height: 18px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background-color var(--kdesigner-g-duration, 0.3s);
  transition: background-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-dropdown-menu-item.disabled,
.kdesigner-dropdown-menu-item.disabled > a {
  color: var(--kdesigner-c-dropdown-item-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-dropdown-menu-item:not(.disabled):hover {
  background-color: var(--kdesigner-c-dropdown-item-color-background-hover, var(--kdesigner-g-color-hover, #f5f5f5));
}
.kdesigner-dropdown-menu-item:not(.disabled):hover > a {
  color: var(--kdesigner-c-dropdown-item-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-dropdown-menu-item:not(.disabled):active,
.kdesigner-dropdown-menu-item:not(.disabled).selected {
  color: var(--kdesigner-c-dropdown-item-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-dropdown-menu-item:not(.disabled):active > a,
.kdesigner-dropdown-menu-item:not(.disabled).selected > a {
  color: var(--kdesigner-c-dropdown-item-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-dropdown-menu-item.divided::before {
  content: '';
  position: absolute;
  top: 0;
  left: var(--kdesigner-c-dropdown-item-spacing-padding-horizontal, 12px);
  right: var(--kdesigner-c-dropdown-item-spacing-padding-horizontal, 12px);
  height: var(--kdesigner-c-dropdown-divided-sizing-height, 1px);
  background-color: var(--kdesigner-c-dropdown-divided-color-background, var(--kdesigner-g-color-border-weak, #e5e5e5));
}
.kdesigner-dropdown-menu-item.danger,
.kdesigner-dropdown-menu-item.danger > a {
  color: var(--kdesigner-c-dropdown-item-color-text-danger, var(--kdesigner-g-color-error, #fb2323));
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s), background-color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s), background-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-dropdown-menu-item.danger:hover,
.kdesigner-dropdown-menu-item.danger > a:hover {
  color: var(--kdesigner-g-color-white, #fff);
  background-color: var(--kdesigner-c-dropdown-item-color-background-danger-hover, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-dropdown-menu-item > a {
  display: block;
  margin: calc(-1 * var(--kdesigner-c-dropdown-item-spacing-padding-vertical, 7px)) calc(-1 * var(--kdesigner-c-dropdown-item-spacing-padding-horizontal, 12px));
  padding: var(--kdesigner-c-dropdown-item-spacing-padding-vertical, 7px) var(--kdesigner-c-dropdown-item-spacing-padding-horizontal, 12px);
  color: var(--kdesigner-c-dropdown-menu-item-color-text, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-dropdown-font-size, var(--kdesigner-g-font-size-small, 12px));
  line-height: 18px;
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-dropdown-menu-item > a:hover {
  color: var(--kdesigner-c-dropdown-menu-item-color-text, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-dropdown-menu-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.kdesigner-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-empty-image {
  height: var(--kdesigner-c-empty-image-sizing-height, 96px);
}
.kdesigner-empty-image + .kdesigner-empty-description {
  margin-top: 8px;
}
.kdesigner-empty-description {
  font-size: var(--kdesigner-c-empty-font-size, var(--kdesigner-g-font-size-middle, 14px));
  color: var(--kdesigner-c-empty-color-text, var(--kdesigner-g-color-text-third, #999));
}
.kdesigner-filter .kdesigner-filter-header {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 9px 124px 9px 0;
}
.kdesigner-filter .kdesigner-filter-header-title {
  white-space: nowrap;
  color: var(--kdesigner-c-filter-header-title-color-text, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-filter-header-title-font-size, var(--kdesigner-g-font-size-large, 16px));
}
.kdesigner-filter .kdesigner-filter-header-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 8px 0 40px;
}
.kdesigner-filter .kdesigner-filter-header-condition-label {
  padding-right: 8px;
  font-size: var(--kdesigner-c-filter-condition-label-font-size, var(--kdesigner-g-font-size-middle, 14px));
  white-space: nowrap;
  color: var(--kdesigner-c-filter-condition-label-color-text, var(--kdesigner-g-color-text-third, #999));
}
.kdesigner-filter .kdesigner-filter-header-condition-item-text {
  max-width: 224px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.kdesigner-filter .kdesigner-filter-header-search {
  min-width: 200px;
}
.kdesigner-filter .kdesigner-filter-header-handle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 100px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: var(--kdesigner-c-filter-handle-color-text, var(--kdesigner-g-color-ongoing, #276ff5));
  font-size: var(--kdesigner-c-filter-handle-font-size, var(--kdesigner-g-font-size-middle, 14px));
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  border-bottom: none;
}
.kdesigner-filter .kdesigner-filter-header-handle > i {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.kdesigner-filter .kdesigner-filter-header-handle.spread {
  border-radius: 4px 4px 0 0;
  background-color: var(--kdesigner-c-filter-handle-color-background-spread, var(--kdesigner-g-color-background-contain, #fafafa));
  border-color: var(--kdesigner-c-filter-handle-color-border-spread, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-filter .kdesigner-filter-header-handle.spread > i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kdesigner-filter .kdesigner-filter-body {
  position: relative;
  height: 0;
  overflow: hidden;
}
.kdesigner-filter .kdesigner-filter-body.spread {
  height: auto;
  overflow: visible;
  padding: 8px 20px;
  border-radius: 4px 0 4px 4px;
  background-color: var(--kdesigner-c-filter-body-color-background, var(--kdesigner-g-color-background-contain, #fafafa));
  border: 1px solid var(--kdesigner-c-filter-body-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-filter .kdesigner-filter-body-tabs {
  border-bottom: 1px solid var(--kdesigner-c-filter-body-tabs-color-border, var(--kdesigner-g-color-border-weak, #e5e5e5));
}
.kdesigner-filter .kdesigner-filter-body-tabs-item {
  padding: 10px 0;
  font-size: var(--kdesigner-c-filter-body-tabs-item-font-size, var(--kdesigner-g-font-size-middle, 14px));
  color: var(--kdesigner-c-filter-body-tabs-item-color-text, var(--kdesigner-g-color-text-third, #999));
  cursor: pointer;
}
.kdesigner-filter .kdesigner-filter-body-tabs-item:hover,
.kdesigner-filter .kdesigner-filter-body-tabs-item.active {
  color: var(--kdesigner-c-filter-body-tabs-item-color-text-active, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-filter .kdesigner-filter-body-tabs-split {
  width: 1px;
  height: 16px;
  background-color: var(--kdesigner-g-color-border-strong, #d9d9d9);
}
.kdesigner-filter .kdesigner-filter-body-conditions {
  display: none;
}
.kdesigner-filter .kdesigner-filter-body-conditions.active {
  display: block;
}
.kdesigner-filter .kdesigner-filter-body-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--kdesigner-g-font-size-small, 12px);
}
.kdesigner-filter .kdesigner-filter-body-condition:not(:last-child) {
  border-bottom: 1px solid var(--kdesigner-g-color-border-weak, #e5e5e5);
}
.kdesigner-filter .kdesigner-filter-body-condition-label {
  padding: 11px 0 10px;
  color: var(--kdesigner-g-color-text-third, #999);
  line-height: 18px;
  width: var(--kdesigner-c-filter-body-condition-label-width);
}
.kdesigner-filter .kdesigner-filter-body-condition-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 64px;
  margin-left: 24px;
  padding: 8px 0 4px;
  overflow: auto;
}
.kdesigner-filter .kdesigner-filter-body-condition-option {
  margin-bottom: 4px;
  padding: 0 12px;
  color: var(--kdesigner-g-color-text-secondary, #666);
  vertical-align: middle;
  line-height: 22px;
  font-size: var(--kdesigner-g-font-size-small, 12px);
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  max-width: var(--kdesigner-c-filter-body-condition-option-max-width);
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.kdesigner-filter .kdesigner-filter-body-condition-option:not(:last-child) {
  margin-right: 24px;
}
.kdesigner-filter .kdesigner-filter-body-condition-option.active {
  color: #276ff5;
  border-color: #276ff5;
  background-color: var(--kdesigner-g-color-background, #fff);
}
.kdesigner-filter .kdesigner-filter-body-condition-option-customer {
  margin-left: -20px;
}
.kdesigner-filter .kdesigner-filter-body-condition-addition {
  margin-left: 24px;
  line-height: 40px;
}
.kdesigner-filter .kdesigner-filter-body-scheme {
  display: none;
}
.kdesigner-filter .kdesigner-filter-body-scheme.active {
  display: block;
}
.kdesigner-filter .kdesigner-filter-body-scheme > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px;
}
.kdesigner-filter .kdesigner-filter-body-scheme-label {
  width: 96px;
  color: var(--kdesigner-g-color-text-third, #999);
  font-size: var(--kdesigner-g-font-size-small, 12px);
}
.kdesigner-filter .kdesigner-filter-body-scheme-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-filter .kdesigner-filter-body-scheme-item {
  font-size: var(--kdesigner-g-font-size-small, 12px);
  color: var(--kdesigner-g-color-text-secondary, #666);
  cursor: pointer;
}
.kdesigner-filter .kdesigner-filter-body-scheme-item:not(:last-child) {
  margin-right: 48px;
}
.kdesigner-filter .kdesigner-filter-body-scheme-item.active {
  color: #276ff5;
}
.kdesigner-filter .kdesigner-filter-body-scheme-action {
  position: absolute;
  right: 0;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail {
  list-style: none;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail > li {
  line-height: normal;
  padding: 7px 0 5px 0;
  color: var(--kdesigner-g-color-text-primary, #212121);
  font-size: var(--kdesigner-g-font-size-small, 12px);
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail > li > span {
  display: inline-block;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail > li > span:not(:last-child) {
  margin-right: 12px;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail-field {
  width: 100px;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail-operator {
  width: 140px;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail-value {
  width: 220px;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail-and {
  font-size: var(--kdesigner-g-font-size-middle, 14px);
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail-delete {
  color: var(--kdesigner-g-color-disabled, #b2b2b2);
  font-size: var(--kdesigner-g-font-size-xx-large, 20px);
  cursor: pointer;
}
.kdesigner-filter .kdesigner-filter-body-scheme-detail-delete:hover {
  color: var(--kdesigner-g-color-error, #fb2323);
}
.kdesigner-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.kdesigner-form-horizontal .kdesigner-form-field,
.kdesigner-form-vertical .kdesigner-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-form-horizontal .kdesigner-form-field-label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-form-inline .kdesigner-form-field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kdesigner-form-field {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 var(--kdesigner-c-form-field-spacing-margin-right, 30px) var(--kdesigner-c-form-field-spacing-margin-bottom, 22px) 0;
}
.kdesigner-form-field-vertical {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdesigner-form-field-vertical .kdesigner-form-field-label {
  margin-bottom: var(--kdesigner-c-form-field-label-spacing-margin-bottom, 5px);
}
.kdesigner-form-field-hidden {
  display: none !important;
}
.kdesigner-form-field-extra {
  margin-bottom: calc(var(--kdesigner-c-form-field-spacing-margin-bottom, 22px) * 2);
}
.kdesigner-form-field-label {
  font-size: var(--kdesigner-c-form-field-label-font-size, 12px);
  line-height: var(--kdesigner-c-form-field-label-line-height, 18px);
  color: var(--kdesigner-c-form-field-color, var(--kdesigner-g-color-text-secondary, #666));
  text-align: left;
  margin-right: 30px;
}
.kdesigner-form-field-label-right {
  text-align: right;
}
.kdesigner-form-field-label-required-mark {
  position: relative;
}
.kdesigner-form-field-label-required-mark::after {
  content: '*';
  position: absolute;
  top: -1px;
  right: -9px;
  width: 5px;
  height: 5px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  color: var(--kdesigner-c-form-error-color, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-form-field-wrapper {
  position: relative;
}
.kdesigner-form-field-wrapper-message,
.kdesigner-form-field-wrapper-extra {
  position: absolute;
  left: -7px;
  right: 0;
  padding: var(--kdesigner-c-form-field-message-spacing-padding-horizontal, 2px) var(--kdesigner-c-form-field-message-spacing-padding-vertical, 8px);
  font-size: var(--kdesigner-c-form-field-message-font-size, 12px);
  line-height: var(--kdesigner-c-form-field-message-line-height, 18px);
  color: var(--kdesigner-c-form-error-color, var(--kdesigner-g-color-error, #fb2323));
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-form-field-wrapper-extra-message {
  color: var(--kdesigner-c-form-error-color, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-form-field-wrapper-extra-text {
  color: var(--kdesigner-c-form-extra-color, var(--kdesigner-g-color-text-third, #999));
}
.kdesigner-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  row-gap: var(--rgap);
  margin: 0 calc(-1 * var(--cgap) / 2);
}
.kdesigner-row.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.kdesigner-row.sogou-row {
  margin-bottom: calc(-1 * var(--rgap));
}
.kdesigner-col {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 calc(var(--cgap) / 2);
}
.kdesigner-col.sogou-col {
  margin-bottom: var(--rgap);
}
[class^="kdicon"] {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.icon-spin::before,
.icon-spin {
  -webkit-animation: loadingcircle 2s infinite linear;
          animation: loadingcircle 2s infinite linear;
}
.kdesigner-image {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--kdesigner-c-image-radius-border, var(--kdesigner-g-radius-border, 2px));
}
.kdesigner-image:not(.error):hover .kdesigner-image-action {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.kdesigner-image.error .kdesigner-image-img {
  cursor: auto;
}
.kdesigner-image-img {
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.kdesigner-image-action {
  position: absolute;
  bottom: 0;
  height: var(--kdesigner-c-image-action-sizing-height, 28px);
  width: var(--kdesigner-c-image-action-sizing-width, 100%);
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: var(--kdesigner-c-image-action-color-background, rgba(0, 0, 0, 0.5));
}
.kdesigner-image-action > * {
  color: var(--kdesigner-c-image-icon-color, var(--kdesigner-g-color-white, #fff));
  cursor: pointer;
  display: inline-block;
  font-size: var(--kdesigner-c-image-font-size-x-large, var(--kdesigner-g-font-size-x-large, 18px));
}
.kdesigner-image-action > *:not(:first-child) {
  margin-left: 20px;
}
.kdesigner-image-preview {
  z-index: 3000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(0.15);
          transform: scale(0.15);
  visibility: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6);
  transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6);
  -webkit-overflow-scrolling: touch;
}
.kdesigner-image-preview.show {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible;
  -webkit-transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1);
  transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
}
.kdesigner-image-preview-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: calc(var(--kdesigner-c-image-preview-font-size, 28px) - 10px);
  height: calc(var(--kdesigner-c-image-preview-font-size, 28px) - 10px);
  font-size: var(--kdesigner-c-image-preview-font-size, 28px);
  color: var(--kdesigner-c-image-close-color-background, #666666);
  cursor: pointer;
  background-color: var(--kdesigner-c-image-icon-color, var(--kdesigner-g-color-white, #fff));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.kdesigner-image-preview-close:hover,
.kdesigner-image-preview-close:active {
  color: #5582f3;
}
.kdesigner-image-preview-wrap {
  position: absolute;
  top: 68px;
  right: 0;
  bottom: 30px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.kdesigner-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
}
.kdesigner-image-preview-action {
  position: absolute;
  left: 50%;
  bottom: 40px;
  width: 240px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.kdesigner-image-preview-action i {
  color: var(--kdesigner-c-image-icon-color, var(--kdesigner-g-color-white, #fff));
  font-size: var(--kdesigner-c-image-icon-font-size, 26px);
  cursor: pointer;
}
.kdesigner-image-preview-action i:hover,
.kdesigner-image-preview-action i:active {
  opacity: 0.65;
}
.kdesigner-image-preview-action i:not(:first-child) {
  margin-left: 20px;
}
.kdesigner-image-preview-action i.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.kdesigner-image-preview-previous,
.kdesigner-image-preview-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: var(--kdesigner-c-image-icon-color, var(--kdesigner-g-color-white, #fff));
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.kdesigner-image-preview-previous {
  left: 60px;
}
.kdesigner-image-preview-next {
  right: 60px;
}
.kdesigner-image-preview-topbar {
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  color: var(--kdesigner-c-image-icon-color, var(--kdesigner-g-color-white, #fff));
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
}
.kdesigner-image-preview-topbar-info {
  position: absolute;
  left: 40px;
}
.kdesigner-image-preview-topbar-info-size {
  padding-left: 12px;
  opacity: 0.65;
}
.kdesigner-image-preview-topbar-action {
  position: absolute;
  right: 40px;
}
.kdesigner-image-preview-topbar-action > * {
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
}
.kdesigner-image-preview-topbar-action > * i {
  margin-right: 2px;
  font-size: 18px;
}
.kdesigner-image-cropper-container {
  width: 100%;
  height: 100%;
}
.kdesigner-image-cropper-modal-body-container {
  padding: 28px !important;
  padding-bottom: 24px !important;
}
.kdesigner-image-cropper-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  background: #f2f2f2;
  border-radius: 4px;
}
.kdesigner-image-cropper-bar-container .kdesigner-image-cropper-btn-container {
  padding-left: 28px;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-image-cropper-bar-container .kdesigner-image-cropper-btn-container.default {
  border-right: 1px solid #ccc;
}
.kdesigner-image-cropper-bar-container .kdesigner-image-cropper-btn-container > i,
.kdesigner-image-cropper-bar-container .kdesigner-image-cropper-btn-container > .kdesigner-upload {
  margin-right: 20px;
  cursor: pointer;
}
.kdesigner-image-cropper-bar-container .kdesigner-image-cropper-btn-container .kdesigner-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-image-cropper-bar-container .kdesigner-image-cropper-btn-container .kdesigner-upload-handle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-image-cropper-bar-container .ok-btn {
  height: 100%;
}
.kdesigner-image-cropper-bar-container-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  margin-right: 20px;
}
/*!
* 禁止更新
* Cropper.js v1.5.7
* https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-05-23T05:22:57.283Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  height: 100%;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #276ff5;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #fff;
  border: 1px solid #5582f3;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point:hover {
  background-color: #5582f3;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  right: -3px;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
textarea {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  overflow: auto;
  resize: vertical;
}
.kdesigner-input {
  width: 100%;
  min-width: 0;
  border: var(--kdesigner-c-input-sizing-border, 1px) solid var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdesigner-c-input-radius-border, var(--kdesigner-g-radius-border, 2px));
  color: var(--kdesigner-c-input-color-text, var(--kdesigner-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdesigner-c-input-color-background, var(--kdesigner-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kdesigner-c-input-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: border-color var(--kdesigner-c-input-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-input::-webkit-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input::-moz-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input::-ms-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdesigner-input:not(.kdesigner-input-disabled):not(.kdesigner-input-error):hover {
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input:not(.kdesigner-input-disabled):not(.kdesigner-input-error):focus {
  color: #212121;
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-countWrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.kdesigner-input-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kdesigner-c-input-sizing-border, 1px) solid var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdesigner-c-input-radius-border, var(--kdesigner-g-radius-border, 2px));
  color: var(--kdesigner-c-input-color-text, var(--kdesigner-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdesigner-c-input-color-background, var(--kdesigner-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kdesigner-c-input-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: border-color var(--kdesigner-c-input-motion-duration, var(--kdesigner-g-duration, 0.3s));
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.kdesigner-input-textarea::-webkit-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-textarea::-moz-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-textarea::-ms-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdesigner-input-textarea:not(.kdesigner-input-disabled):not(.kdesigner-input-error):hover {
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-textarea:not(.kdesigner-input-disabled):not(.kdesigner-input-error):focus {
  color: #212121;
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-textarea-mark {
  position: absolute;
  right: 0;
  top: calc(100% + 1px);
  z-index: 1;
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc));
  font-size: var(--kdesigner-c-input-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  line-height: 18px;
  background-color: #fff;
}
.kdesigner-input-textarea-mark-inner {
  top: auto;
  bottom: 5px;
  right: 8px;
}
.kdesigner-input-textarea-mark-error {
  color: var(--kdesigner-c-input-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-input-no-resize {
  resize: none;
}
.kdesigner-input-borderless {
  border: 0;
}
.kdesigner-input-borderless:focus {
  border: 0;
}
.kdesigner-input-underline {
  border: none;
  border-bottom: 1px solid var(--kdesigner-c-input-color-border, #999);
  border-radius: 0;
  padding-left: 0 !important;
}
.kdesigner-input-disabled {
  background-color: var(--kdesigner-c-input-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  color: var(--kdesigner-c-input-affix-color-text, #666);
  cursor: not-allowed;
}
.kdesigner-input-underline.kdesigner-input-disabled {
  color: var(--kdesigner-c-input-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  background-color: var(--kdesigner-c-input-color-background, var(--kdesigner-g-color-white, #fff));
  border-color: var(--kdesigner-c-input-underline-color-border-disabled, var(--kdesigner-g-color-border-weak, #e5e5e5));
}
.kdesigner-input-size-small {
  line-height: calc(var(--kdesigner-c-input-sizing-height-small, 20px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - 2);
  height: var(--kdesigner-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kdesigner-c-input-sizing-height-small, 20px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-input-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) var(--kdesigner-c-input-spacing-padding-horizontal-small, 9px);
}
.kdesigner-input-size-small.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) 0;
}
.kdesigner-input-size-small .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-size-small .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-size-small.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-size-small.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-size-middle {
  line-height: calc(var(--kdesigner-c-input-sizing-height-middle, 30px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - 2);
  height: var(--kdesigner-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kdesigner-c-input-sizing-height-middle, 30px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-input-font-size-middle, var(--kdesigner-g-font-size-middle, 14px));
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) var(--kdesigner-c-input-spacing-padding-horizontal-small, 9px);
}
.kdesigner-input-size-middle.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) 0;
}
.kdesigner-input-size-middle .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-size-middle .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-size-middle.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-size-middle.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-size-large {
  line-height: calc(var(--kdesigner-c-input-sizing-height-large, 36px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - 2);
  height: var(--kdesigner-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kdesigner-c-input-sizing-height-large, 36px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-input-font-size-large, var(--kdesigner-g-font-size-large, 16px));
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) var(--kdesigner-c-input-spacing-padding-horizontal-small, 9px);
}
.kdesigner-input-size-large.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) 0;
}
.kdesigner-input-size-large .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-size-large .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-size-large.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-size-large.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-wrapper {
  padding-left: var(--kdesigner-c-input-wrapper-padding-left, 0px);
  width: 100%;
  min-width: 0;
  border: var(--kdesigner-c-input-sizing-border, 1px) solid var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdesigner-c-input-radius-border, var(--kdesigner-g-radius-border, 2px));
  color: var(--kdesigner-c-input-color-text, var(--kdesigner-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdesigner-c-input-color-background, var(--kdesigner-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kdesigner-c-input-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: border-color var(--kdesigner-c-input-motion-duration, var(--kdesigner-g-duration, 0.3s));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.kdesigner-input-wrapper::-webkit-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-wrapper::-moz-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-wrapper::-ms-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-wrapper:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdesigner-input-wrapper:not(.kdesigner-link-wrapper-disabled):not(.kdesigner-input-error):hover {
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-wrapper:not(.kdesigner-link-wrapper-disabled):not(.kdesigner-input-error):focus {
  color: #212121;
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-wrapper .kdesigner-input {
  border: none;
  padding-left: var(--kdesigner-c-input-padding-left, 0px);
  padding-right: 0;
  height: 100%;
}
.kdesigner-input-wrapper .kdesigner-input-suffix,
.kdesigner-input-wrapper .kdesigner-input-prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  word-break: keep-all;
  color: var(--kdesigner-c-input-affix-color-text, #666);
}
.kdesigner-input-wrapper-size-small {
  line-height: calc(var(--kdesigner-c-input-sizing-height-small, 20px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - 2);
  height: var(--kdesigner-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kdesigner-c-input-sizing-height-small, 20px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-input-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) var(--kdesigner-c-input-spacing-padding-horizontal-small, 9px);
}
.kdesigner-input-wrapper-size-small.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) 0;
}
.kdesigner-input-wrapper-size-small .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-wrapper-size-small .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-wrapper-size-small.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-wrapper-size-small.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-wrapper-size-middle {
  line-height: calc(var(--kdesigner-c-input-sizing-height-middle, 30px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - 2);
  height: var(--kdesigner-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kdesigner-c-input-sizing-height-middle, 30px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-input-font-size-middle, var(--kdesigner-g-font-size-middle, 14px));
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) var(--kdesigner-c-input-spacing-padding-horizontal-middle, 9px);
}
.kdesigner-input-wrapper-size-middle.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) 0;
}
.kdesigner-input-wrapper-size-middle .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-wrapper-size-middle .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-wrapper-size-middle.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-wrapper-size-middle.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-wrapper-size-large {
  line-height: calc(var(--kdesigner-c-input-sizing-height-large, 36px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - 2);
  height: var(--kdesigner-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kdesigner-c-input-sizing-height-large, 36px) - (var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdesigner-c-input-font-size-large, var(--kdesigner-g-font-size-large, 16px));
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) var(--kdesigner-c-input-spacing-padding-horizontal-large, 9px);
}
.kdesigner-input-wrapper-size-large.kdesigner-date-picker-underline {
  padding: var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) 0;
}
.kdesigner-input-wrapper-size-large .kdesigner-input-suffix {
  margin-left: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-wrapper-size-large .kdesigner-input-prefix {
  margin-right: calc(var(--kdesigner-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kdesigner-input-wrapper-size-large.kdesigner-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-wrapper-size-large.kdesigner-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kdesigner-input-wrapper-borderless {
  border: none !important;
}
.kdesigner-input-wrapper-underline {
  border: none;
  border-bottom: 1px solid var(--kdesigner-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0;
}
.kdesigner-input-wrapper-focused:not(.kdesigner-input-error) {
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-wrapper-disabled {
  border-color: var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kdesigner-input-wrapper-disabled:not(.kdesigner-input-wrapper-underline) {
  background-color: var(--kdesigner-c-input-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-input-wrapper-disabled .kdesigner-input-suffix,
.kdesigner-input-wrapper-disabled .kdesigner-input-prefix {
  color: var(--kdesigner-c-input-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-input-wrapper-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kdesigner-c-input-sizing-border, 1px) solid var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdesigner-c-input-radius-border, var(--kdesigner-g-radius-border, 2px));
  color: var(--kdesigner-c-input-color-text, var(--kdesigner-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdesigner-c-input-color-background, var(--kdesigner-g-color-white, #fff));
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  border: none !important;
  padding: 0 !important;
  position: relative;
  display: inline-block;
}
.kdesigner-input-wrapper-textarea::-webkit-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-wrapper-textarea::-moz-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-wrapper-textarea::-ms-input-placeholder {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc)) !important;
}
.kdesigner-input-wrapper-textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdesigner-input-wrapper-textarea:not(.kdesigner-input-disabled):not(.kdesigner-input-error):hover {
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-wrapper-textarea:not(.kdesigner-input-disabled):not(.kdesigner-input-error):focus {
  color: #212121;
  border-color: var(--kdesigner-c-input-color-border-focused, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-input-wrapper-textarea .kdesigner-input-textarea-clear-icon {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 3px;
}
.kdesigner-input-clear-icon,
.kdesigner-input-textarea-clear-icon {
  cursor: pointer;
  color: var(--kdesigner-c-input-clear-color, #d9d9d9);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-input-clear-icon:hover,
.kdesigner-input-textarea-clear-icon:hover {
  color: var(--kdesigner-c-input-clear-color-hover, #999);
}
.kdesigner-input-clear-icon i,
.kdesigner-input-textarea-clear-icon i {
  vertical-align: middle;
  font-size: 16px;
}
.kdesigner-input-clear-icon-hidden {
  visibility: hidden;
  display: none;
}
.kdesigner-input-clear-icon-rightSpace {
  margin-right: 4px;
}
.kdesigner-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.kdesigner-input-group-wrapper .kdesigner-input-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.kdesigner-input-group-wrapper .kdesigner-input-group > .kdesigner-input-wrapper:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.kdesigner-input-group-wrapper .kdesigner-input-group > .kdesigner-input-wrapper:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kdesigner-input-group-wrapper .kdesigner-input-group > .kdesigner-input-wrapper:not(:first-child):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.kdesigner-input-group-wrapper .kdesigner-input-group .kdesigner-input-group-addon {
  position: relative;
  color: var(--kdesigner-c-input-affix-color-text, #666);
  padding: 0 9px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdesigner-c-input-radius-border, var(--kdesigner-g-radius-border, 2px));
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kdesigner-c-input-sizing-height-middle, 30px);
}
.kdesigner-input-group-wrapper .kdesigner-input-group .kdesigner-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.kdesigner-input-group-wrapper .kdesigner-input-group .kdesigner-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.kdesigner-input-group-wrapper .kdesigner-input-group .kdesigner-input-group-addon-borderless {
  border: none !important;
}
.kdesigner-input-group-wrapper .kdesigner-input-group .kdesigner-input-group-addon-underline {
  border: none;
  border-bottom: 1px solid var(--kdesigner-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0;
}
.kdesigner-input-group-wrapper .kdesigner-input-group .kdesigner-input-group-addon-disabled {
  background-color: var(--kdesigner-c-input-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kdesigner-c-input-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  color: var(--kdesigner-c-input-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-input-group-wrapper .kdesigner-input-group-size-small .kdesigner-input-group-addon {
  height: var(--kdesigner-c-input-sizing-height-small, 20px);
}
.kdesigner-input-group-wrapper .kdesigner-input-group-middle-small .kdesigner-input-group-addon {
  height: var(--kdesigner-c-input-sizing-height-middle, 30px);
}
.kdesigner-input-group-wrapper .kdesigner-input-group-large-small .kdesigner-input-group-addon {
  height: var(--kdesigner-c-input-sizing-height-large, 36px);
}
.kdesigner-input-allowClear-spacing {
  padding-right: 20px;
}
.kdesigner-input-input-mark-inner {
  color: var(--kdesigner-c-input-placeholder-color-text, var(--kdesigner-g-color-text-placeholder, #ccc));
}
.kdesigner-input-error:not(.kdesigner-input-disabled):not(.kdesigner-input-wrapper-disabled):not(.kdesigner-input-group-addon-disabled) {
  border-color: var(--kdesigner-c-input-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-inputNumber-baseStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  cursor: pointer;
}
.kdesigner-inputNumber-baseStep-small {
  width: var(--kdesigner-c-input-number-sizing-height-small, 20px);
}
.kdesigner-inputNumber-baseStep-middle {
  width: var(--kdesigner-c-input-number-sizing-height-middle, 30px);
}
.kdesigner-inputNumber-baseStep-large {
  width: var(--kdesigner-c-input-number-sizing-height-large, 36px);
}
.kdesigner-inputNumber-baseStep .kdesigner-inputNumber-icon {
  color: var(--kdesigner-c-input-number-color-text-baseStep, var(--kdesigner-g-color-text-secondary, #666));
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-inputNumber-baseStep:hover .kdesigner-inputNumber-icon {
  color: var(--kdesigner-c-input-number-color-theme-5, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-right: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-small {
  margin-left: -9px;
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-middle {
  margin-left: -9px;
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-large {
  margin-left: -9px;
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-small {
  margin-left: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-middle {
  margin-left: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-large {
  margin-left: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-left: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-radius: 0 1px 1px 0;
  background-color: var(--kdesigner-c-input-number-color-text, #f6f7f9);
  overflow: hidden;
  border-left: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-left: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border: none;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep span {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-left: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  cursor: pointer;
  font-size: 12px;
}
.kdesigner-inputNumber-embedStep span .kdesigner-inputNumber-icon {
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s);
  line-height: 1;
}
.kdesigner-inputNumber-embedStep span:hover .kdesigner-inputNumber-icon {
  color: var(--kdesigner-c-input-number-color-theme-5, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-inputNumber-embedStep span:last-child {
  border-bottom: none;
}
.kdesigner-layout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  background: var(--kdesigner-c-layout-body-color-background, var(--kdesigner-g-color-background-2, #f2f2f2));
}
.kdesigner-layout,
.kdesigner-layout * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kdesigner-layout-has-sider > .kdesigner-layout,
.kdesigner-layout-has-sider > .kdesigner-layout-content {
  width: 0;
}
.kdesigner-layout-header,
.kdesigner-layout-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.kdesigner-layout-header {
  height: var(--kdesigner-c-layout-header-sizing-height, 52px);
  padding: var(--kdesigner-c-layout-header-spacing-padding, 0 20px 0 35px);
  color: var(--kdesigner-c-layout-header-color-text, var(--kdesigner-g-color-text-primary, #212121));
  line-height: var(--kdesigner-c-layout-header-sizing-height, 52px);
  background: var(--kdesigner-c-layout-header-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-layout-footer {
  padding: var(--kdesigner-c-layout-footer-spacing-padding, 24px 50px);
  color: var(--kdesigner-g-color-text-primary, #212121);
  font-size: var(--kdesigner-g-font-size-middle, 14px);
  background: var(--kdesigner-c-layout-footer-color-background, var(--kdesigner-g-color-background-2, #f2f2f2));
}
.kdesigner-layout-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
}
.kdesigner-layout-sider {
  position: relative;
  min-width: 0;
  background: var(--kdesigner-c-layout-sider-color-background, #343848);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kdesigner-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.kdesigner-layout-sider-has-trigger {
  padding-bottom: var(--kdesigner-c-layout-trigger-sizing-height, 50px);
}
.kdesigner-layout-sider-right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.kdesigner-layout-sider-trigger {
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding: 0 16px;
  color: var(--kdesigner-c-layout-trigger-color-text, var(--kdesigner-g-color-white, #fff));
  height: var(--kdesigner-c-layout-trigger-sizing-height, 50px);
  line-height: calc(var(--kdesigner-c-layout-trigger-sizing-height, 50px) - 4px);
  font-size: 20px;
  background: var(--kdesigner-c-layout-trigger-color-background, #343848);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-top: 1px solid rgba(218, 222, 237, 0.1);
}
.kdesigner-layout-sider-zero-width > * {
  overflow: hidden;
}
.kdesigner-layout-sider-zero-width-trigger {
  position: absolute;
  top: var(--kdesigner-c-layout-header-sizing-height, 52px);
  right: calc(-1 * var(--kdesigner-c-layout-trigger-sizing-width, 36px));
  z-index: 1;
  width: var(--kdesigner-c-layout-trigger-sizing-width, 36px);
  height: var(--kdesigner-c-layout-trigger-sizing-height, 42px);
  color: var(--kdesigner-c-layout-trigger-color-text, var(--kdesigner-g-color-white, #fff));
  font-size: calc(var(--kdesigner-c-layout-trigger-sizing-width, 36px) / 2);
  line-height: var(--kdesigner-c-layout-trigger-sizing-height, 42px);
  text-align: center;
  background: var(--kdesigner-c-layout-sider-color-background, #343848);
  border-radius: 0 var(--kdesigner-g-radius-border, 2px) var(--kdesigner-g-radius-border, 2px) 0;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.kdesigner-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.kdesigner-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.kdesigner-layout-sider-zero-width-trigger-right {
  left: calc(-1 * var(--kdesigner-c-layout-trigger-sizing-width, 36px));
  border-radius: var(--kdesigner-g-radius-border, 2px) 0 0 var(--kdesigner-g-radius-border, 2px);
}
.kdesigner-layout-sider-light {
  background: var(--kdesigner-c-layout-sider-color-background-light, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-layout-sider-light .kdesigner-layout-sider-trigger {
  color: var(--kdesigner-c-layout-trigger-color-text-light, var(--kdesigner-g-color-text-primary, #212121));
  background: var(--kdesigner-c-layout-trigger-color-background-light, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-layout-sider-light .kdesigner-layout-sider-zero-width-trigger {
  color: var(--kdesigner-c-layout-trigger-color-text-light, var(--kdesigner-g-color-text-primary, #212121));
  background: var(--kdesigner-c-layout-trigger-color-background-light, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-link {
  cursor: pointer;
  display: inline-block;
  color: var(--kdesigner-c-link-color-text, var(--kdesigner-g-color-text-link, #0e5fd8));
}
.kdesigner-link .kdesigner-link-text {
  height: auto;
  width: auto;
  padding: 0;
  min-width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  font-weight: var(--kdesigner-c-link-font-weight, var(--kdesigner-g-font-weight, 400));
}
.kdesigner-link .kdesigner-link-text:not(.kdesigner-link-disabled):hover {
  color: var(--kdesigner-c-link-color-text-link-hover, #87A9FF);
}
.kdesigner-link .kdesigner-link-text:not(.kdesigner-link-disabled):active {
  color: var(--kdesigner-c-link-color-text-link-active, #3761CA);
}
.kdesigner-link-size-small {
  height: var(--kdesigner-c-link-sizing-height-small, 18px);
  line-height: var(--kdesigner-c-link-sizing-height-small, 18px);
  font-size: var(--kdesigner-c-link-font-size-small, var(--kdesigner-g-font-size-small, 12px));
}
.kdesigner-link-size-middle {
  height: var(--kdesigner-c-link-sizing-height-middle, 21px);
  line-height: var(--kdesigner-c-link-sizing-height-middle, 21px);
  font-size: var(--kdesigner-c-link-font-size-middle, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-link-size-large {
  height: var(--kdesigner-c-link-sizing-height-large, 24px);
  line-height: var(--kdesigner-c-link-sizing-height-large, 24px);
  font-size: var(--kdesigner-c-link-font-size-large, var(--kdesigner-g-font-size-large, 16px));
}
.kdesigner-link-underscore {
  border-bottom: 1px solid;
}
.kdesigner-link-disabled {
  color: var(--kdesigner-c-link-color-text-link-disabled, #9EBFEF) !important;
  cursor: not-allowed;
}
.kdesigner-link-prefix {
  display: inline-block;
  margin-right: var(--kdesigner-c-link-prefix-horizontal, 4px);
}
.kdesigner-link-suffix {
  display: inline-block;
  margin-left: var(--kdesigner-c-link-suffix-horizontal, 4px);
}
.menu-hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: kdZoomTopLeftOut calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomTopLeftOut calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.menu-dark-hover {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.menu-dark-active {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.menu-dark-active-inline-title {
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
  background: var(--kdesigner-c-menu-color-background, #343848);
  border: none;
}
.menu-light-base {
  color: var(--kdesigner-c-menu-light-color-text, var(--kdesigner-g-color-text-primary, #212121));
  background: #ffffff;
}
.menu-light-base .kdesigner-menu-item-disabled,
.menu-light-base .kdesigner-menu-submenu-disabled {
  background-color: #fff;
}
.menu-light-base .kdesigner-menu-submenu-sub {
  color: var(--kdesigner-c-menu-light-color-text, var(--kdesigner-g-color-text-primary, #212121));
  background: #fafafa;
}
.menu-light-base .kdesigner-menu-submenu:not(.kdesigner-menu-submenu-disabled):not(.kdesigner-menu-submenu-active):hover,
.menu-light-base .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.menu-light-base .kdesigner-menu-item:not(.kdesigner-menu-item-disabled):not(.kdesigner-menu-item-active):hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.menu-light-base .kdesigner-menu-item-hover,
.menu-light-base .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.menu-light-base .kdesigner-menu-item-active,
.menu-light-base .kdesigner-menu-submenu-active {
  background-color: var(--kdesigner-c-menu-light-color-background-active, #e3ebff);
  color: var(--kdesigner-c-menu-light-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
  border: none;
}
.menu-light-default {
  color: var(--kdesigner-c-menu-light-color-text, var(--kdesigner-g-color-text-primary, #212121));
  background: #ffffff;
}
.menu-light-hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.menu-light-active {
  background-color: var(--kdesigner-c-menu-light-color-background-active, #e3ebff);
  color: var(--kdesigner-c-menu-light-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
  border: none;
}
.menu-light-active-inline-title {
  color: var(--kdesigner-c-menu-light-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
  background: #ffffff;
  border: none;
}
.kdesigner-menu {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: var(--kdesigner-c-menu-sizing-min-width, 138px);
  max-width: var(--kdesigner-c-menu-sizing-max-width);
  background-color: var(--kdesigner-c-menu-color-background, #343848);
  color: var(--kdesigner-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
}
.kdesigner-menu-inline .kdesigner-menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-menu-inline .kdesigner-menu-submenu {
  padding-right: 0;
}
.kdesigner-menu-collapsed {
  width: 50px;
  min-width: auto;
}
.kdesigner-menu-item {
  position: relative;
  cursor: pointer;
  -webkit-transition: color, background-color;
  transition: color, background-color;
  -webkit-transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-menu-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-menu-item-title > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  -webkit-transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-menu-item-collapsed {
  padding: 0;
  margin: 0;
  text-align: center;
}
.kdesigner-menu-item-collapsed .kdesigner-menu-item-title > p,
.kdesigner-menu-item-collapsed .kdesigner-menu-submenu-title > p {
  margin: 0 auto;
}
.kdesigner-menu-item-collapsed .kdesigner-menu-item-title > span,
.kdesigner-menu-item-collapsed .kdesigner-menu-submenu-title > span {
  opacity: 0;
  -webkit-transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-menu-item-icon {
  margin: 0 15px;
  font-size: var(--kdesigner-c-menu-icon-font-size, var(--kdesigner-g-font-size-xx-large, 20px));
}
.kdesigner-menu-item-disabled {
  cursor: not-allowed;
  color: var(--kdesigner-c-menu-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  background-color: var(--kdesigner-c-menu-color-background, #343848);
}
.kdesigner-menu-item-arrow {
  margin-left: auto;
  font-size: 16px;
}
.kdesigner-menu-item-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-menu-item-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-menu-submenu {
  position: static;
  cursor: pointer;
  -webkit-transition: color, background-color;
  transition: color, background-color;
  -webkit-transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-menu-submenu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-menu-submenu-title > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  -webkit-transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-menu-submenu-collapsed {
  padding: 0;
  margin: 0;
  text-align: center;
}
.kdesigner-menu-submenu-collapsed .kdesigner-menu-item-title > p,
.kdesigner-menu-submenu-collapsed .kdesigner-menu-submenu-title > p {
  margin: 0 auto;
}
.kdesigner-menu-submenu-collapsed .kdesigner-menu-item-title > span,
.kdesigner-menu-submenu-collapsed .kdesigner-menu-submenu-title > span {
  opacity: 0;
  -webkit-transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-menu-submenu-icon {
  margin: 0 15px;
  font-size: var(--kdesigner-c-menu-icon-font-size, var(--kdesigner-g-font-size-xx-large, 20px));
}
.kdesigner-menu-submenu-disabled {
  cursor: not-allowed;
  color: var(--kdesigner-c-menu-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  background-color: var(--kdesigner-c-menu-color-background, #343848);
}
.kdesigner-menu-submenu-arrow {
  margin-left: auto;
  font-size: 16px;
}
.kdesigner-menu-submenu-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-menu-submenu-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-menu-submenu-sub {
  line-height: var(--kdesigner-c-menu-item-sizing-height, 50px);
}
.kdesigner-menu-submenu-thrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 810px;
  max-height: 492px;
  padding-left: 24px;
  background: var(--kdesigner-c-menu-sub-color-background, #121319);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: auto;
  cursor: default;
  z-index: var(--kdesigner-c-menu-z-index, var(--kdesigner-g-z-index-dialog, 1050));
}
.kdesigner-menu-submenu-thrid-item {
  margin-right: 40px;
}
.kdesigner-menu-submenu-thrid-title {
  line-height: 50px;
  font-size: 12px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-menu-submenu-thrid-title > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-menu-submenu-thrid-list {
  list-style-type: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 10px;
  height: 180px;
}
.kdesigner-menu-submenu-thrid-list > li {
  width: 160px;
  margin: 8px 0;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.65);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-menu-submenu-thrid-list > li:hover {
  color: var(--kdesigner-c-menu-sub-color-text-active, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-submenu-thrid-list > li > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-menu-submenu-thrid-list > li .kdesigner-menu-item-title {
  height: auto;
}
.kdesigner-menu-submenu-thrid-list > .kdesigner-menu-item-active {
  color: var(--kdesigner-c-menu-sub-color-text-active, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-dark .kdesigner-menu-submenu-sub {
  color: var(--kdesigner-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
  background: var(--kdesigner-c-menu-sub-inline-color-background, #1f212b);
}
.kdesigner-menu-dark .kdesigner-menu-submenu-sub-second,
.kdesigner-menu-dark .kdesigner-menu-submenu-sub-third {
  background: var(--kdesigner-c-menu-sub-color-background, #121319);
}
.kdesigner-menu-dark .kdesigner-menu-item:not(.kdesigner-menu-item-disabled):not(.kdesigner-menu-item-active):hover {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-dark .kdesigner-menu-item-active {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-dark .kdesigner-menu-item-active,
.kdesigner-menu-dark .kdesigner-menu-submenu-active {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-dark .kdesigner-menu-item-hover,
.kdesigner-menu-dark .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-inline.kdesigner-menu-dark .kdesigner-menu-item-active .kdesigner-menu-submenu-title,
.kdesigner-menu-inline.kdesigner-menu-dark .kdesigner-menu-submenu-active .kdesigner-menu-submenu-title {
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
  background: var(--kdesigner-c-menu-color-background, #343848);
  border: none;
}
.kdesigner-menu-inline.kdesigner-menu-dark .kdesigner-menu-submenu:not(.kdesigner-menu-submenu-disabled):not(.kdesigner-menu-submenu-active) > .kdesigner-menu-submenu-title:hover {
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
  background: var(--kdesigner-c-menu-color-background, #343848);
  border: none;
}
.kdesigner-menu-light {
  color: var(--kdesigner-c-menu-light-color-text, var(--kdesigner-g-color-text-primary, #212121));
  background: #ffffff;
}
.kdesigner-menu-light .kdesigner-menu-item-disabled,
.kdesigner-menu-light .kdesigner-menu-submenu-disabled {
  background-color: #fff;
}
.kdesigner-menu-light .kdesigner-menu-submenu-sub {
  color: var(--kdesigner-c-menu-light-color-text, var(--kdesigner-g-color-text-primary, #212121));
  background: #fafafa;
}
.kdesigner-menu-light .kdesigner-menu-submenu:not(.kdesigner-menu-submenu-disabled):not(.kdesigner-menu-submenu-active):hover,
.kdesigner-menu-light .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.kdesigner-menu-light .kdesigner-menu-item:not(.kdesigner-menu-item-disabled):not(.kdesigner-menu-item-active):hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.kdesigner-menu-light .kdesigner-menu-item-hover,
.kdesigner-menu-light .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.kdesigner-menu-light .kdesigner-menu-item-active,
.kdesigner-menu-light .kdesigner-menu-submenu-active {
  background-color: var(--kdesigner-c-menu-light-color-background-active, #e3ebff);
  color: var(--kdesigner-c-menu-light-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
  border: none;
}
.kdesigner-menu-inline.kdesigner-menu-light .kdesigner-menu-item-active .kdesigner-menu-submenu-title,
.kdesigner-menu-inline.kdesigner-menu-light .kdesigner-menu-submenu-active .kdesigner-menu-submenu-title {
  color: var(--kdesigner-c-menu-light-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
  background: #ffffff;
  border: none;
}
.kdesigner-menu-popper .kdesigner-menu-submenu:not(.kdesigner-menu-submenu-disabled):not(.kdesigner-menu-submenu-active):hover,
.kdesigner-menu-popper .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-popper.hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: kdZoomTopLeftOut calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomTopLeftOut calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-menu-popper .kdesigner-menu-submenu {
  padding-right: 0;
}
.kdesigner-menu-popper .kdesigner-menu-submenu-sub {
  color: var(--kdesigner-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
  background: var(--kdesigner-c-menu-sub-inline-color-background, #1f212b);
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.kdesigner-menu-popper .kdesigner-menu-submenu-sub .kdesigner-menu-item:not(.kdesigner-menu-item-disabled):not(.kdesigner-menu-item-active):hover,
.kdesigner-menu-popper .kdesigner-menu-submenu-sub .kdesigner-menu-item-active {
  background-color: var(--kdesigner-c-menu-sub-color-background, #121319);
  color: var(--kdesigner-c-menu-sub-color-text-hover, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-menu-popper .kdesigner-menu-submenu-sub-second,
.kdesigner-menu-popper .kdesigner-menu-submenu-sub-third {
  -webkit-animation: kdZoomTopLeftIn calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomTopLeftIn calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-menu-popper .kdesigner-menu-submenu-sub-hide {
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: kdZoomTopLeftOut calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomTopLeftOut calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kdesigner-c-menu-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-menu-popper.light {
  color: var(--kdesigner-c-menu-light-color-text, var(--kdesigner-g-color-text-primary, #212121));
  background: #ffffff;
}
.kdesigner-menu-popper.light .kdesigner-menu-item-disabled,
.kdesigner-menu-popper.light .kdesigner-menu-submenu-disabled {
  background-color: #fff;
}
.kdesigner-menu-popper.light .kdesigner-menu-submenu-sub {
  color: var(--kdesigner-c-menu-light-color-text, var(--kdesigner-g-color-text-primary, #212121));
  background: #fafafa;
}
.kdesigner-menu-popper.light .kdesigner-menu-submenu:not(.kdesigner-menu-submenu-disabled):not(.kdesigner-menu-submenu-active):hover,
.kdesigner-menu-popper.light .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.kdesigner-menu-popper.light .kdesigner-menu-item:not(.kdesigner-menu-item-disabled):not(.kdesigner-menu-item-active):hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.kdesigner-menu-popper.light .kdesigner-menu-item-hover,
.kdesigner-menu-popper.light .kdesigner-menu-submenu-hover {
  background-color: var(--kdesigner-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kdesigner-c-menu-light-color-text-hover, var(--kdesigner-g-color-text-primary, #212121));
  border: none;
}
.kdesigner-menu-popper.light .kdesigner-menu-item-active,
.kdesigner-menu-popper.light .kdesigner-menu-submenu-active {
  background-color: var(--kdesigner-c-menu-light-color-background-active, #e3ebff);
  color: var(--kdesigner-c-menu-light-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
  border: none;
}
.kdesigner-message-box {
  position: fixed;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
  z-index: var(--kdesigner-c-message-z-index, var(--kdesigner-g-z-index-apex, 9999));
}
.kdesigner-message {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: var(--kdesigner-c-message-sizing-min-width, 280px);
  max-width: var(--kdesigner-c-message-sizing-max-width, 1000px);
  margin: 0 auto var(--kdesigner-c-message-spacing-margin-bottom, 16px);
  padding: var(--kdesigner-c-message-spacing-padding-horizontal, 10px) var(--kdesigner-c-message-spacing-padding-vertical, 20px);
  color: var(--kdesigner-c-message-info-color-text, #0e5fd8);
  border: 1px solid var(--kdesigner-c-message-info-color-border, #b3d5ff);
  border-radius: var(--kdesigner-c-message-border-radius, 4px);
  background-color: var(--kdesigner-c-message-info-color-background, #e0efff);
  pointer-events: all;
  -webkit-animation: kdNoticeEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdesigner-message-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--kdesigner-c-message-font-size, 14px);
  line-height: var(--kdesigner-c-message-line-height, 20px);
}
.kdesigner-message-content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-message-content-icon-wrapper {
  font-size: var(--kdesigner-c-message-icon-font-size, 16px);
  margin-right: var(--kdesigner-c-message-icon-spacing-margin-right, 8px);
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-message-content-text {
  max-height: var(--kdesigner-c-message-text-sizing-max-height, 160px);
  overflow: auto;
}
.kdesigner-message-content-close {
  cursor: pointer;
  color: var(--kdesigner-c-message-close-color-text, #666);
  font-size: var(--kdesigner-c-message-font-size, 16px);
  margin-left: var(--kdesigner-c-message-close-spacing-margin-left, 12px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kdesigner-message-content-close:hover {
  color: var(--kdesigner-c-message-close-color-text-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-message-success {
  color: var(--kdesigner-c-message-success-color-text, #1BA854);
  background: var(--kdesigner-c-message-success-color-background, #dcfae4);
  border: 1px solid var(--kdesigner-c-message-success-color-border, #a1e6b5);
}
.kdesigner-message-warning {
  color: var(--kdesigner-c-message-warning-color-text, #FF991C);
  background: var(--kdesigner-c-message-warning-color-background, #fff1d4);
  border: 1px solid var(--kdesigner-c-message-warning-color-border, #ffe0a6);
}
.kdesigner-message-error {
  color: var(--kdesigner-c-message-error-color-text, #FB2323);
  background: var(--kdesigner-c-message-error-color-background, #ffdbe0);
  border: 1px solid var(--kdesigner-c-message-error-color-border, #ffadb6);
}
.kdesigner-message-leave {
  -webkit-animation: kdNoticeLeaveEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeLeaveEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdesigner-message-leave-after {
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-message-leave-after.kdesigner-message-success,
.kdesigner-message-leave-after.kdesigner-message-warning,
.kdesigner-message-leave-after.kdesigner-message-error {
  -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  border: none;
}
.kdesigner-message-leave-after div,
.kdesigner-message-leave-after i {
  -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  height: 0;
  font-size: 0;
}
.kdesigner-modal-container {
  position: relative;
  z-index: var(--kdesigner-c-modal-z-index, var(--kdesigner-g-z-index-dialog, 1050));
}
.kdesigner-modal-container-ie {
  position: absolute;
}
.kdesigner-modal-container-show {
  -webkit-animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
}
.kdesigner-modal-container-hidden {
  display: none;
}
.kdesigner-modal-mask {
  position: fixed;
  background-color: var(--kdesigner-c-modal-mask-color-background, rgba(55, 55, 55, 0.5));
  z-index: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.kdesigner-modal-has-container-box {
  position: fixed;
  left: 50%;
  top: 50%;
}
.kdesigner-modal-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 460px;
  height: 340px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
  -webkit-box-shadow: var(--kdesigner-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2));
          box-shadow: var(--kdesigner-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2));
  border-radius: var(--kdesigner-c-modal-boeder-radius, 2px);
  outline: none;
}
.kdesigner-modal-container-box .kdesigner-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--kdesigner-c-modal-header-sizing-padding-vertical, 0px) var(--kdesigner-c-modal-header-sizing-padding-horizontal, 20px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kdesigner-c-modal-header-sizing-height, 50px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-title-container .kdesigner-modal-title-icon {
  border-radius: 50% 50%;
  width: var(--kdesigner-c-modal-icon-circle-sizing, 6px);
  height: var(--kdesigner-c-modal-icon-circle-sizing, 6px);
  margin-right: var(--kdesigner-c-modal-title-icon-sizing-margin-right, 8px);
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-title-container .modal-confirm-title-icon-bgcolor {
  background-color: var(--kdesigner-c-modal-color-ongoing, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-title-container .modal-warning-title-icon-bgcolor {
  background-color: var(--kdesigner-c-modal-color-warning, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-title-container .modal-error-title-icon-bgcolor {
  background-color: var(--kdesigner-c-modal-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-title-container .kdesigner-modal-title {
  min-width: 72px;
  min-height: 27px;
  font-size: var(--kdesigner-c-modal-title-font-size, 18px);
  color: var(--kdesigner-c-modal-title-text-color, var(--kdesigner-g-color-text-primary, #212121));
  line-height: 27px;
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-title-container:active {
  cursor: auto;
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kdesigner-c-modal-close-icon-font-size, 16px);
  color: var(--kdesigner-c-modal-close-icon-color-text, #666666);
  cursor: pointer;
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-close-icon:hover {
  color: var(--kdesigner-c-modal-color-theme-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-modal-container-box .kdesigner-modal-header .kdesigner-modal-close-icon:active {
  color: var(--kdesigner-c-modal-color-theme-active, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-modal-container-box .kdesigner-modal-header:active {
  cursor: move;
}
.kdesigner-modal-container-box .kdesigner-modal-body {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--kdesigner-c-modal-body-sizing-padding, 20px);
  font-size: var(--kdesigner-c-modal-body-font-size, 16px);
  color: var(--kdesigner-c-modal-body-text-color, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-modal-container-box .kdesigner-modal-footer {
  height: var(--kdesigner-c-modal-footer-sizing-height, 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kdesigner-c-modal-footer-font-size, 14px);
  color: var(--kdesigner-c-modal-footer-text-color, var(--kdesigner-g-color-text-secondary, #666));
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-handle {
  position: absolute;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: ns-resize;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-e {
  top: 0;
  right: 0;
  height: 100%;
  width: 6px;
  cursor: ew-resize;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-s {
  bottom: 0;
  left: 0;
  height: 6px;
  width: 100%;
  cursor: ns-resize;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-w {
  left: 0;
  top: 0;
  height: 100%;
  width: 6px;
  cursor: ew-resize;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-ne {
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  cursor: nesw-resize;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-se {
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  cursor: nwse-resize;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-sw {
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  cursor: nesw-resize;
}
.kdesigner-modal-container-box .kdesigner-modal-resise-nw {
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  cursor: nwse-resize;
}
.kdesigner-modal-margin-btn {
  margin-right: var(--kdesigner-c-modal-footer-button-spacing, 12px);
}
.kdesigner-modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  text-align: center;
}
.kdesigner-modal-wrapper::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.kdesigner-modal-wrapper-resizable {
  text-align: unset;
}
.kdesigner-modal-wrapper-resizable::before {
  height: 0;
}
.kdesigner-modal-dialog {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100vw);
}
.kdesigner-modal-showline .kdesigner-modal-header {
  border-bottom: var(--kdesigner-c-modal-sizing-border, 1px) solid var(--kdesigner-c-modal-color-border, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
}
.kdesigner-modal-showline .kdesigner-modal-footer {
  border-top: var(--kdesigner-c-modal-sizing-border, 1px) solid var(--kdesigner-c-modal-color-border, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
}
.kdesigner-notice-box-topRight,
.kdesigner-notice-box-topLeft,
.kdesigner-notice-box-bottomLeft,
.kdesigner-notice-box-bottomRight {
  position: fixed;
  z-index: var(--kdesigner-c-notice-z-index, var(--kdesigner-g-z-index-apex, 9999));
}
.kdesigner-notice {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 320px;
  margin: 0 auto 16px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background-color: var(--kdesigner-c-notice-content-color-background, var(--kdesigner-g-color-white, #fff));
  -webkit-animation: kdNoticeEffect var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeEffect var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdesigner-notice-content {
  width: 100%;
}
.kdesigner-notice-content-title {
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--kdesigner-c-notice-title-font-size, var(--kdesigner-g-font-size-middle, 14px));
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kdesigner-notice-content-title-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-notice-content-title-left-icon {
  margin-right: 5px;
  font-size: 17px;
}
.kdesigner-notice-content-title-left-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-notice-content-title-close {
  cursor: pointer;
}
.kdesigner-notice-content-description {
  height: 46px;
  padding: 10px 20px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.kdesigner-notice-content-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 15px 20px;
  font-size: 12px;
  color: var(--kdesigner-c-notice-footer-color, var(--kdesigner-g-color-text-link, #0e5fd8));
  cursor: pointer;
}
.kdesigner-notice-content-footer > div {
  margin-right: 10px;
}
.kdesigner-notice-content-footer > div:hover {
  color: var(--kdesigner-c-notice-footer-color-hover, var(--kdesigner-g-color-text-link-hover, #3987ed));
}
.kdesigner-notice-info .kdesigner-notice-content-title {
  color: var(--kdesigner-c-notice-info-color, var(--kdesigner-g-color-text-primary, #212121));
  background: var(--kdesigner-c-notice-info-header-color-background, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-notice-info .kdesigner-notice-content-title-left-icon {
  color: var(--kdesigner-c-notice-icon-color, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-notice-info .kdesigner-notice-content-title-close {
  color: var(--kdesigner-c-notice-icon-color, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-notice-info .kdesigner-notice-content-title-close:hover {
  color: var(--kdesigner-c-notice-icon-color-hover, var(--kdesigner-g-color-border-ongoing, #85b8ff));
}
.kdesigner-notice-primary .kdesigner-notice-content-title {
  color: var(--kdesigner-c-notice-header-color, var(--kdesigner-g-color-white, #fff));
  background: var(--kdesigner-c-notice-header-color-background, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-notice-primary .kdesigner-notice-content-title-close {
  color: var(--kdesigner-c-notice-header-color, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-notice-primary .kdesigner-notice-content-title-close:hover {
  color: var(--kdesigner-c-notice-icon-color-hover, var(--kdesigner-g-color-border-ongoing, #85b8ff));
}
.kdesigner-notice-leave {
  -webkit-animation: kdNoticeLeaveEffect var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeLeaveEffect var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdesigner-notice-leave-after {
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: all var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-notice-leave-after.kdesigner-notice-success,
.kdesigner-notice-leave-after.kdesigner-notice-warning,
.kdesigner-notice-leave-after.kdesigner-notice-error {
  -webkit-transition: all var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  border: none;
}
.kdesigner-notice-leave-after div,
.kdesigner-notice-leave-after i {
  -webkit-transition: all var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all var(--kdesigner-c-notice-motion-duration, var(--kdesigner-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  height: 0;
  font-size: 0;
}
.kdesigner-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: var(--kdesigner-c-pagination-text-color, var(--kdesigner-g-color-text-secondary, #666));
  font-size: var(--kdesigner-c-pagination-font-size, var(--kdesigner-g-font-size-small, 12px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-pagination .kdesigner-pagination-total {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
}
.kdesigner-pagination .kdesigner-pagination-current {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
}
.kdesigner-pagination .kdesigner-pagination-current .kdesigner-pagination-current-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 44px;
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  margin: 0 3px;
  padding: 0;
  outline: none;
  text-align: center;
  background: var(--kdesigner-g-color-background, #fff);
  color: var(--kdesigner-g-color-text-primary, #212121);
  font-size: var(--kdesigner-c-pagination-font-size, var(--kdesigner-g-font-size-small, 12px));
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-g-color-border-strong, #d9d9d9);
  -webkit-transition: border-color var(--kdesigner-g-duration, 0.3s);
  transition: border-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination .kdesigner-pagination-current .kdesigner-pagination-current-input:hover,
.kdesigner-pagination .kdesigner-pagination-current .kdesigner-pagination-current-input:active,
.kdesigner-pagination .kdesigner-pagination-current .kdesigner-pagination-current-input:focus {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination .kdesigner-pagination-current .kdesigner-pagination-current-input:disabled {
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-c-pagination-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  background: var(--kdesigner-c-pagination-button-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed;
}
.kdesigner-pagination .kdesigner-pagination-action {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item.bordered {
  margin-right: calc(2 * var(--kdesigner-c-pagination-button-spacing, 4px));
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item.bordered:last-child {
  margin-right: 0;
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item.bordered button {
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-c-pagination-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item.bordered button:disabled {
  background-color: var(--kdesigner-c-pagination-button-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: var(--kdesigner-c-pagination-sizing-square, 24px);
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  border: none;
  background-color: var(--kdesigner-g-color-background, #fff);
  border-radius: var(--kdesigner-g-radius-border, 2px);
  cursor: pointer;
  outline: none;
  -webkit-transition: border-color var(--kdesigner-g-duration, 0.3s);
  transition: border-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button:hover:not(:disabled),
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button:active:not(:disabled) {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button:hover i,
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button:active i {
  color: var(--kdesigner-c-pagination-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button[disabled] {
  cursor: not-allowed;
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button[disabled] i {
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-pagination .kdesigner-pagination-action .kdesigner-pagination-action-item button i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--kdesigner-c-pagination-icon-font-size, var(--kdesigner-g-font-size-large, 16px));
  color: var(--kdesigner-c-pagination-button-color, var(--kdesigner-g-color-text-secondary, #666));
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination .kdesigner-pagination-selector {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  outline: none;
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
}
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-pagination-selector-size {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  line-height: var(--kdesigner-c-pagination-sizing-square, 24px);
  color: var(--kdesigner-g-color-text-primary, #212121);
  border-radius: var(--kdesigner-g-radius-border, 2px);
  background: var(--kdesigner-g-color-background, #fff);
  cursor: pointer;
  border: none;
  outline: none;
}
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-pagination-selector-size:hover i,
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-pagination-selector-size:active i {
  color: var(--kdesigner-c-pagination-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-pagination-selector-size.disabled,
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-pagination-selector-size.disabled > i {
  cursor: not-allowed;
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-pagination-selector-size i {
  margin-left: 4px;
  line-height: var(--kdesigner-c-pagination-sizing-square, 24px);
  font-size: var(--kdesigner-c-pagination-icon-font-size, var(--kdesigner-g-font-size-large, 16px));
  color: var(--kdesigner-c-pagination-text-color, var(--kdesigner-g-color-text-secondary, #666));
}
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-dropdown-menu-item {
  text-align: right;
  padding-right: var(--kdesigner-c-pagination-dropdown-item-spacing-padding-horizontal, 24px);
  padding-left: var(--kdesigner-c-pagination-dropdown-item-spacing-padding-horizontal, 24px);
}
.kdesigner-pagination .kdesigner-pagination-selector .kdesigner-dropdown-menu-item span {
  white-space: nowrap;
}
.kdesigner-pagination.simple .kdesigner-pagination-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid transparent;
}
.kdesigner-pagination.simple .kdesigner-pagination-action.bordered {
  border-color: var(--kdesigner-c-pagination-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  -webkit-transition: border-color var(--kdesigner-g-duration, 0.3s);
  transition: border-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.simple .kdesigner-pagination-action.bordered:active:not(.disabled) {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination.simple .kdesigner-pagination-action.bordered.disabled,
.kdesigner-pagination.simple .kdesigner-pagination-action.bordered.disabled > .kdesigner-pagination-item > button {
  background-color: var(--kdesigner-c-pagination-button-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-pagination.simple .kdesigner-pagination-action.disabled > .kdesigner-pagination-action-item {
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  overflow: hidden;
  margin: 0 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--kdesigner-g-color-text-primary, #212121);
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item:first-child,
.kdesigner-pagination.simple .kdesigner-pagination-action-item:last-child {
  margin: 0;
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item .kdesigner-pagination-current {
  margin-right: 2px;
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item .kdesigner-pagination-current .kdesigner-pagination-current-input {
  margin: 0;
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item .kdesigner-pagination-current .kdesigner-pagination-current-input:disabled {
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item .kdesigner-pagination-total {
  margin-right: 0;
  margin-left: 2px;
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item.bordered > button {
  border: none;
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: calc(var(--kdesigner-c-pagination-sizing-square, 24px) - 2px);
  height: calc(var(--kdesigner-c-pagination-sizing-square, 24px) - 2px);
  border: none;
  background-color: var(--kdesigner-g-color-background, #fff);
  border-radius: var(--kdesigner-g-radius-border, 2px);
  cursor: pointer;
  outline: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: border-color var(--kdesigner-g-duration, 0.3s);
  transition: border-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item button:hover:not(:disabled),
.kdesigner-pagination.simple .kdesigner-pagination-action-item button:active:not(:disabled) {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item button:hover i,
.kdesigner-pagination.simple .kdesigner-pagination-action-item button:active i {
  color: var(--kdesigner-c-pagination-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item button:disabled {
  cursor: not-allowed;
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item button:disabled i {
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-pagination.simple .kdesigner-pagination-action-item button i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  line-height: calc(var(--kdesigner-c-pagination-sizing-square, 24px) - 2px);
  font-size: var(--kdesigner-c-pagination-icon-font-size, var(--kdesigner-g-font-size-large, 16px));
  color: var(--kdesigner-c-pagination-button-color, var(--kdesigner-g-color-text-secondary, #666));
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.less .kdesigner-pagination-pages {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: var(--kdesigner-c-pagination-button-spacing, 4px);
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item:last-child {
  margin-right: 0;
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item.active > button:disabled {
  background-color: var(--kdesigner-g-color-background-contain, #fafafa);
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item:hover button,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:active button,
.kdesigner-pagination.less .kdesigner-pagination-pages-item.active button {
  color: var(--kdesigner-g-color-theme, #276ff5);
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item:first-child button,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:last-child button {
  width: var(--kdesigner-c-pagination-sizing-square, 24px);
  padding: 0;
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-c-pagination-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item:first-child button:hover,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:last-child button:hover,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:first-child button:active,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:last-child button:active {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item:first-child button:hover:disabled,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:last-child button:hover:disabled,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:first-child button:active:disabled,
.kdesigner-pagination.less .kdesigner-pagination-pages-item:last-child button:active:disabled {
  border-color: var(--kdesigner-c-pagination-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  min-width: var(--kdesigner-c-pagination-sizing-square, 24px);
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  padding: 0 4px;
  color: var(--kdesigner-g-color-text-primary, #212121);
  font-size: var(--kdesigner-c-pagination-font-size, var(--kdesigner-g-font-size-small, 12px));
  cursor: pointer;
  outline: none;
  border: none;
  background: var(--kdesigner-g-color-background, #fff);
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s), border-color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s), border-color var(--kdesigner-g-duration, 0.3s);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-pagination.less .kdesigner-pagination-pages-item button:disabled {
  cursor: not-allowed;
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: var(--kdesigner-c-pagination-button-spacing, 4px);
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:last-child {
  margin-right: 0;
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:hover button,
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:active button,
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item.active button {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:hover button:disabled,
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:active button:disabled,
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item.active button:disabled {
  border-color: var(--kdesigner-c-pagination-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item.active > button:disabled {
  background-color: var(--kdesigner-g-color-background-contain, #fafafa);
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item.active button,
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:hover button {
  color: var(--kdesigner-g-color-theme, #276ff5);
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item.active button:not(:disabled) > .kdesigner-pagination-pages-jumper-icon,
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:hover button:not(:disabled) > .kdesigner-pagination-pages-jumper-icon {
  opacity: 1;
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:first-child button,
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item:last-child button {
  width: var(--kdesigner-c-pagination-sizing-square, 24px);
  padding: 0;
  line-height: calc(var(--kdesigner-c-pagination-sizing-square, 24px) - 2px);
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  min-width: var(--kdesigner-c-pagination-sizing-square, 24px);
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  padding: 0 6px;
  cursor: pointer;
  outline: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--kdesigner-c-pagination-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-g-color-text-primary, #212121);
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-c-pagination-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  background: var(--kdesigner-g-color-background, #fff);
  -webkit-transition: color var(--kdesigner-g-duration, 0.3s), border-color var(--kdesigner-g-duration, 0.3s), background-color var(--kdesigner-g-duration, 0.3s);
  transition: color var(--kdesigner-g-duration, 0.3s), border-color var(--kdesigner-g-duration, 0.3s), background-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item button:disabled {
  cursor: not-allowed;
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item button > i {
  font-size: 16px;
}
.kdesigner-pagination.nicety .kdesigner-pagination-pages-item button .kdesigner-pagination-pages-jumper-icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  color: var(--kdesigner-g-color-theme, #276ff5);
  line-height: var(--kdesigner-c-pagination-sizing-square, 24px);
  background-color: var(--kdesigner-g-color-background, #fff);
  -webkit-transition: opacity var(--kdesigner-g-duration, 0.3s);
  transition: opacity var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40px;
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  padding: 0;
  outline: none;
  text-align: center;
  background: var(--kdesigner-g-color-background, #fff);
  color: var(--kdesigner-g-color-text-primary, #212121);
  font-size: var(--kdesigner-c-pagination-font-size, var(--kdesigner-g-font-size-small, 12px));
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-g-color-border-strong, #d9d9d9);
  -webkit-transition: border-color var(--kdesigner-g-duration, 0.3s);
  transition: border-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-input:hover,
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-input:active,
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-input:focus {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-input:disabled {
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-c-pagination-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  background: var(--kdesigner-c-pagination-button-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed;
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  width: var(--kdesigner-c-pagination-sizing-square, 24px);
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  margin-left: var(--kdesigner-c-pagination-button-spacing, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  outline: none;
  color: var(--kdesigner-g-color-text-primary, #212121);
  font-size: var(--kdesigner-c-pagination-font-size, var(--kdesigner-g-font-size-small, 12px));
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-g-color-border-strong, #d9d9d9);
  background: var(--kdesigner-g-color-background, #fff);
  -webkit-transition: border-color var(--kdesigner-g-duration, 0.3s);
  transition: border-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-button:hover,
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-button:active {
  color: var(--kdesigner-g-color-theme, #276ff5);
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-button:hover:disabled,
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-button:active:disabled {
  border-color: var(--kdesigner-c-pagination-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-pagination.nicety .kdesigner-pagination-jumper .kdesigner-pagination-jumper-button:disabled {
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-pagination.nicety .kdesigner-pagination-options {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 22px;
  outline: none;
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  color: var(--kdesigner-g-color-text-primary, #212121);
}
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 64px;
  height: var(--kdesigner-c-pagination-sizing-square, 24px);
  margin-right: 8px;
  padding: 0 24px 0 4px;
  font-size: var(--kdesigner-c-pagination-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-g-color-text-primary, #212121);
  border-radius: var(--kdesigner-g-radius-border, 2px);
  border: var(--kdesigner-c-pagination-sizing-border-width, 1px) solid var(--kdesigner-g-color-border-strong, #d9d9d9);
  background: var(--kdesigner-g-color-background, #fff);
  cursor: pointer;
  outline: none;
  -webkit-transition: border-color var(--kdesigner-g-duration, 0.3s);
  transition: border-color var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size:hover,
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size:active {
  border-color: var(--kdesigner-c-pagination-color-border-hover, var(--kdesigner-g-color-theme-7, #375cca));
}
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size:hover.disabled,
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size:active.disabled {
  border-color: var(--kdesigner-g-color-border-strong, #d9d9d9);
}
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size.disabled,
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size.disabled > i {
  cursor: not-allowed;
  color: var(--kdesigner-c-pagination-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size i {
  position: absolute;
  top: 50%;
  right: 5px;
  line-height: calc(var(--kdesigner-c-pagination-sizing-square, 24px) - 2px);
  font-size: var(--kdesigner-c-pagination-icon-font-size, var(--kdesigner-g-font-size-large, 16px));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size:hover i {
  color: var(--kdesigner-c-pagination-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-pagination.nicety .kdesigner-pagination-options .kdesigner-pagination-options-size.kdesigner-pagination-options-dropdown-open i {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
.kdesigner-pagination-options-dropdown i {
  -webkit-transition: -webkit-transform var(--kdesigner-g-duration, 0.3s);
  transition: -webkit-transform var(--kdesigner-g-duration, 0.3s);
  transition: transform var(--kdesigner-g-duration, 0.3s);
  transition: transform var(--kdesigner-g-duration, 0.3s), -webkit-transform var(--kdesigner-g-duration, 0.3s);
}
.kdesigner-pagination-options-dropdown-open i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kdesigner-popconfirm {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  border-radius: var(--kdesigner-c-popconfirm-radius-border, var(--kdesigner-g-radius-border, 2px));
  background-color: var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff));
  opacity: 1;
  z-index: var(--kdesigner-g-z-index-popper, 1050);
  visibility: visible;
}
.kdesigner-popconfirm.hidden {
  opacity: 0;
  visibility: hidden;
}
.kdesigner-popconfirm[class*="top"] {
  -webkit-box-shadow: 0 6px 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 6px 16px 3px rgba(0, 0, 0, 0.08);
}
.kdesigner-popconfirm[class*="bottom"] {
  -webkit-box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, 0.08);
}
.kdesigner-popconfirm[class*="left"] {
  -webkit-box-shadow: 6px 0 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 6px 0 16px 3px rgba(0, 0, 0, 0.08);
}
.kdesigner-popconfirm[class*="right"] {
  -webkit-box-shadow: -6px 0 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: -6px 0 16px 3px rgba(0, 0, 0, 0.08);
}
.kdesigner-popconfirm.arrow::before {
  position: absolute;
  z-index: -2;
  background: var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff));
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.kdesigner-popconfirm.arrow::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff));
  border-radius: var(--kdesigner-g-radius-border, 2px);
}
.kdesigner-popconfirm.arrow.bottomLeft::before,
.kdesigner-popconfirm.arrow.bottom::before,
.kdesigner-popconfirm.arrow.bottomRight::before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
  border-color: var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff)) transparent transparent var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-popconfirm.arrow.topLeft::before,
.kdesigner-popconfirm.arrow.top::before,
.kdesigner-popconfirm.arrow.topRight::before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
  border-color: transparent var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff)) transparent;
}
.kdesigner-popconfirm.arrow.leftTop::before,
.kdesigner-popconfirm.arrow.left::before,
.kdesigner-popconfirm.arrow.leftBottom::before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
          box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
  border-color: var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff)) transparent transparent;
}
.kdesigner-popconfirm.arrow.rightTop::before,
.kdesigner-popconfirm.arrow.right::before,
.kdesigner-popconfirm.arrow.rightBottom::before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
  border-color: transparent transparent var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-popconfirm-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-popconfirm-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  width: var(--kdesigner-c-popconfirm-sizing-min-width, 240px);
  padding: var(--kdesigner-c-popconfirm-spacing-padding-vertical, 16px) var(--kdesigner-c-popconfirm-spacing-padding-horizontal, 16px);
}
.kdesigner-popconfirm-title {
  line-height: 21px;
  color: var(--kdesigner-c-popconfirm-title-color-text, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-popconfirm-title-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-popconfirm-title i {
  margin-right: var(--kdesigner-c-popconfirm-title-icon-spacing-margin-right, 6px);
  vertical-align: top;
  line-height: 21px;
  color: var(--kdesigner-c-popconfirm-icon-color-text, var(--kdesigner-g-color-warning, #ff991c));
  font-size: var(--kdesigner-c-popconfirm-icon-sizing-square, 17px);
}
.kdesigner-popconfirm-message {
  color: var(--kdesigner-c-popconfirm-message-color-text, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-popconfirm-message-font-size, var(--kdesigner-g-font-size-small, 12px));
  line-height: 18px;
  margin: var(--kdesigner-c-popconfirm-message-spacing-margin-top, 6px) 0 var(--kdesigner-c-popconfirm-message-spacing-margin-bottom, 18px);
}
.kdesigner-popconfirm-interaction {
  text-align: right;
}
.kdesigner-popconfirm-interaction button:not(:last-child) {
  margin-right: var(--kdesigner-c-popconfirm-button-spacing, 12px);
}
.kdesigner-progress {
  display: inline-block;
  font-variant: tabular-nums;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  font-size: 0;
  vertical-align: top;
}
.kdesigner-progress-show-info {
  font-size: var(--kdesigner-c-progress-line-text-font-size, 16px);
}
.kdesigner-progress-type-line {
  width: 100%;
  color: var(--kdesigner-c-progress-line-color-font, #212121);
}
.kdesigner-progress-type-line .kdesigner-progress-special-text {
  margin-top: var(--kdesigner-c-progress-line-text-spacing-margin-top, 12px);
  line-height: 24px;
}
.kdesigner-progress-type-circle {
  color: var(--kdesigner-c-progress-circle-color-font, #666);
}
.kdesigner-progress-type-circle .kdesigner-progress-special-text {
  margin-top: var(--kdesigner-c-progress-circle-text-spacing-margin-top, 8px);
  padding: 0;
  line-height: 24px;
}
.kdesigner-progress-outer {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
  font-size: 0;
}
.kdesigner-progress-show-info:not(.kdesigner-progress-position-bottom) .kdesigner-progress-outer {
  margin-right: calc(-1 * var(--kdesigner-c-progress-line-text-font-size, 16px) * 2 - 8px);
  padding-right: calc(var(--kdesigner-c-progress-line-text-font-size, 16px) * 2 + 8px);
}
.kdesigner-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0;
  border-radius: var(--kdesigner-c-progress-radius-border, 100px);
  background-color: var(--kdesigner-c-progress-color-remaining, #e5e5e5);
}
.kdesigner-progress-success-bg,
.kdesigner-progress-bg {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--kdesigner-c-progress-radius-border, 100px);
  background-color: var(--kdesigner-c-progress-color-default, #5582f3);
  height: var(--kdesigner-c-progress-line-stroke-sizing-width, 8px);
  -webkit-transition: all 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  transition: all 0.3s cubic-bezier(0.66, 0, 0.34, 1);
}
.kdesigner-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kdesigner-c-progress-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-progress-text {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(var(--kdesigner-c-progress-line-text-font-size, 16px)*2);
  margin-left: var(--kdesigner-c-progress-line-text-spacing-margin-left, 8px);
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.kdesigner-progress-special-text {
  font-size: var(--kdesigner-c-progress-line-special-text-font-size, 16px);
  text-align: center;
  overflow: hidden;
  padding-right: calc(var(--kdesigner-c-progress-line-text-font-size, 16px)*2 + 8px);
}
.kdesigner-progress-position-bottom .kdesigner-progress-special-text {
  padding-right: 0;
}
.kdesigner-progress-status-success .kdesigner-progress-bg {
  background-color: var(--kdesigner-c-progress-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-progress-status-success .kdesigner-progress-text,
.kdesigner-progress-status-success .kdesigner-progress-special-text {
  color: var(--kdesigner-c-progress-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-progress-status-success .kdesigner-progress-text {
  font-size: 0;
}
.kdesigner-progress-status-success .kdesigner-progress-icon {
  font-size: var(--kdesigner-c-progress-line-icon-font-size, 16px);
  color: var(--kdesigner-c-progress-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-progress-status-success .kdesigner-progress-circle-box:not(.kdesigner-progress-circle-gradient) .kdesigner-progress-circle-path {
  stroke: var(--kdesigner-c-progress-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-progress-status-failure .kdesigner-progress-bg {
  background-color: var(--kdesigner-c-progress-color-failure, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-progress-status-failure .kdesigner-progress-text,
.kdesigner-progress-status-failure .kdesigner-progress-special-text {
  color: var(--kdesigner-c-progress-color-failure, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-progress-status-failure .kdesigner-progress-text {
  font-size: 0;
}
.kdesigner-progress-status-failure .kdesigner-progress-icon {
  font-size: var(--kdesigner-c-progress-line-icon-font-size, 16px);
  color: var(--kdesigner-c-progress-color-failure, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-progress-status-failure .kdesigner-progress-circle-box:not(.kdesigner-progress-circle-gradient) .kdesigner-progress-circle-path {
  stroke: var(--kdesigner-c-progress-color-failure, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-progress-circle-box {
  position: relative;
}
.kdesigner-progress-circle-box .kdesigner-progress-circle-trail {
  stroke: var(--kdesigner-c-progress-color-remaining, #e5e5e5);
}
.kdesigner-progress-circle-box .kdesigner-progress-circle-path {
  -webkit-transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
}
.kdesigner-progress-circle-box .kdesigner-progress-text {
  position: absolute;
  width: auto;
  text-align: center;
  font-size: 28px;
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.kdesigner-progress-circle-box .kdesigner-progress-text-percent,
.kdesigner-progress-circle-box .kdesigner-progress-text-unit {
  display: inline-block;
  vertical-align: top;
}
.kdesigner-progress-circle-box .kdesigner-progress-text-percent {
  line-height: var(--kdesigner-c-progress-circle-percent-line-height, 48px);
}
.kdesigner-progress-circle-box .kdesigner-progress-text-unit {
  line-height: var(--kdesigner-c-progress-circle-unit-line-height, 18px);
  font-size: 12px;
  margin-top: var(--kdesigner-c-progress-circle-unit-spacing-margin-top, 18px);
}
.kdesigner-progress-circle-box .kdesigner-progress-icon {
  font-size: 48px;
}
.kdesigner-progress-circle-box:not(.kdesigner-progress-circle-gradient) .kdesigner-progress-circle-path {
  stroke: var(--kdesigner-c-progress-color-default, #5582f3);
  -webkit-transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
}
.kdesigner-qrcode {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  border-radius: var(--kdesigner-c-qrcode-border-radius, 2px);
  border: var(--kdesigner-c-qrcode-size-border, 1px) solid var(--kdesigner-c-qrcode-color-border, rgba(5, 5, 5, 0.06));
  padding: var(--kdesigner-c-qrcode-spacing-padding-horizontal, 8px);
  font-size: var(--kdesigner-c-qrcode-font-size, 12px);
  list-style: none;
  overflow: hidden;
}
.kdesigner-qrcode-expired {
  margin-bottom: var(--kdesigner-c-qrcode-spacing-margin-vertical, 4px);
}
.kdesigner-qrcode-mask {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: var(--kdesigner-c-qrcode-color-text, #111111);
  background: var(--kdesigner-c-qrcode-color-background, rgba(255, 255, 255, 0.96));
  text-align: center;
}
.kdesigner-qrcode-borderless {
  border: none;
}
.kdesigner-radio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  padding-left: var(--kdesigner-c-radio-square-sizing-width-height, 14px);
  margin-right: var(--kdesigner-c-radio-spacing-margin-right, 8px);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle;
  color: var(--kdesigner-c-radio-color-font, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-radio-font-size, var(--kdesigner-g-font-size-small, 12px));
  max-width: var(--kdesigner-c-radio-default-label-max-width);
  min-height: var(--kdesigner-c-radio-square-sizing-width-height, 14px);
}
.kdesigner-radio::before {
  position: absolute;
  top: 50%;
  left: 0;
  height: var(--kdesigner-c-radio-square-sizing-width-height, 14px);
  width: var(--kdesigner-c-radio-square-sizing-width-height, 14px);
  content: '';
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kdesigner-c-radio-radius-border-width, 1px) solid var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  background-color: var(--kdesigner-c-radio-color-background, var(--kdesigner-g-color-white, #fff));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.kdesigner-radio::after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: calc(var(--kdesigner-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kdesigner-c-radio-square-sizing-width-height, 14px) - 4px);
  content: '';
  border-radius: 50%;
  background-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: kdRadioLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  opacity: 0;
}
.kdesigner-radio-input {
  position: absolute;
  opacity: 0;
  left: 0;
}
.kdesigner-radio > span {
  padding: 0 6px 0 var(--kdesigner-c-radio-spacing-padding-left, 4px);
}
.kdesigner-radio:hover {
  color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio:hover::before {
  border-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-checked::before {
  border-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-checked:focus-within::before {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
}
.kdesigner-radio-checked::after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: calc(var(--kdesigner-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kdesigner-c-radio-square-sizing-width-height, 14px) - 4px);
  content: '';
  border-radius: 50%;
  background-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: kdRadioEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 1;
  visibility: visible;
}
.kdesigner-radio-disabled,
.kdesigner-radio-disabled:hover {
  cursor: not-allowed;
  color: var(--kdesigner-c-radio-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-radio-disabled::before,
.kdesigner-radio-disabled:hover::before {
  border-color: var(--kdesigner-c-radio-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  background-color: var(--kdesigner-c-radio-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kdesigner-radio-disabled::after,
.kdesigner-radio-disabled:hover::after {
  background-color: var(--kdesigner-c-radio-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
}
.kdesigner-radio-disabled.kdesigner-radio-checked,
.kdesigner-radio-disabled:hover.kdesigner-radio-checked {
  color: var(--kdesigner-c-radio-color-font, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-radio-text {
  line-height: 1.5;
}
.kdesigner-radio-square {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  height: var(--kdesigner-c-radio-square-sizing-height, 32px);
  padding-top: var(--kdesigner-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kdesigner-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kdesigner-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kdesigner-c-radio-square-spacing-padding-horizontal, 12px);
  margin-right: var(--kdesigner-c-radio-spacing-margin-right, 8px);
  line-height: calc(var(--kdesigner-c-radio-square-sizing-height, 32px) - (var(--kdesigner-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kdesigner-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kdesigner-c-radio-color-font, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-radio-font-size, var(--kdesigner-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kdesigner-c-radio-color-background, var(--kdesigner-g-color-white, #fff));
  overflow: hidden;
  border-radius: 2px;
  border: var(--kdesigner-c-radio-radius-border-width, 1px) solid var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: var(--kdesigner-c-radio-square-label-max-width);
}
.kdesigner-radio-square::after {
  position: absolute;
  right: calc(-1 * (var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: kdRadioSquareLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioSquareLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
  visibility: hidden;
}
.kdesigner-radio-square-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.kdesigner-radio-square-input[disabled] {
  cursor: not-allowed;
}
.kdesigner-radio-square:hover {
  color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
  border-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-square-checked {
  border-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-square-checked:focus-within {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
}
.kdesigner-radio-square-checked::after {
  position: absolute;
  right: calc(-1 * (var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kdesigner-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: kdRadioSquareEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioSquareEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 1;
  visibility: visible;
}
.kdesigner-radio-square-disabled,
.kdesigner-radio-square-disabled:hover {
  color: var(--kdesigner-c-radio-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  border-color: var(--kdesigner-c-radio-color-border-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  background-color: var(--kdesigner-c-radio-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.kdesigner-radio-square-disabled::after,
.kdesigner-radio-square-disabled:hover::after {
  background-color: var(--kdesigner-c-radio-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
}
.kdesigner-radio-square-disabled.kdesigner-radio-square-checked,
.kdesigner-radio-square-disabled:hover.kdesigner-radio-square-checked {
  color: var(--kdesigner-c-radio-color-font, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-radio-square-text {
  line-height: 1.5;
}
.kdesigner-radio-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  height: var(--kdesigner-c-radio-square-sizing-height, 32px);
  padding-top: var(--kdesigner-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kdesigner-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kdesigner-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kdesigner-c-radio-square-spacing-padding-horizontal, 12px);
  line-height: calc(var(--kdesigner-c-radio-square-sizing-height, 32px) - (var(--kdesigner-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kdesigner-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kdesigner-c-radio-color-font, var(--kdesigner-g-color-text-primary, #212121));
  font-size: var(--kdesigner-c-radio-font-size, var(--kdesigner-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kdesigner-c-radio-color-background, var(--kdesigner-g-color-white, #fff));
  border: var(--kdesigner-c-radio-radius-border-width, 1px) solid var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-left: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: var(--kdesigner-c-radio-button-label-max-width);
}
.kdesigner-radio-button:first-child {
  border-radius: 2px 0 0 2px;
  border-left: var(--kdesigner-c-radio-radius-border-width, 1px) solid var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-radio-button:first-child::before {
  content: none;
}
.kdesigner-radio-button:last-child {
  border-radius: 0 2px 2px 0;
}
.kdesigner-radio-button::before {
  z-index: 10;
  position: absolute;
  top: calc(-1 * var(--kdesigner-c-radio-radius-border-width, 1px));
  left: calc(-1 * var(--kdesigner-c-radio-radius-border-width, 1px));
  height: var(--kdesigner-c-radio-square-sizing-height, 32px);
  width: var(--kdesigner-c-radio-radius-border-width, 1px);
  content: '';
  background-color: var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-radio-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.kdesigner-radio-button-input[disabled] {
  cursor: not-allowed;
}
.kdesigner-radio-button:hover {
  color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-button-checked {
  z-index: 1;
  color: var(--kdesigner-c-radio-color-background, var(--kdesigner-g-color-white, #fff));
  border-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
  background-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-button-checked:focus-within {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
}
.kdesigner-radio-button-checked:hover {
  color: var(--kdesigner-c-radio-color-background, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-radio-button-checked:not(.kdesigner-radio-button-disabled)::before {
  background-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-button-checked:first-child {
  border-left-color: var(--kdesigner-c-radio-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-radio-button-checked:first-child::before {
  content: none;
}
.kdesigner-radio-button-checked + .kdesigner-radio-button::before {
  content: none;
}
.kdesigner-radio-button-checked.kdesigner-radio-button-disabled {
  background-color: var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-left-color: var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kdesigner-radio-button-disabled,
.kdesigner-radio-button-disabled:hover {
  color: var(--kdesigner-c-radio-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  border-color: var(--kdesigner-c-radio-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kdesigner-radio-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.5;
}
.kdesigner-rate {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kdesigner-rate-size-large {
  font-size: var(--kdesigner-c-rate-font-size-large, 20px);
}
.kdesigner-rate-size-middle {
  font-size: var(--kdesigner-c-rate-font-size-middle, 16px);
}
.kdesigner-rate-size-small {
  font-size: var(--kdesigner-c-rate-font-size-small, 12px);
}
.kdesigner-rate-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 100%;
  margin-right: var(--kdesigner-c-rate-spacing-margin-right, 8px);
}
.kdesigner-rate-item .kdesigner-rate-icon-view {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: -webkit-transform var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: -webkit-transform var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s)), -webkit-transform var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-rate-item .kdesigner-rate-icon-view:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.kdesigner-rate-item .kdesigner-rate-icon-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kdesigner-rate-item .kdesigner-rate-icon-first {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  overflow: hidden;
  color: var(--kdesigner-c-rate-color-text-not-selected, #E5E5E5);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-rate-item .kdesigner-rate-icon-first:hover {
  color: var(--kdesigner-c-rate-color-text-selected, #FEC104);
}
.kdesigner-rate-item .kdesigner-rate-icon-second {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--kdesigner-c-rate-color-text-not-selected, #E5E5E5);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-rate-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-rate-item .kdesigner-rate-icon-second-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kdesigner-rate-item .kdesigner-rate-icon-second:hover {
  color: var(--kdesigner-c-rate-color-text-selected, #FEC104);
}
.kdesigner-rate-item .kdesigner-rate-icon-selected {
  color: var(--kdesigner-c-rate-color-text-selected, #FEC104);
  opacity: 1;
}
.kdesigner-rate-item:last-child {
  margin-right: 0;
}
.kdesigner-rate-disabled {
  pointer-events: none;
}
@-webkit-keyframes SlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes SlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes SlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes SlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes animate_loading {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes animate_loading {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.kdesigner-search {
  border-bottom: var(--kdesigner-c-search-sizing-border-width, 1px) solid var(--kdesigner-c-search-color-border, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
}
.kdesigner-search-size-small {
  width: var(--kdesigner-c-search-sizing-width-small, 200px);
}
.kdesigner-search-size-middle {
  width: var(--kdesigner-c-search-sizing-width-middle, 260px);
}
.kdesigner-search-size-large {
  width: var(--kdesigner-c-search-sizing-width-large, 320px);
}
.kdesigner-search-disabled {
  cursor: not-allowed;
}
.kdesigner-search-borderless {
  border: none !important;
}
.kdesigner-search-border {
  border: var(--kdesigner-c-search-sizing-border-width, 1px) solid var(--kdesigner-c-search-color-border, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
  border-radius: var(--kdesigner-c-search-radius-border, var(--kdesigner-g-radius-border, 2px));
}
.kdesigner-search-prefix,
.kdesigner-search-suffix {
  font-size: var(--kdesigner-c-search-icon-font-size, 16px);
  color: var(--kdesigner-c-search-icon-color, #B2B2B2);
}
.kdesigner-search-focused,
.kdesigner-search:not(.kdesigner-search-disabled):hover {
  border-color: var(--kdesigner-c-search-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-search-focused .kdesigner-search-prefix,
.kdesigner-search:not(.kdesigner-search-disabled):hover .kdesigner-search-prefix {
  color: var(--kdesigner-c-search-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-search-focused .kdesigner-search-suffix,
.kdesigner-search:not(.kdesigner-search-disabled):hover .kdesigner-search-suffix {
  color: var(--kdesigner-c-search-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-quick-search {
  display: inline-block;
  max-width: var(--kdesigner-c-search-sizing-width-max, 400px);
  width: var(--kdesigner-c-search-sizing-width-default, 200px);
  height: var(--kdesigner-c-search-sizing-height-default, 24px);
  position: relative;
  border-bottom: var(--kdesigner-c-search-sizing-border-width, 1px) solid var(--kdesigner-c-search-color-border, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
  -webkit-transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-quick-search-borderless {
  border: none !important;
}
.kdesigner-quick-search-border {
  border: var(--kdesigner-c-search-sizing-border-width, 1px) solid var(--kdesigner-c-search-color-border, var(--kdesigner-g-color-border-strong-2, #d9d9d9));
  border-radius: var(--kdesigner-c-search-radius-border, var(--kdesigner-g-radius-border, 2px));
}
.kdesigner-quick-search:hover:not(.kdesigner-quick-search-disabled) {
  border-color: var(--kdesigner-c-search-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-quick-search:hover:not(.kdesigner-quick-search-disabled) .kdesigner-quick-search-prefix {
  color: var(--kdesigner-c-search-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-quick-search-focused:not(.kdesigner-quick-search-disabled) {
  max-width: var(--kdesigner-c-search-sizing-width-max, 400px);
  width: 100% !important;
  border-color: var(--kdesigner-c-search-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-quick-search-focused:not(.kdesigner-quick-search-disabled) .kdesigner-quick-search-prefix {
  color: var(--kdesigner-c-search-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-quick-search-disabled {
  cursor: not-allowed;
}
.kdesigner-quick-search-prefix {
  margin-right: 4px;
  -ms-flex-item-align: center;
      align-self: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  font-size: var(--kdesigner-c-search-icon-font-size, 16px);
  color: var(--kdesigner-c-search-icon-color, #B2B2B2);
}
.kdesigner-quick-search-selector {
  cursor: text;
  padding-left: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdesigner-quick-search-selector-disabled {
  cursor: not-allowed;
}
.kdesigner-quick-search-selection-overflow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
}
.kdesigner-quick-search-selection-overflow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 2px;
  border: 1px solid var(--kdesigner-c-search-color-end, var(--kdesigner-g-color-end, #666));
  margin: 2px 12px 2px 0;
  cursor: pointer;
  max-width: 100%;
  height: 20px;
}
.kdesigner-quick-search-selection-overflow-item:hover .kdesigner-quick-search-selection-overflow-item-del {
  display: block;
}
.kdesigner-quick-search-selection-overflow-item-tag {
  padding: 0 4px 0 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 170px;
  background: var(--kdesigner-c-search-color-end, var(--kdesigner-g-color-end, #666));
  line-height: 20px;
  font-size: var(--kdesigner-c-search-dropdown-font-size, 12px);
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-quick-search-selection-overflow-item-label {
  font-size: var(--kdesigner-c-search-dropdown-font-size, 12px);
  color: #212121;
  letter-spacing: 0;
  padding: 0 4px;
  -ms-flex-item-align: center;
      align-self: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: var(--kdesigner-c-search-tag-sizing-max-width);
}
.kdesigner-quick-search-selection-overflow-item-del {
  height: 14px;
  width: 14px;
  line-height: 1;
  font-size: var(--kdesigner-c-search-font-size-middle, var(--kdesigner-g-font-size-middle, 14px));
  border-radius: 50%;
  position: absolute;
  right: -7px;
  top: -6px;
  display: none;
  background: var(--kdesigner-c-search-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-quick-search-selection-overflow-item-del:hover {
  color: var(--kdesigner-c-search-selected-tags-del-color-background-hover, #999999);
}
.kdesigner-quick-search-selection-placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--kdesigner-c-search-selection-placeholder-color-text, #B2B2B2);
  font-size: var(--kdesigner-c-search-placeholder-font-size, 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-quick-search-selection-search {
  position: relative;
  max-width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
}
.kdesigner-quick-search-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.kdesigner-quick-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  width: 100%;
  background: transparent;
  font-size: var(--kdesigner-c-search-input-font-size, 12px);
  color: var(--kdesigner-c-search-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-quick-search-input::-webkit-input-placeholder {
  font-size: 12px;
  color: var(--kdesigner-c-search-input-color-text, var(--kdesigner-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kdesigner-quick-search-input::-moz-placeholder {
  font-size: 12px;
  color: var(--kdesigner-c-search-input-color-text, var(--kdesigner-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kdesigner-quick-search-input:-ms-input-placeholder {
  font-size: 12px;
  color: var(--kdesigner-c-search-input-color-text, var(--kdesigner-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kdesigner-quick-search-input::-ms-input-placeholder {
  font-size: 12px;
  color: var(--kdesigner-c-search-input-color-text, var(--kdesigner-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kdesigner-quick-search-input::placeholder {
  font-size: 12px;
  color: var(--kdesigner-c-search-input-color-text, var(--kdesigner-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kdesigner-quick-search-dropdown {
  padding: 8px 0;
  margin: 0;
  z-index: 1050;
  font-size: var(--kdesigner-c-search-dropdown-font-size, 12px);
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: var(--kdesigner-c-search-dropdown-radius-border, var(--kdesigner-g-radius-border, 2px));
  background: var(--kdesigner-c-search-color-background, var(--kdesigner-g-color-background, #fff));
  overflow: auto;
}
.kdesigner-quick-search-dropdown-scroll {
  overflow-y: auto;
}
.kdesigner-quick-search-dropdown-empty {
  padding: 5px 12px;
}
.kdesigner-quick-search-dropdown-desc {
  padding-left: var(--kdesigner-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  padding-right: var(--kdesigner-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  line-height: var(--kdesigner-c-search-dropdown-option-sizing-height, 32px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--kdesigner-c-search-dropdown-desc-color-text, #999999);
  font-size: var(--kdesigner-c-search-dropdown-desc-font-size, 12px);
}
.kdesigner-quick-search-option {
  padding-left: var(--kdesigner-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  padding-right: var(--kdesigner-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  line-height: var(--kdesigner-c-search-dropdown-option-sizing-height, 32px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: var(--kdesigner-c-search-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-quick-search-option-tag {
  margin-right: 12px;
}
.kdesigner-quick-search-option:hover:not(.kdesigner-quick-search-option-selected) {
  background: var(--kdesigner-c-search-color-background-contain-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-quick-search-option-selected:not(.kdesigner-quick-search-option-disabled) {
  background: var(--kdesigner-c-search-dropdown-tags-color-background-selected, #F2F6FF);
}
.kdesigner-quick-search-option-selected:not(.kdesigner-quick-search-option-disabled) .kdesigner-quick-search-option-tag {
  color: var(--kdesigner-c-search-color-hover, #5582F3);
}
.kdesigner-quick-search-option-selected:not(.kdesigner-quick-search-option-disabled) .kdesigner-quick-search-option-content {
  color: var(--kdesigner-c-search-color-hover, #5582F3);
}
.kdesigner-quick-search-npl {
  border-top: 1px solid var(--kdesigner-c-search-npl-color-border, #D8D8D8);
}
.kdesigner-quick-search-npl-loading {
  height: var(--kdesigner-c-search-dropdown-option-sizing-height, 32px);
  line-height: var(--kdesigner-c-search-dropdown-option-sizing-height, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding-left: var(--kdesigner-c-search-dropdown-option-spacing-padding-horizontal, 12px);
}
.kdesigner-quick-search-npl-loading-item {
  width: 4px;
  height: 4px;
  margin-right: 5px;
  border-radius: 50% 50% 50% 50%;
  -webkit-animation: animate_loading 1s infinite;
          animation: animate_loading 1s infinite;
}
.kdesigner-quick-search-npl-loading-item:nth-child(1) {
  background-color: var(--kdesigner-c-search-dot-color-first, var(--kdesigner-g-color-logo-1, #2486ee));
}
.kdesigner-quick-search-npl-loading-item:nth-child(2) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-second, var(--kdesigner-g-color-logo-2, #02ccfe));
}
.kdesigner-quick-search-npl-loading-item:nth-child(3) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-third, var(--kdesigner-g-color-logo-3, #05c8c7));
}
.kdesigner-quick-search-npl-loading-item:nth-child(4) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-fourth, var(--kdesigner-g-color-logo-4, #a06eff));
}
.kdesigner-search-panel {
  width: var(--kdesigner-c-search-panel-sizing-width, 800px);
  border-radius: 4px;
  background: var(--kdesigner-c-search-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-search-panel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kdesigner-c-search-panel-sizing-height, 60px);
  border-radius: 4px;
}
.kdesigner-search-panel-recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 24px;
}
.kdesigner-search-panel-recommend-icon {
  font-size: 18px;
  margin: 0 8px;
  -webkit-transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-search-panel-type {
  width: 230px;
  max-height: 400px;
  overflow: auto;
}
.kdesigner-search-panel-type-list {
  line-height: 30px;
  display: block;
  padding-left: 24px;
}
.kdesigner-search-panel-type-list:hover {
  background: var(--kdesigner-c-search-panel-color-background-hover, #eef3fe);
  color: var(--kdesigner-c-search-panel-color-hover, #597cfc);
}
.kdesigner-search-panel-type-list-active {
  color: var(--kdesigner-c-search-panel-color-hover, #597cfc);
}
.kdesigner-search-panel-dropDown {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--kdesigner-c-search-panel-color-border, #E6E8ED);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-search-panel-dropDown-result {
  width: 300px;
  height: 400px;
  border-right: 1px solid var(--kdesigner-c-search-panel-color-border, #E6E8ED);
}
.kdesigner-search-panel-dropDown-result-wrapper {
  max-height: 330px;
  overflow: auto;
  border-bottom: 1px solid var(--kdesigner-c-search-panel-color-border, #E6E8ED);
}
.kdesigner-search-panel-dropDown-result-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 48px;
  padding: 5px 13px 2px 17px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-search-panel-dropDown-result-list:hover {
  background: var(--kdesigner-c-search-panel-color-background-hover, #eef3fe);
}
.kdesigner-search-panel-dropDown-result-list-active {
  background: var(--kdesigner-c-search-panel-color-background-hover, #eef3fe);
}
.kdesigner-search-panel-dropDown-result-list-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
}
.kdesigner-search-panel-dropDown-result-list-type {
  color: var(--kdesigner-c-search-color-text-third, var(--kdesigner-g-color-text-third, #999));
}
.kdesigner-search-panel-dropDown-result-list-sub-title {
  color: var(--kdesigner-c-search-color-text-third, var(--kdesigner-g-color-text-third, #999));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95px;
}
.kdesigner-search-panel-dropDown-result-list img {
  height: 18px;
  width: 18px;
  margin-right: 4px;
  margin-top: 2px;
}
.kdesigner-search-panel-dropDown-summary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdesigner-search-panel-dropDown-summary-pic {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  margin-bottom: 20px;
}
.kdesigner-search-panel-dropDown-summary-icon {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.kdesigner-search-panel-dropDown-summary-title {
  margin-bottom: 10px;
  font-size: var(--kdesigner-c-search-font-size-middle, var(--kdesigner-g-font-size-middle, 14px));
  color: var(--kdesigner-c-search-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-search-panel-dropDown-summary-list {
  margin-top: 4px;
  color: var(--kdesigner-c-search-color-text-secondary, var(--kdesigner-g-color-text-secondary, #666));
  font-size: var(--kdesigner-c-search-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  line-height: 20px;
}
.kdesigner-search-panel-dropDown-search {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 17px;
  font-size: var(--kdesigner-c-search-font-size-middle, var(--kdesigner-g-font-size-middle, 14px));
  cursor: pointer;
}
.kdesigner-search-panel-dropDown-search:hover {
  background: var(--kdesigner-c-search-panel-color-background-hover, #eef3fe);
}
.kdesigner-search-panel-dropDown-search-active {
  background: var(--kdesigner-c-search-panel-color-background-hover, #eef3fe);
}
.kdesigner-search-panel-dropDown-search-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-search-panel-dropDown-loading {
  margin-left: 30px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-search-panel .kdesigner-input-clear-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--kdesigner-c-search-color-end, var(--kdesigner-g-color-end, #666));
  position: relative;
}
.kdesigner-search-panel .kdesigner-input-clear-icon .kdesignericon {
  position: absolute;
  right: 2.5px;
  top: -2px;
  color: #fff;
}
.kdesigner-search-panel-tooltip::before {
  display: none;
}
.kdesigner-search-panel-tooltip-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.kdesigner-search-panel-tooltip-content:hover {
  background: var(--kdesigner-c-search-panel-color-background-hover, #eef3fe);
}
.kdesigner-quick-search-dropdown-wrapper.topLeft.hidden,
.kdesigner-quick-search-dropdown-wrapper.bottomLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kdesigner-c-search-motion-duration, var(--kdesigner-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-quick-search-dropdown-wrapper.bottomLeft-active {
  padding: 10px 0;
}
@keyframes SlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes SlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes SlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes SlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes SlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes SlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
.kdesigner-select {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  vertical-align: middle;
}
.kdesigner-select-selector:hover .kdesigner-select-icon-active {
  color: #3761ca;
}
.kdesigner-select-visible .kdesigner-select-icon-active {
  color: #3761ca;
}
.kdesigner-select-visible div.kdesigner-select-show-search .kdesigner-select-selection-item {
  color: var(--kdesigner-c-select-placeholder-color-text, #b2b2b2);
}
.kdesigner-select-icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.kdesigner-select-icon-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-select-icon-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-select-icon-clear {
  opacity: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  background: #fff;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.kdesigner-select-icon-clear:hover {
  color: var(--kdesigner-c-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-select-focused:not(.kdesigner-select-error) {
  border-color: var(--kdesigner-c-city-picker-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-tree-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
}
.kdesigner-select-placeholder {
  position: absolute;
  color: var(--kdesigner-c-select-placeholder-color-text, #b2b2b2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  right: 28px;
  left: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-select-borderless {
  border: none;
}
.kdesigner-select-underline {
  border-bottom: 1px solid var(--kdesigner-c-select-color-border, var(--kdesigner-g-color-input, #999));
}
.kdesigner-select-underline:hover:not(.kdesigner-select-multiple-disabled):not(.kdesigner-select-single-disabled):not( .kdesigner-select-error) {
  border-bottom: 1px solid var(--kdesigner-c-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-select-bordered {
  border: 1px solid var(--kdesigner-c-select-border-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  padding-left: var(--kdesigner-c-select-bordered-spacing-padding-left, 8px) !important;
  border-radius: var(--kdesigner-c-select-bordered-radius-border, 2px);
}
.kdesigner-select-bordered:hover:not(.kdesigner-select-multiple-disabled):not(.kdesigner-select-single-disabled):not( .kdesigner-select-error) {
  border: 1px solid var(--kdesigner-c-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-select-bordered .kdesigner-select-suffix {
  padding-right: 8px;
}
.kdesigner-select-bordered.kdesigner-select-single .kdesigner-select-selection-search {
  padding-left: var(--kdesigner-c-select-bordered-spacing-padding-left, 8px);
}
.kdesigner-select-bordered .kdesigner-select-placeholder {
  padding-left: var(--kdesigner-c-select-bordered-spacing-padding-left, 8px);
}
.kdesigner-select-wrapper {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: var(--kdesigner-c-select-wrapper-spacing-padding, 1px 28px 1px 0);
  max-width: 100%;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.kdesigner-select-show-search {
  cursor: text;
}
.kdesigner-select-show-search.kdesigner-select-single .kdesigner-select-selection-search .kdesigner-select-selection-search-input {
  cursor: text;
}
.kdesigner-select-dropdown {
  display: block;
  left: 0;
  z-index: var(--kdesigner-c-select-z-index, var(--kdesigner-g-z-index-popper, 1050));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--kdesigner-c-select-dropdown-spacing-padding-vertical, 8px) 0;
  margin: 0;
  overflow: auto;
  font-size: var(--kdesigner-c-select-dropdown-font-size, 12px);
  font-variant: initial;
  background-color: var(--kdesigner-c-select-dropdown-color-background, var(--kdesigner-g-color-background, #fff));
  border-radius: var(--kdesigner-c-select-radius-border, var(--kdesigner-g-radius-border, 2px));
  outline: none;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.kdesigner-select-dropdown-scroll {
  overflow-y: auto;
}
.kdesigner-select-dropdown-empty {
  padding: 5px 12px;
}
.kdesigner-select-dropdown-search {
  padding: 5px 6px;
}
.kdesigner-select-dropdown-search-hidden {
  display: none;
}
.kdesigner-select-multiple-dropdown-panel .kdesigner-select-dropdown:not(.kdesigner-select-dropdown-no-data) {
  padding-bottom: 0;
}
.kdesigner-select-item {
  font-size: var(--kdesigner-c-city-picker-dropdown-font-size, 12px);
  min-height: var(--kdesigner-c-city-picker-item-sizing-height, 22px);
  color: var(--kdesigner-c-city-picker-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  line-height: var(--kdesigner-c-city-picker-dropdown-line-height, 22px);
  font-size: var(--kdesigner-c-select-dropdown-font-size, 12px);
  min-height: var(--kdesigner-c-select-item-sizing-height, 22px);
  color: var(--kdesigner-c-select-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  line-height: var(--kdesigner-c-select-dropdown-line-height, 22px);
  position: relative;
  display: block;
  font-weight: normal;
  font-size: var(--kdesigner-c-tree-select-dropdown-font-size, 12px);
  min-height: var(--kdesigner-c-tree-select-item-sizing-height, 22px);
  padding: 5px 12px;
  color: var(--kdesigner-c-tree-select-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  line-height: var(--kdesigner-c-tree-select-dropdown-line-height, 22px);
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.kdesigner-select-item-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 75px;
}
.kdesigner-select-item-option-content {
  max-width: var(--kdesigner-c-select-item-sizing-max-width);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-select-item-option-content .kdesigner-checkbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-select-item-option-content .kdesigner-checkbox .kdesigner-checkbox-children {
  display: inline-block;
}
.kdesigner-select-item-option-active:not(.kdesigner-select-item-option-disabled) {
  background-color: var(--kdesigner-c-select-color-background, #f5f5f5);
}
.kdesigner-select-item-option-selected:not(.kdesigner-select-item-option-disabled) {
  color: var(--kdesigner-c-select-item-color-text-selected, var(--kdesigner-g-color-theme, #276ff5));
  background-color: var(--kdesigner-c-select-color-background-selected, var(--kdesigner-g-color-theme-3, #e3eeff));
}
.kdesigner-select-item-option-disabled {
  color: var(--kdesigner-c-select-item-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
  background-color: var(--kdesigner-c-select-item-color-background-disabled, #fff);
}
.kdesigner-select-size-small {
  min-height: var(--kdesigner-c-select-sizing-height-small, 24px);
  max-height: calc(var(--kdesigner-c-select-sizing-height-small, 24px) * 3 - 10px);
  font-size: var(--kdesigner-c-select-font-size-small, 12px);
}
.kdesigner-select-size-small .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-select-sizing-height-small, 24px) - 4px);
  line-height: calc(var(--kdesigner-c-select-sizing-height-small, 24px) - 4px);
}
.kdesigner-select-size-middle {
  min-height: var(--kdesigner-c-select-sizing-height-middle, 30px);
  max-height: calc(var(--kdesigner-c-select-sizing-height-middle, 30px) * 3 - 10px);
  font-size: var(--kdesigner-c-select-font-size-middle, 14px);
}
.kdesigner-select-size-middle .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-select-sizing-height-middle, 30px) - 4px);
  line-height: calc(var(--kdesigner-c-select-sizing-height-middle, 30px) - 4px);
}
.kdesigner-select-size-large {
  min-height: var(--kdesigner-c-select-sizing-height-large, 36px);
  max-height: calc(var(--kdesigner-c-select-sizing-height-large, 36px) * 3 - 10px);
  font-size: var(--kdesigner-c-select-font-size-large, 16px);
}
.kdesigner-select-size-large .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-select-sizing-height-large, 36px) - 4px);
  line-height: calc(var(--kdesigner-c-select-sizing-height-large, 36px) - 4px);
}
.kdesigner-select-suffix {
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
}
.kdesigner-select .kdesigner-select-single .kdesigner-select-selection-search {
  position: absolute;
  right: 28px;
  left: 0;
  height: 100%;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-select .kdesigner-select-single .kdesigner-select-selection-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.kdesigner-select .kdesigner-select-single .kdesigner-select-selection-item {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-select .kdesigner-select-single-focused:not(.kdesigner-select-error) {
  border-color: var(--kdesigner-c-city-picker-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-tree-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
}
.kdesigner-select .kdesigner-select-single-disabled {
  background-color: var(--kdesigner-c-select-color-background-disabled, #f5f5f5);
  color: var(--kdesigner-c-select-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-select .kdesigner-select-single-disabled:hover {
  cursor: not-allowed;
}
.kdesigner-select .kdesigner-select-single-disabled .kdesigner-select-suffix {
  color: var(--kdesigner-c-select-arrow-icon-color-text-disabled, #b2b2b2);
}
.kdesigner-select .kdesigner-select-single:hover .kdesigner-select-icon-clear {
  opacity: 1;
}
.kdesigner-select .kdesigner-select-single .kdesigner-select-icon-clear {
  color: var(--kdesigner-c-select-icon-clear-color-text, #666);
}
.kdesigner-select .kdesigner-select-single .kdesigner-select-icon-clear:hover {
  color: var(--kdesigner-c-select-icon-clear-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-select .kdesigner-select-single-text {
  color: var(--kdesigner-c-select-single-color-text, var(--kdesigner-g-color-text-primary, #212121));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-select .kdesigner-select-single-disabled-text {
  color: var(--kdesigner-c-select-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-select .kdesigner-select-selection-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  max-width: 100%;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdesigner-select .kdesigner-select-selection-item.kdesigner-select-selection-item-small {
  height: 20px;
  line-height: 18px;
  font-size: 12px;
}
.kdesigner-select .kdesigner-select-selection-item.kdesigner-select-selection-item-middle {
  font-size: 12px;
  height: 20px;
  line-height: 18px;
}
.kdesigner-select .kdesigner-select-selection-item.kdesigner-select-selection-item-large {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}
.kdesigner-select .kdesigner-select-selection-item-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  color: #212121;
}
.kdesigner-select .kdesigner-select-selection-item-span {
  position: relative;
  margin-left: 0.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-select .kdesigner-select-selection-item-input {
  cursor: text;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  min-width: 20px;
}
.kdesigner-select-multiple .kdesigner-select-selection-tag {
  max-width: calc(100% - 5px);
}
.kdesigner-select-multiple .kdesigner-select-selection-tag .kdesigner-tag {
  margin: 2px 8px 2px 0;
  max-width: 100%;
}
.kdesigner-select-multiple .kdesigner-select-selection-search {
  position: relative;
  max-width: 100%;
}
.kdesigner-select-multiple .kdesigner-select-selection-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  width: 100%;
}
.kdesigner-select-multiple .kdesigner-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.kdesigner-select-multiple-disabled {
  cursor: not-allowed;
  background-color: var(--kdesigner-c-select-color-background-disabled, #f5f5f5);
  color: var(--kdesigner-c-select-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-select-multiple-disabled .kdesigner-select-suffix {
  color: var(--kdesigner-c-select-arrow-icon-color-text-disabled, #b2b2b2);
}
.kdesigner-select-multiple:hover .kdesigner-select-icon-clear {
  opacity: 1;
}
.kdesigner-select-multiple .kdesigner-select-icon-clear {
  color: var(--kdesigner-c-select-icon-clear-color-text, #666);
}
.kdesigner-select-multiple .kdesigner-select-icon-clear:hover {
  color: var(--kdesigner-c-select-icon-clear-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-select-multiple-selector {
  position: relative;
  cursor: text;
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-select-multiple .kdesigner-select-wrapper:hover:not(.kdesigner-select-multiple-disabled) {
  border-bottom: 1px solid var(--kdesigner-c-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-select-multiple-footer {
  color: var(--kdesigner-c-select-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 12px;
  height: 40px;
  line-height: 30px;
  border-top: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-select-multiple-footer-hadSelected {
  color: #999999;
  padding-left: 12px;
}
.kdesigner-select-multiple-footer-hadSelected-number {
  color: var(--kdesigner-c-select-footer-color-text-selected, #0e5fd8);
  padding: 0 2px;
}
.kdesigner-select-error:not(.kdesigner-select-single-disabled):not(.kdesigner-select-multiple-disabled) {
  border-color: var(--kdesigner-c-select-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-select-dropdown-panel.topLeft.hidden,
.kdesigner-select-dropdown-panel.bottomLeft.hidden,
.kdesigner-select-dropdown-panel.topRight.hidden,
.kdesigner-select-dropdown-panel.bottomRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-signature {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dashed #e5e5e5;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--kdesigner-c-signature-bg-color, #fafafa);
  color: var(--kdesigner-c-signature-color-text, #999999);
  font-size: var(--kdesigner-c-signature-font-size, 12px);
  cursor: pointer;
  border-radius: var(--kdesigner-c-signature-border-radius, var(--kdesigner-g-radius-border, 2px));
  -webkit-transition: border-color var(--kdesigner-c-signature-motion-duration, var(--kdesigner-g-duration, 0.3s)), background-color var(--kdesigner-c-signature-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: border-color var(--kdesigner-c-signature-motion-duration, var(--kdesigner-g-duration, 0.3s)), background-color var(--kdesigner-c-signature-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-signature:hover {
  border-color: var(--kdesigner-c-signature-border-color-hover, var(--kdesigner-g-color-theme-5, #87adff));
  background-color: var(--kdesigner-c-signature-bg-color-hover, var(--kdesigner-g-color-theme-1, #f2f8ff));
}
.kdesigner-signature.kdesigner-signature-disabled {
  cursor: not-allowed;
  border: 1px solid var(--kdesigner-g-color-border-disabled, #ccc);
  background: var(--kdesigner-c-signature-bg-color, #fafafa);
  color: var(--kdesigner-c-signature-color-text, #999999);
}
.kdesigner-signature-drawing-board {
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--kdesigner-c-signature-drawing-board-bg-color, #fafafa);
  position: relative;
}
.kdesigner-signature-drawing-board-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 9px;
  right: 9px;
  color: #b2b2b2;
  z-index: 9999;
}
.kdesigner-signature-drawing-board-operation > * {
  cursor: pointer;
}
.kdesigner-signature-drawing-board-operation > *:not(:last-child) {
  margin-right: 13px;
}
.kdesigner-signature-drawing-board-operation span:nth-of-type(2) {
  -webkit-transform: scaleX(-1) !important;
          transform: scaleX(-1) !important;
}
.kdesigner-signature-drawing-board-operation.enabled {
  color: #666666;
}
.kdesigner-signature-drawing-board-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--kdesigner-c-signature-board-tip-color, #b2b2b2);
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdesigner-signature-modal .kd-modal-header {
  position: relative;
}
.kdesigner-signature-modal-footer .kd-btn:not(:last-child) {
  margin-right: 12px;
}
.kdesigner-signature-modal .kd-modal-expand-icon {
  position: absolute;
  right: 43.5px;
  font-size: 14px;
  cursor: pointer;
}
.kdesigner-signature-modal.kdesigner-signature-modal-fullscreen .kd-modal-container-box {
  width: 90vw !important;
  height: 90vh !important;
  top: 5vh;
  left: 5vw;
  -webkit-transform: none !important;
          transform: none !important;
}
.slider {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  margin: 10px 6px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.slider-handle {
  position: absolute;
  top: -1px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 2px solid var(--kdesigner-c-slider-handle-color-border, var(--kdesigner-g-color-theme, #276ff5));
  border-radius: 50%;
  cursor: pointer;
}
.kdesigner-slider {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  margin: 10px 6px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.kdesigner-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--kdesigner-c-slider-trail-color-background, var(--kdesigner-g-color-border-weak, #e5e5e5));
  border-radius: 2px;
}
.kdesigner-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--kdesigner-c-slider-track-color-background, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-slider-step {
  position: absolute;
  width: 100%;
}
.kdesigner-slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.kdesigner-slider-dot.kdesigner-slider-dot-actived {
  border-color: var(--kdesigner-c-slider-dot-color-border-actived, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-slider-handle {
  position: absolute;
  top: -1px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 2px solid var(--kdesigner-c-slider-handle-color-border, var(--kdesigner-g-color-theme, #276ff5));
  border-radius: 50%;
  cursor: pointer;
}
.kdesigner-slider-mark {
  position: absolute;
  width: 100%;
  top: 14px;
}
.kdesigner-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: var(--kdesigner-c-slider-mark-color-text, var(--kdesigner-g-color-text-primary, #212121));
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.kdesigner-slider-mark-text.kdesigner-slider-mark-text-actived {
  color: var(--kdesigner-c-slider-mark-color-text-actived, var(--kdesigner-g-color-text-primary-2, #ffffff));
}
.kdesigner-slider:hover > .kdesigner-slider-rail {
  background-color: #e1e1e1;
}
.kdesigner-slider:not(.kdesigner-slider-disabled):hover > .kdesigner-slider-handle {
  border-color: var(--kdesigner-c-slider-handle-color-border-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-slider:not(.kdesigner-slider-disabled):hover .kdesigner-slider-track {
  background-color: var(--kdesigner-c-slider-track-color-background-hover, var(--kdesigner-g-color-theme-5, #87adff));
}
.kdesigner-slider-reverse .kdesigner-slider-dot {
  top: -2px;
  margin-right: -4px;
  margin-left: 0;
}
.kdesigner-slider-reverse .kdesigner-slider-mark-text {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.kdesigner-slider-reverse.kdesigner-slider-handle {
  top: -1px;
  margin-right: -7px;
  margin-left: 0;
}
.kdesigner-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.kdesigner-slider-vertical .kdesigner-slider-rail {
  width: 4px;
  height: 100%;
}
.kdesigner-slider-vertical .kdesigner-slider-track {
  width: 4px;
}
.kdesigner-slider-vertical .kdesigner-slider-step {
  width: 4px;
  height: 100%;
}
.kdesigner-slider-vertical .kdesigner-slider-dot {
  top: auto;
  margin-left: 0;
  left: -2px;
  margin-bottom: -4px;
}
.kdesigner-slider-vertical .kdesigner-slider-mark {
  width: 4px;
  height: 100%;
  top: auto;
  left: 14px;
}
.kdesigner-slider-vertical .kdesigner-slider-mark-text {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.kdesigner-slider-vertical .kdesigner-slider-handle {
  left: -1px;
  margin-left: 0;
  margin-bottom: -7px;
}
.kdesigner-slider-vertical .kdesigner-slider-reverse .kdesigner-slider-dot {
  top: auto;
  margin-left: 0;
  left: -2px;
  margin-top: -4px;
}
.kdesigner-slider-vertical .kdesigner-slider-reverse .kdesigner-slider-mark-text {
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
.kdesigner-slider-vertical .kdesigner-slider-reverse.kdesigner-slider-handle {
  margin-left: 0;
  margin-top: -7px;
}
.kdesigner-slider-disabled {
  cursor: not-allowed;
}
.kdesigner-slider-disabled .kdesigner-slider-track {
  background-color: var(--kdesigner-c-slider-track-color-background-hover, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-slider-disabled .kdesigner-slider-dot {
  border-color: var(--kdesigner-c-slider-dot-color-border-actived, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-slider-disabled .kdesigner-slider-handle {
  border-color: var(--kdesigner-c-slider-handle-color-border-hover, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: var(--rgap);
}
.kdesigner-space.kdesigner-space-horizontal > *:not(:last-child) {
  margin-right: var(--cgap);
}
.kdesigner-space.kdesigner-space-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdesigner-space.kdesigner-space-vertical > *:not(:last-child) {
  margin-bottom: var(--cgap);
}
.kdesigner-space.kdesigner-space-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kdesigner-space.kdesigner-space-align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.kdesigner-space.kdesigner-space-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-space.kdesigner-space-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.kdesigner-space.kdesigner-space-align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.kdesigner-spin-page .kdesigner-spin-dot-spin {
  width: var(--kdesigner-c-spin-page-dot-spin-sizing-square, 48px);
  height: var(--kdesigner-c-spin-page-dot-spin-sizing-square, 48px);
  padding: var(--kdesigner-c-spin-page-dot-spin-spacing-padding, 4px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.kdesigner-spin-page .kdesigner-spin-dot-item {
  width: var(--kdesigner-c-spin-page-dot-item-sizing-square, 16px);
  height: var(--kdesigner-c-spin-page-dot-item-sizing-square, 16px);
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-first, var(--kdesigner-g-color-logo-1, #2486ee));
  border-radius: 50%;
}
.kdesigner-spin-page .kdesigner-spin-dot-item:nth-child(2n+1) {
  -webkit-animation: pageLoading 1s 0.3s ease-in-out infinite;
          animation: pageLoading 1s 0.3s ease-in-out infinite;
}
.kdesigner-spin-page .kdesigner-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-second, var(--kdesigner-g-color-logo-2, #02ccfe));
  -webkit-animation: pageLoading 1s 0.2s ease-in-out infinite;
          animation: pageLoading 1s 0.2s ease-in-out infinite;
}
.kdesigner-spin-page .kdesigner-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-third, var(--kdesigner-g-color-logo-3, #05c8c7));
  -webkit-animation: pageLoading 1s 0.1s ease-in-out infinite;
          animation: pageLoading 1s 0.1s ease-in-out infinite;
}
.kdesigner-spin-page .kdesigner-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-fourth, var(--kdesigner-g-color-logo-4, #a06eff));
  -webkit-animation: pageLoading 1s ease-in-out infinite;
          animation: pageLoading 1s ease-in-out infinite;
}
@-webkit-keyframes pageLoading {
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pageLoading {
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kdesigner-spin-container .kdesigner-spin-dot-spin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  width: 35px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.kdesigner-spin-container .kdesigner-spin-dot-spin .kdesigner-spin-dot-item {
  width: var(--kdesigner-c-spin-dot-container-sizing-square, 5px);
  height: var(--kdesigner-c-spin-dot-container-sizing-square, 5px);
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-first, var(--kdesigner-g-color-logo-1, #2486ee));
  border-radius: 50%;
}
.kdesigner-spin-container .kdesigner-spin-dot-spin .kdesigner-spin-dot-item:nth-child(2n+1) {
  -webkit-animation: containerLoading 1s 0.6s ease-in-out infinite;
          animation: containerLoading 1s 0.6s ease-in-out infinite;
}
.kdesigner-spin-container .kdesigner-spin-dot-spin .kdesigner-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-second, var(--kdesigner-g-color-logo-2, #02ccfe));
  -webkit-animation: containerLoading 1s 0.45s ease-in-out infinite;
          animation: containerLoading 1s 0.45s ease-in-out infinite;
}
.kdesigner-spin-container .kdesigner-spin-dot-spin .kdesigner-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-third, var(--kdesigner-g-color-logo-3, #05c8c7));
  -webkit-animation: containerLoading 1s 0.3s ease-in-out infinite;
          animation: containerLoading 1s 0.3s ease-in-out infinite;
}
.kdesigner-spin-container .kdesigner-spin-dot-spin .kdesigner-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kdesigner-c-spin-dot-color-backgroung-fourth, var(--kdesigner-g-color-logo-4, #a06eff));
  -webkit-animation: containerLoading 1s 0.15s ease-in-out infinite;
          animation: containerLoading 1s 0.15s ease-in-out infinite;
}
@-webkit-keyframes containerLoading {
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes containerLoading {
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.kdesigner-spin-component .kdesigner-spin-dot-spin {
  width: var(--kdesigner-c-spin-dot-component-sizing-square, 24px);
  height: var(--kdesigner-c-spin-dot-component-sizing-square, 24px);
  border: var(--kdesigner-c-spin-dot-component-sizing-border, 2px) solid var(--kdesigner-c-spin-component-dot-color-border, #ebebeb);
  border-radius: 50%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-spin-component .kdesigner-spin-dot-spin .kdesigner-spin-dot-item {
  width: var(--kdesigner-c-spin-dot-component-sizing-square, 24px);
  height: var(--kdesigner-c-spin-dot-component-sizing-square, 24px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kdesigner-c-spin-dot-component-sizing-border, 2px) solid transparent;
  border-right-color: var(--kdesigner-c-spin-component-dot-item-color-border, var(--kdesigner-g-color-theme, #276ff5));
  border-radius: 50%;
  position: absolute;
  top: calc(-1 * var(--kdesigner-c-spin-dot-component-sizing-border, 2px));
  left: calc(-1 * var(--kdesigner-c-spin-dot-component-sizing-border, 2px));
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: componentRotate 1s linear infinite;
          animation: componentRotate 1s linear infinite;
}
@-webkit-keyframes componentRotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
@keyframes componentRotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
.kdesigner-spin-children-wrapper {
  position: relative;
}
.kdesigner-spin-has-children {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.kdesigner-spin-children-container {
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.kdesigner-spin-indicator-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-split-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border: var(--kdesigner-c-split-panel-wrapper-sizing-border, 1px) solid var(--kdesigner-c-split-panel-color-border, #d9d9d9);
  overflow: hidden;
}
.kdesigner-split-panel {
  position: absolute;
  overflow: hidden;
}
.kdesigner-split-panel.left-panel,
.kdesigner-split-panel.right-panel {
  top: 0;
  bottom: 0;
}
.kdesigner-split-panel.left-panel {
  left: 0;
  margin-right: calc(var(--kdesigner-c-split-panel-line-sizing-border, 1px) / 2);
}
.kdesigner-split-panel.right-panel {
  right: 0;
  margin-left: calc(var(--kdesigner-c-split-panel-line-sizing-border, 1px) / 2);
}
.kdesigner-split-panel.top-panel,
.kdesigner-split-panel.bottom-panel {
  left: 0;
  right: 0;
}
.kdesigner-split-panel.top-panel {
  top: 0;
  margin-bottom: calc(var(--kdesigner-c-split-panel-line-sizing-border, 1px) / 2);
}
.kdesigner-split-panel.bottom-panel {
  bottom: 0;
  margin-top: calc(var(--kdesigner-c-split-panel-line-sizing-border, 1px) / 2);
}
.kdesigner-split-panel-moving {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kdesigner-split-trigger-con {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.kdesigner-split-trigger-con.is-active .kdesigner-split-trigger-arrow {
  border-color: var(--kdesigner-c-split-panel-arrow-color-background, #999);
  background: var(--kdesigner-c-split-panel-arrow-color-background, #999);
  color: white;
}
.kdesigner-split-trigger-con.can-drag .kdesigner-split-trigger-vertical {
  cursor: col-resize;
}
.kdesigner-split-trigger-con.can-drag .kdesigner-split-trigger-horizontal {
  cursor: row-resize;
}
.kdesigner-split-trigger-con.is-disabled .kdesigner-split-trigger-vertical {
  cursor: not-allowed;
}
.kdesigner-split-trigger-con:not(.is-disabled):hover .kdesigner-split-trigger-arrow {
  border-color: var(--kdesigner-c-split-panel-arrow-color-background, #999);
}
.kdesigner-split-trigger-con:not(.is-disabled) .kdesigner-split-trigger-arrow:hover {
  cursor: pointer;
  background: #fff !important;
  color: var(--kdesigner-c-split-panel-arrow-color-background-hover, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-split-panel-arrow-color-background-hover, var(--kdesigner-g-color-theme, #276ff5)) !important;
}
.kdesigner-split-trigger-arrow {
  position: absolute;
  color: var(--kdesigner-c-split-panel-arrow-color-background, #999);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kdesigner-c-split-panel-arrow-sizing-border, 1px) solid transparent;
}
.kdesigner-split-trigger-arrow .kdesignericon {
  font-size: 12px;
}
.kdesigner-split-trigger-arrow.is-vertical {
  width: var(--kdesigner-c-split-panel-arrow-sizing-width-vertical, 16px);
  height: var(--kdesigner-c-split-panel-arrow-sizing-height-vertical, 16px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.kdesigner-split-trigger-arrow.is-horizontal {
  width: var(--kdesigner-c-split-panel-arrow-sizing-width-horizontal, 16px);
  height: var(--kdesigner-c-split-panel-arrow-sizing-height-horizontal, 16px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.kdesigner-split-trigger-arrow.top {
  bottom: 100%;
  border-bottom: none;
  border-radius: var(--kdesigner-c-split-panel-arrow-radius-border-vertical, 8px) var(--kdesigner-c-split-panel-arrow-radius-border-vertical, 8px) 0 0;
}
.kdesigner-split-trigger-arrow.bottom {
  top: 100%;
  border-top: none;
  border-radius: 0 0 var(--kdesigner-c-split-panel-arrow-radius-border-vertical, 8px) var(--kdesigner-c-split-panel-arrow-radius-border-vertical, 8px);
}
.kdesigner-split-trigger-arrow.left {
  right: 100%;
  border-right: none;
  border-radius: var(--kdesigner-c-split-panel-arrow-radius-border-horizontal, 8px) 0 0 var(--kdesigner-c-split-panel-arrow-radius-border-horizontal, 8px);
}
.kdesigner-split-trigger-arrow.right {
  left: 100%;
  border-left: none;
  border-radius: 0 var(--kdesigner-c-split-panel-arrow-radius-border-horizontal, 8px) var(--kdesigner-c-split-panel-arrow-radius-border-horizontal, 8px) 0;
}
.kdesigner-split-trigger-vertical {
  width: var(--kdesigner-c-split-panel-line-sizing-border, 1px);
  height: 100%;
  background: var(--kdesigner-c-split-panel-line-color-background, #d9d9d9);
  border-top: none;
  border-bottom: none;
}
.kdesigner-split-trigger-horizontal {
  height: var(--kdesigner-c-split-panel-line-sizing-border, 1px);
  width: 100%;
  background: var(--kdesigner-c-split-panel-line-color-background, #d9d9d9);
  border-left: none;
  border-right: none;
}
.kdesigner-split-trigger.is-disabled {
  cursor: not-allowed;
}
.kdesigner-split-horizontal > .kdesigner-split-trigger-con {
  top: 50%;
  height: 100%;
}
.kdesigner-split-vertical > .kdesigner-split-trigger-con {
  left: 50%;
  width: 100%;
}
.kdesigner-split .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kdesigner-inputNumber {
  width: 100px;
}
.kdesigner-inputNumber.kdesigner-input-wrapper {
  padding-left: var(--kdesigner-c-stepper-padding-left, 9px) !important;
}
.kdesigner-inputNumber.kdesigner-input-wrapper .kdesigner-input {
  padding-left: var(--kdesigner-c-stepper-input-padding-left, 0px);
}
.kdesigner-inputNumber.kdesigner-input-wrapper-size-middle {
  height: var(--kdesigner-c-stepper-sizing-height, 28px);
  line-height: var(--kdesigner-c-stepper-sizing-height, 28px);
}
.kdesigner-inputNumber input {
  text-align: center;
  color: var(--kdesigner-c-stepper-input-color, var(--kdesigner-g-color-text-primary, #212121));
  margin: 0 4px;
  font-size: var(--kdesigner-c-stepper-input-font-size, 12px);
}
.kdesigner-inputNumber-icon {
  font-size: 14px;
}
.kdesigner-inputNumber-baseStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  cursor: pointer;
}
.kdesigner-inputNumber-baseStep-small {
  width: var(--kdesigner-c-stepper-input-small-sizing-height, 20px);
}
.kdesigner-inputNumber-baseStep-middle {
  width: var(--kdesigner-c-stepper-input-middle-sizing-height, 28px);
}
.kdesigner-inputNumber-baseStep-large {
  width: var(--kdesigner-c-stepper-input-large-sizing-height, 36px);
}
.kdesigner-inputNumber-baseStep .kdesigner-inputNumber-icon {
  color: var(--kdesigner-c-stepper-icon-color, var(--kdesigner-g-color-text-secondary, #666));
  -webkit-transition: color var(--kdesigner-c-stepper-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-stepper-motion-duration, var(--kdesigner-g-duration, 0.3s));
  font-size: 16px;
}
.kdesigner-inputNumber-baseStep .kdesigner-inputNumber-icon:hover {
  color: var(--kdesigner-c-stepper-icon-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-inputNumber-baseStep:hover:not(.kdesigner-inputNumber-baseStep-disabled) .kdesigner-inputNumber-icon {
  color: var(--kdesigner-c-stepper-icon-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-inputNumber-baseStep-disabled {
  cursor: not-allowed;
  color: var(--kdesigner-c-stepper-icon-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-inputNumber-baseStep-disabled .kdesigner-inputNumber-icon {
  color: unset !important;
}
.kdesigner-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-right: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-small {
  margin-left: -9px;
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-middle {
  margin-left: -9px;
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-large {
  margin-left: -9px;
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-small {
  margin-left: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-middle {
  margin-left: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-decrease.kdesigner-inputNumber-embedStep-large {
  margin-left: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-left: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-baseStep-increase.kdesigner-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-radius: 0 1px 1px 0;
  background-color: var(--kdesigner-c-stepper-embed-icon-color-background, transparent);
  overflow: hidden;
  border-left: 1px solid var(--kdesigner-c-input-number-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-left: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border: none;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-small,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-middle,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-baseStep-large,
.kdesigner-inputNumber-embedStep.kdesigner-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kdesigner-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdesigner-inputNumber-embedStep span {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-left: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kdesigner-c-stepper-color-border-strong, var(--kdesigner-g-color-border-strong, #d9d9d9));
  cursor: pointer;
  font-size: 12px;
}
.kdesigner-inputNumber-embedStep span .kdesigner-inputNumber-icon {
  -webkit-transition: color var(--kdesigner-c-stepper-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-stepper-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-inputNumber-embedStep span:hover .kdesigner-inputNumber-icon {
  color: var(--kdesigner-c-stepper-icon-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-inputNumber-embedStep span:last-child {
  border-bottom: none;
}
.kdesigner-inputNumber-embedStep-disabled {
  cursor: not-allowed !important;
  color: var(--kdesigner-c-stepper-icon-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-inputNumber-embedStep-disabled .kdesigner-inputNumber-icon {
  color: unset !important;
}
.kdesigner-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kdesigner-steps .kdesigner-steps-icon {
  border: 2px solid;
  padding-top: 1px;
}
.kdesigner-steps .kdesignericon-exclamatory {
  font-size: 30px;
}
.kdesigner-steps-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0;
}
.kdesigner-steps-item-clickable {
  cursor: pointer;
}
.kdesigner-steps-item-clickable .kdesigner-steps-item-iconContainer-icon .kdesigner-steps-icon {
  background-color: var(--kdesigner-c-steps-color-white, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-steps-item-clickable.kdesigner-steps-item-wait .kdesigner-steps-icon,
.kdesigner-steps-item-clickable.kdesigner-steps-item-wait .kdesigner-steps-item-title {
  -webkit-transition: all var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: all var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-steps-item-clickable.kdesigner-steps-item-wait:hover .kdesigner-steps-icon {
  background-color: var(--kdesigner-c-steps-color-white, var(--kdesigner-g-color-white, #fff));
  color: var(--kdesigner-c-steps-color-hover, var(--kdesigner-g-color-theme, #276ff5));
  border-color: var(--kdesigner-c-steps-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-steps-item-clickable.kdesigner-steps-item-wait:hover .kdesigner-steps-item-title,
.kdesigner-steps-item-clickable.kdesigner-steps-item-wait:hover .kdesigner-steps-item-description {
  color: var(--kdesigner-c-steps-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-steps-item-clickable.kdesigner-steps-item-finish .kdesigner-steps-item-title {
  -webkit-transition: all var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s)) ease;
  transition: all var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s)) ease;
}
.kdesigner-steps-item-clickable.kdesigner-steps-item-finish:hover .kdesigner-steps-item-title {
  color: var(--kdesigner-c-steps-color-completed, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-steps-item-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdesigner-steps-item-iconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.kdesigner-steps-item-iconContainer::after {
  content: '';
  width: 100%;
  height: var(--kdesigner-c-steps-line-sizing-height, 1px);
  border-bottom: 1px dashed var(--kdesigner-c-steps-color-wait, #999);
  border-left: 1px dashed var(--kdesigner-c-steps-color-wait, #999);
  position: absolute;
  left: 50%;
  top: calc(50% - var(--kdesigner-c-steps-line-sizing-height, 1px) / 2);
  -webkit-transition: width var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
  transition: width var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kdesigner-c-steps-motion-duration, var(--kdesigner-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
}
.kdesigner-steps-item-iconContainer:last-child::after {
  display: none;
}
.kdesigner-steps-item-iconContainer-icon {
  z-index: 1;
  width: var(--kdesigner-c-steps-icon-sizing-width, 28px);
  height: var(--kdesigner-c-steps-icon-sizing-width, 28px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-steps-item-iconContainer-icon .kdesigner-steps-icon {
  width: var(--kdesigner-c-steps-icon-sizing-width, 28px);
  height: var(--kdesigner-c-steps-icon-sizing-width, 28px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--kdesigner-c-steps-color-white, var(--kdesigner-g-color-white, #fff));
  color: var(--kdesigner-c-steps-color-wait, #999);
  font-size: calc(var(--kdesigner-c-steps-icon-sizing-width, 28px) - 13px);
  border-radius: 50%;
  border-color: var(--kdesigner-c-steps-color-wait, #999);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-steps-item-content {
  text-align: center;
}
.kdesigner-steps-item-content .kdesigner-steps-item-title {
  line-height: 20px;
  font-size: var(--kdesigner-c-steps-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-c-steps-color-wait, #999);
}
.kdesigner-steps-item-content .kdesigner-steps-item-description {
  line-height: 20px;
  font-size: var(--kdesigner-c-steps-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-c-steps-color-wait, #999);
  width: var(--kdesigner-c-steps-vertical-description-sizing-width, 200px);
}
.kdesigner-steps-item-process {
  color: var(--kdesigner-c-steps-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-steps-item-process .kdesigner-steps-icon {
  background-color: var(--kdesigner-c-steps-color-white, var(--kdesigner-g-color-white, #fff));
  color: var(--kdesigner-c-steps-color-hover, var(--kdesigner-g-color-theme, #276ff5));
  border-color: var(--kdesigner-c-steps-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-steps-item-process .kdesigner-steps-item-title,
.kdesigner-steps-item-process .kdesigner-steps-item-description {
  color: var(--kdesigner-c-steps-color-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-steps-item:last-child .kdesigner-steps-item-iconContainer::after {
  display: none;
}
.kdesigner-steps-item-finish .kdesigner-steps-icon {
  background-color: var(--kdesigner-c-steps-color-white, var(--kdesigner-g-color-white, #fff));
  color: var(--kdesigner-c-steps-color-completed, var(--kdesigner-g-color-success, #1ba854));
  border-color: var(--kdesigner-c-steps-color-completed, var(--kdesigner-g-color-success, #1ba854));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-steps-item-finish .kdesigner-steps-item-content .kdesigner-steps-item-title,
.kdesigner-steps-item-finish .kdesigner-steps-item-content .kdesigner-steps-item-description {
  color: var(--kdesigner-c-steps-color-completed, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-steps-item-error .kdesigner-steps-icon {
  color: var(--kdesigner-c-steps-color-error, var(--kdesigner-g-color-error, #fb2323));
  border-color: var(--kdesigner-c-steps-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-steps-item-error .kdesigner-steps-item-content .kdesigner-steps-item-title,
.kdesigner-steps-item-error .kdesigner-steps-item-content .kdesigner-steps-item-description {
  color: var(--kdesigner-c-steps-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-steps-bottomLable .kdesigner-steps-item-iconContainer {
  margin-bottom: 4px;
}
.kdesigner-steps-horizontal .kdesigner-steps-item {
  min-width: 88px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 22px;
}
.kdesigner-steps-horizontal .kdesigner-steps-item:first-child {
  padding-left: 0;
}
.kdesigner-steps-horizontal .kdesigner-steps-item:last-child {
  padding-right: 0;
}
.kdesigner-steps-horizontal .kdesigner-steps-item .kdesigner-steps-item-description {
  height: var(--kdesigner-c-steps-horizontal-description-sizing-height, 60px);
  width: auto;
}
.kdesigner-steps-horizontal .kdesigner-steps-item-iconContainer::after {
  width: calc(100% + 44px);
}
.kdesigner-steps-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdesigner-steps-vertical .kdesigner-steps-item {
  width: 100%;
  min-height: 68px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 22px 0;
}
.kdesigner-steps-vertical .kdesigner-steps-item:first-child {
  padding-top: 0;
}
.kdesigner-steps-vertical .kdesigner-steps-item:last-child {
  padding-bottom: 0;
}
.kdesigner-steps-vertical .kdesigner-steps-item-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kdesigner-steps-vertical .kdesigner-steps-item-iconContainer {
  margin-bottom: 0;
  margin-right: 4px;
}
.kdesigner-steps-vertical .kdesigner-steps-item-iconContainer::after {
  width: var(--kdesigner-c-steps-line-sizing-height, 1px);
  height: calc(100% + 44px);
  top: 2px;
  left: calc(50% - var(--kdesigner-c-steps-line-sizing-height, 1px) / 2);
}
.kdesigner-steps-vertical .kdesigner-steps-item-content {
  text-align: left;
  margin-top: 1px;
}
.kdesigner-switch {
  padding: 0;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdesigner-c-switch-color-off, #B2B2B2);
  cursor: pointer;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-switch::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdesigner-switch .kdesigner-switch-inner {
  color: var(--kdesigner-c-switch-color-font, var(--kdesigner-g-color-white, #fff));
  font-size: var(--kdesigner-c-switch-inner-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  margin: var(--kdesigner-c-switch-inner-spacing-margin, 0 5px 0 17px);
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdesigner-switch .kdesigner-switch-loading-icon {
  color: #b2b2b2;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  left: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
.kdesigner-switch .kdesigner-switch-loading-icon .kdicon-loadding-circle {
  -webkit-animation: loadingcircle 1s infinite;
          animation: loadingcircle 1s infinite;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  font-size: var(--kdesigner-c-switch-small-font-size, var(--kdesigner-g-font-size-small, 12px));
  line-height: 1;
  vertical-align: baseline;
}
.kdesigner-switch-disabled {
  background-color: var(--kdesigner-c-switch-color-off-background-disabled, #D9D9D9);
  cursor: not-allowed;
}
.kdesigner-switch-checked {
  background-color: var(--kdesigner-c-switch-color-on, var(--kdesigner-g-color-theme-6, #5582f3));
  text-align: right;
}
.kdesigner-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.kdesigner-switch-checked .kdesigner-switch-loading-icon {
  left: unset;
  right: 1px;
  color: var(--kdesigner-c-switch-color-loading, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-switch-checked.kdesigner-switch-disabled {
  background-color: var(--kdesigner-c-switch-color-on-background-disabled, var(--kdesigner-g-color-theme-4, #b5cfff));
}
.kdesigner-switch-checked .kdesigner-switch-inner {
  margin: var(--kdesigner-c-switch-inner-spacing-margin-checked, 0 17px 0 5px);
}
.kdesigner-switch-checked.kdesigner-switch-size-large .kdesigner-switch-inner {
  margin: var(--kdesigner-c-switch-inner-spacing-margin-large-checked, 0 21px 0 5px);
}
.kdesigner-switch-size-small {
  height: var(--kdesigner-c-switch-small-sizing-height, 16px);
  min-width: var(--kdesigner-c-switch-small-sizing-width, 32px);
  line-height: var(--kdesigner-c-switch-small-line-height, 16px);
  font-size: var(--kdesigner-c-switch-small-font-size, var(--kdesigner-g-font-size-small, 12px));
  border-radius: var(--kdesigner-c-switch-small-radius-border, 8px);
}
.kdesigner-switch-size-small::after {
  width: calc(var(--kdesigner-c-switch-small-sizing-height, 16px) - 2px);
  height: calc(var(--kdesigner-c-switch-small-sizing-height, 16px) - 2px);
}
.kdesigner-switch-size-small .kdesigner-switch-loading-icon {
  width: calc(var(--kdesigner-c-switch-small-sizing-height, 16px) - 2px);
  height: calc(var(--kdesigner-c-switch-small-sizing-height, 16px) - 2px);
}
.kdesigner-switch-size-large {
  height: var(--kdesigner-c-switch-large-sizing-height, 20px);
  min-width: var(--kdesigner-c-switch-large-sizing-width, 40px);
  line-height: var(--kdesigner-c-switch-large-line-height, 20px);
  font-size: var(--kdesigner-c-switch-large-font-size, var(--kdesigner-g-font-size-small, 12px));
  border-radius: var(--kdesigner-c-switch-large-sizing-border-radius, 10px);
}
.kdesigner-switch-size-large::after {
  width: calc(var(--kdesigner-c-switch-large-sizing-height, 20px) - 2px);
  height: calc(var(--kdesigner-c-switch-large-sizing-height, 20px) - 2px);
}
.kdesigner-switch-size-large .kdesigner-switch-loading-icon {
  width: calc(var(--kdesigner-c-switch-large-sizing-height, 20px) - 2px);
  height: calc(var(--kdesigner-c-switch-large-sizing-height, 20px) - 2px);
}
.kdesigner-switch-size-large .kdesigner-switch-inner {
  margin: var(--kdesigner-c-switch-inner-spacing-margin-large, 0 5px 0 21px);
}
.kdesigner-table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
}
.kdesigner-tabs-noContainer {
  height: var(--kdesigner-c-tabs-sizing-height, 48px);
}
.kdesigner-tabs-tab-wrap {
  position: relative;
  height: calc(100% + 1px);
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 0;
}
.kdesigner-tabs-tab-list {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  -webkit-transition: all var(--kdesigner-c-tabs-motion-duration, var(--kdesigner-g-duration, 0.3s)) var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: all var(--kdesigner-c-tabs-motion-duration, var(--kdesigner-g-duration, 0.3s)) var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kdesigner-tabs-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.kdesigner-tabs-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kdesigner-tabs-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.kdesigner-tabs-left-arrows {
  -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08);
          box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-tabs-left-arrows-line {
  background-color: #fff;
}
.kdesigner-tabs-left-arrows-noshadow {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.kdesigner-tabs-right-arrows {
  -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
          box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-tabs-right-arrows-line {
  background-color: #fff;
}
.kdesigner-tabs-right-arrows-line .kdesigner-tabs-more-btn {
  width: 24px;
}
.kdesigner-tabs-right-arrows-grid {
  background-color: #fff;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-tabs-right-arrows-grid .kdesigner-tabs-more-btn {
  line-height: 22px;
}
.kdesigner-tabs-right-arrows-noshadow {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.kdesigner-tabs-right-arrows .kdesignericon {
  font-size: 14px;
}
.kdesigner-tabs-left-operations {
  position: relative;
  margin-right: 2px;
}
.kdesigner-tabs-left-operations-item {
  padding: 0 12px;
  cursor: pointer;
}
.kdesigner-tabs-right-operations {
  position: relative;
  padding-right: 18px;
}
.kdesigner-tabs-right-operations-item {
  padding-left: 12px;
  cursor: pointer;
}
.kdesigner-tabs-more-btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 48px;
  text-align: center;
  cursor: pointer;
}
.kdesigner-tabs-more-btn:hover {
  color: var(--kdesigner-c-tabs-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tabs-more-btn-disabled {
  color: var(--kdesigner-c-tabs-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-tabs-more-btn-disabled:hover {
  color: var(--kdesigner-c-tabs-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tabs-navs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kdesigner-c-tabs-sizing-height, 48px);
  border-bottom: var(--kdesigner-c-tabs-sizing-border, 1px) solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-tabs-navs-line.kdesigner-tabs-navs-middle {
  height: var(--kdesigner-c-tabs-pane-type-line-sizing-height-middle, 32px);
}
.kdesigner-tabs-navs-line.kdesigner-tabs-navs-small {
  height: var(--kdesigner-c-tabs-pane-type-line-sizing-height-small, 32px) !important;
}
.kdesigner-tabs-navs-line .kdesigner-tab-pane-middle {
  line-height: var(--kdesigner-c-tabs-pane-type-line-sizing-height-middle, 32px);
  height: var(--kdesigner-c-tabs-pane-type-line-sizing-height-middle, 32px);
}
.kdesigner-tabs-navs-line .kdesigner-tab-pane-small {
  line-height: var(--kdesigner-c-tabs-pane-type-line-sizing-height-small, 32px);
  height: var(--kdesigner-c-tabs-pane-type-line-sizing-height-small, 32px);
}
.kdesigner-tabs-navs-line.kdesigner-tabs-navs-bottom {
  border-top: 1px solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-bottom: unset;
}
.kdesigner-tabs-navs-line.kdesigner-tabs-navs-bottom .kdesigner-tabs-tab-wrap {
  margin-top: -1px;
}
.kdesigner-tabs-navs-line.kdesigner-tabs-navs-bottom .kdesigner-tabs-tab-list {
  top: -1px;
}
.kdesigner-tabs-navs-line.kdesigner-tabs-navs-bottom .kdesigner-active-line {
  top: 1px;
  bottom: unset;
}
.kdesigner-tabs-navs-card {
  border-top: 1px solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  background-color: var(--kdesigner-c-tabs-card-color-background, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-tabs-navs-card .kdesigner-tabs-tab-wrap {
  top: -1px;
  height: calc(100% + 2px);
}
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-left,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-right {
  min-width: 120px;
  height: 100%;
  font-size: 0;
  border-top: 1px solid transparent;
}
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-left::before,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-right::before,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-left::after,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-right::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-left::before,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-right::before {
  left: 0;
}
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-left::after,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-right::after {
  right: 0;
}
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-left .kdesigner-tabs-tab-wrap,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-right .kdesigner-tabs-tab-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 120px;
  width: 100%;
  z-index: 2;
}
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-left .kdesigner-tabs-tab-list,
.kdesigner-tabs-navs-card.kdesigner-tabs-navs-right .kdesigner-tabs-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: normal;
  width: 100%;
  height: 100%;
  min-width: 120px;
  max-height: 100%;
  overflow: auto;
}
.kdesigner-tabs-navs-grid {
  height: 24px;
  border-bottom: unset;
}
.kdesigner-tabs-navs-dynamic {
  background-color: var(--kdesigner-c-tabs-card-color-background, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  border-bottom: unset;
  height: var(--kdesigner-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kdesigner-tabs-navs-dynamic .kdesigner-tabs-tab-wrap {
  height: var(--kdesigner-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kdesigner-tabs-navs-dynamic .kdesigner-tabs-more-btn {
  line-height: var(--kdesigner-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kdesigner-tabs-navs-small:not(.kdesigner-tabs-navs-left):not(.kdesigner-tabs-navs-right) {
  height: 36px;
}
.kdesigner-tabs-navs-small:not(.kdesigner-tabs-navs-left):not(.kdesigner-tabs-navs-right).kdesigner-tabs-card-more {
  padding-right: 36px;
}
.kdesigner-tab-pane {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--kdesigner-c-tabs-pane-font-size, var(--kdesigner-g-font-size-middle, 14px));
  color: var(--kdesigner-c-tabs-color-text, var(--kdesigner-g-color-text-secondary, #666));
  height: var(--kdesigner-c-tabs-pane-sizing-height, 48px);
  line-height: var(--kdesigner-c-tabs-pane-height, 48px);
  cursor: pointer;
}
.kdesigner-tab-pane-text {
  display: inline-block;
  -webkit-transition: color var(--kdesigner-c-tabs-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-tabs-motion-duration, var(--kdesigner-g-duration, 0.3s));
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: var(--kdesigner-c-tabs-pane-text-sizing-max-width);
}
.kdesigner-tab-pane-text-active,
.kdesigner-tab-pane-text:hover {
  color: var(--kdesigner-c-tabs-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tab-pane-text-disabled:hover {
  color: var(--kdesigner-c-tabs-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tab-pane-disabled {
  color: var(--kdesigner-c-tabs-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-tab-pane-disabled:hover {
  color: var(--kdesigner-c-tabs-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tab-pane-type-line {
  padding: 0 var(--kdesigner-c-tabs-pane-line-paddinng-horizontal, 20px);
}
.kdesigner-tab-pane-type-card {
  margin-right: 0;
  padding: 0 var(--kdesigner-c-tabs-pane-card-paddinng-horizontal, 18px);
  border: 1px solid transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-box-active {
  background-color: #fff;
  border: 1px solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  border-top: 2px solid;
  border-color: var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5)) var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9)) transparent var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  -webkit-transition: background-color 0.2s var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: background-color 0.2s var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-box-active:first-of-type {
  border-left-color: transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-left {
  border-left: 2px solid transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-left.kdesigner-tab-pane-box-active {
  border-left: 2px solid;
  border-color: var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9)) transparent transparent var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-right {
  border-right: 1px solid transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-right.kdesigner-tab-pane-box-active {
  border-right: 2px solid var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5));
  border-left: 1px solid transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-left,
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-right {
  width: 100%;
  border-top: 1px solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-left:last-of-type,
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-right:last-of-type {
  border-bottom: 1px solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-bottom {
  border-top: 1px solid transparent;
  border-bottom: 2px solid transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-bottom.kdesigner-tab-pane-box-active {
  border-bottom: 2px solid;
  border-color: transparent var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9)) var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5)) var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-bottom.kdesigner-tab-pane-box-active:first-of-type {
  border-left-color: transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-top {
  border-top: 2px solid transparent;
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-top.kdesigner-tab-pane-box-active {
  border-top: 2px solid;
  border-color: var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5)) var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9)) transparent var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-tab-pane-type-card.kdesigner-tab-pane-top.kdesigner-tab-pane-box-active:first-of-type {
  border-left-color: transparent;
}
.kdesigner-tab-pane-type-dynamic {
  height: var(--kdesigner-c-tabs-pane-type-dynamic-sizing-height, 32px);
  line-height: var(--kdesigner-c-tabs-pane-type-dynamic-sizing-height, 32px);
  margin: 0 0 0 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-tab-pane-type-dynamic:not(.kdesigner-tab-pane-disabled):hover .kdesigner-tab-pane-operations span:first-child {
  opacity: 1;
  cursor: pointer;
}
.kdesigner-tab-pane-type-dynamic .kdesigner-tab-pane-operations .kdesignericon {
  font-size: 16px;
}
.kdesigner-tab-pane-type-grid {
  height: 24px;
  line-height: 22px;
  padding: 0 var(--kdesigner-c-tabs-pane-grid-paddinng-horizontal, 20px);
  border: 1px solid var(--kdesigner-c-tabs-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  margin-right: -1px;
}
.kdesigner-tab-pane-type-grid:first-of-type {
  border-radius: 2px 0 0 2px;
}
.kdesigner-tab-pane-type-grid:last-of-type {
  border-radius: 0 2px 2px 0;
}
.kdesigner-tab-pane-type-grid.kdesigner-tab-pane-box-active {
  position: relative;
  z-index: 2;
  background-color: var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5));
  border: 1px solid var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transition: background-color 0.2s var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: background-color 0.2s var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kdesigner-tab-pane-type-grid.kdesigner-tab-pane-box-active .kdesigner-tab-pane-text-active {
  color: #fff;
}
.kdesigner-tab-pane-type-grid.kdesigner-tab-pane-disabled {
  background-color: var(--kdesigner-c-tabs-color-background-disabled, transparent);
}
.kdesigner-tab-pane-type-grid:hover {
  color: var(--kdesigner-c-tabs-color-text-active, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tab-pane-operations {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0 4px;
}
.kdesigner-tab-pane-operations span:first-child {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  opacity: 0;
}
.kdesigner-tab-pane-small {
  height: 36px;
  line-height: 36px;
}
.kdesigner-active-line {
  position: absolute;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--kdesigner-c-tabs-line-color-active, var(--kdesigner-g-color-theme, #276ff5));
  -webkit-transition: all var(--kdesigner-c-tabs-motion-duration, var(--kdesigner-g-duration, 0.3s)) var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: all var(--kdesigner-c-tabs-motion-duration, var(--kdesigner-g-duration, 0.3s)) var(--kdesigner-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kdesigner-arrow-button {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 48px;
  text-align: center;
  cursor: pointer;
}
.kdesigner-arrow-button:hover {
  color: var(--kdesigner-c-tabs-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-arrow-button-line {
  width: 24px;
}
.kdesigner-arrow-button-dynamic {
  width: 24px;
  line-height: var(--kdesigner-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kdesigner-arrow-button-disabled {
  color: var(--kdesigner-c-tabs-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-arrow-button-disabled:hover {
  color: var(--kdesigner-c-tabs-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-arrow-button .kdesignericon {
  font-size: 14px;
}
.kdesigner-tag {
  -webkit-transition: all var(--kdesigner-c-tag-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: all var(--kdesigner-c-tag-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-tag-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-tag-size-small {
  font-size: var(--kdesigner-c-tag-font-size-small, var(--kdesigner-g-font-size-small, 12px));
  height: var(--kdesigner-c-tag-sizing-height-small, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 var(--kdesigner-c-tag-spacing-padding-horizontal-small, 6px);
  border-radius: calc(var(--kdesigner-c-tag-sizing-height-small, 20px) / 2);
  max-width: var(--kdesigner-c-tag-sizing-max-width);
  min-width: var(--kdesigner-c-tag-sizing-min-width);
}
.kdesigner-tag-size-middle {
  font-size: var(--kdesigner-c-tag-font-size-middle, var(--kdesigner-g-font-size-small, 12px));
  height: var(--kdesigner-c-tag-sizing-height-middle, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 var(--kdesigner-c-tag-spacing-padding-horizontal-middle, 7px);
  border-radius: calc(var(--kdesigner-c-tag-sizing-height-middle, 20px) / 2);
  max-width: var(--kdesigner-c-tag-sizing-max-width);
  min-width: var(--kdesigner-c-tag-sizing-min-width);
}
.kdesigner-tag-size-large {
  font-size: var(--kdesigner-c-tag-font-size-large, var(--kdesigner-g-font-size-middle, 14px));
  height: var(--kdesigner-c-tag-sizing-height-large, 24px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 var(--kdesigner-c-tag-spacing-padding-horizontal-large, 8px);
  border-radius: calc(var(--kdesigner-c-tag-sizing-height-large, 24px) / 2);
  max-width: var(--kdesigner-c-tag-sizing-max-width);
  min-width: var(--kdesigner-c-tag-sizing-min-width);
}
.kdesigner-tag-shape-status {
  border: 1px solid var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-tag-shape-status:hover {
  background-color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  color: #fff;
}
.kdesigner-tag-shape-status.kdesigner-tag-process {
  border: 1px solid var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-tag-shape-status.kdesigner-tag-process:hover {
  background-color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  color: #fff;
}
.kdesigner-tag-shape-status.kdesigner-tag-success {
  border: 1px solid var(--kdesigner-c-tag-color-success, var(--kdesigner-g-color-success, #1ba854));
  color: var(--kdesigner-c-tag-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-tag-shape-status.kdesigner-tag-success:hover {
  background-color: var(--kdesigner-c-tag-color-success, var(--kdesigner-g-color-success, #1ba854));
  color: #fff;
}
.kdesigner-tag-shape-status.kdesigner-tag-warning {
  border: 1px solid var(--kdesigner-c-tag-color-warning, var(--kdesigner-g-color-warning, #ff991c));
  color: var(--kdesigner-c-tag-color-warning, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-tag-shape-status.kdesigner-tag-warning:hover {
  background-color: var(--kdesigner-c-tag-color-warning, var(--kdesigner-g-color-warning, #ff991c));
  color: #fff;
}
.kdesigner-tag-shape-status.kdesigner-tag-error {
  border: 1px solid var(--kdesigner-c-tag-color-error, var(--kdesigner-g-color-error, #fb2323));
  color: var(--kdesigner-c-tag-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-tag-shape-status.kdesigner-tag-error:hover {
  background-color: var(--kdesigner-c-tag-color-error, var(--kdesigner-g-color-error, #fb2323));
  color: #fff;
}
.kdesigner-tag-shape-status.kdesigner-tag-end {
  border: 1px solid var(--kdesigner-c-tag-color-end, var(--kdesigner-g-color-end, #666));
  color: var(--kdesigner-c-tag-color-end, var(--kdesigner-g-color-end, #666));
}
.kdesigner-tag-shape-status.kdesigner-tag-end:hover {
  background-color: var(--kdesigner-c-tag-color-end, var(--kdesigner-g-color-end, #666));
  color: #fff;
}
.kdesigner-tag-shape-status.kdesigner-tag-expired {
  border: 1px solid var(--kdesigner-c-tag-color-expired, var(--kdesigner-g-color-disabled, #b2b2b2));
  color: var(--kdesigner-c-tag-color-expired, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tag-shape-status.kdesigner-tag-expired:hover {
  background-color: var(--kdesigner-c-tag-color-expired, var(--kdesigner-g-color-disabled, #b2b2b2));
  color: #fff;
}
.kdesigner-tag-shape-attribute {
  color: #fff;
  background-color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-tag-shape-attribute.kdesigner-tag-process {
  color: #fff;
  background-color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
}
.kdesigner-tag-shape-attribute.kdesigner-tag-success {
  color: #fff;
  background-color: var(--kdesigner-c-tag-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-tag-shape-attribute.kdesigner-tag-warning {
  color: #fff;
  background-color: var(--kdesigner-c-tag-color-warning, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-tag-shape-attribute.kdesigner-tag-error {
  color: #fff;
  background-color: var(--kdesigner-c-tag-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-tag-shape-attribute.kdesigner-tag-end {
  color: #fff;
  background-color: var(--kdesigner-c-tag-color-end, var(--kdesigner-g-color-end, #666));
}
.kdesigner-tag-shape-attribute.kdesigner-tag-expired {
  color: #fff;
  background-color: var(--kdesigner-c-tag-color-expired, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tag-shape-text {
  color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-process {
  color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-process.kdesigner-tag-size-middle {
  color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-process.kdesigner-tag-size-large {
  color: var(--kdesigner-c-tag-color-process, var(--kdesigner-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-success {
  color: var(--kdesigner-c-tag-color-success, var(--kdesigner-g-color-success, #1ba854));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-success.kdesigner-tag-size-middle {
  color: var(--kdesigner-c-tag-color-success, var(--kdesigner-g-color-success, #1ba854));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-success.kdesigner-tag-size-large {
  color: var(--kdesigner-c-tag-color-success, var(--kdesigner-g-color-success, #1ba854));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-warning {
  color: var(--kdesigner-c-tag-color-warning, var(--kdesigner-g-color-warning, #ff991c));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-warning.kdesigner-tag-size-middle {
  color: var(--kdesigner-c-tag-color-warning, var(--kdesigner-g-color-warning, #ff991c));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-warning.kdesigner-tag-size-large {
  color: var(--kdesigner-c-tag-color-warning, var(--kdesigner-g-color-warning, #ff991c));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-error {
  color: var(--kdesigner-c-tag-color-error, var(--kdesigner-g-color-error, #fb2323));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-error.kdesigner-tag-size-middle {
  color: var(--kdesigner-c-tag-color-error, var(--kdesigner-g-color-error, #fb2323));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-error.kdesigner-tag-size-large {
  color: var(--kdesigner-c-tag-color-error, var(--kdesigner-g-color-error, #fb2323));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-end {
  color: var(--kdesigner-c-tag-color-end, var(--kdesigner-g-color-end, #666));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-end.kdesigner-tag-size-middle {
  color: var(--kdesigner-c-tag-color-end, var(--kdesigner-g-color-end, #666));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-end.kdesigner-tag-size-large {
  color: var(--kdesigner-c-tag-color-end, var(--kdesigner-g-color-end, #666));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-expired {
  color: var(--kdesigner-c-tag-color-expired, var(--kdesigner-g-color-disabled, #b2b2b2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-expired.kdesigner-tag-size-middle {
  color: var(--kdesigner-c-tag-color-expired, var(--kdesigner-g-color-disabled, #b2b2b2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-text.kdesigner-tag-expired.kdesigner-tag-size-large {
  color: var(--kdesigner-c-tag-color-expired, var(--kdesigner-g-color-disabled, #b2b2b2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kdesigner-tag-shape-edit {
  border: 1px solid var(--kdesigner-c-tag-edit-color-border, var(--kdesigner-g-color-text-placeholder, #ccc));
  border-radius: 2px;
  line-height: var(--kdesigner-c-tag-sizing-height-middle, 20px);
  padding-left: 6px;
  padding-right: 6px;
  color: var(--kdesigner-c-tag-edit-color-text, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-tag-shape-edit:not(.kdesigner-tag-closable-disabled):hover {
  border-color: var(--kdesigner-c-tag-edit-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tag-shape-edit:not(.kdesigner-tag-closable-disabled):hover .kdesigner-tag-closeWrapper {
  color: var(--kdesigner-c-tag-edit-cloesWrapper-color-text-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tag-shape-edit.kdesigner-tag-closable {
  padding-right: 8px;
}
.kdesigner-tag-clickable {
  cursor: pointer;
}
.kdesigner-tag-has-color {
  color: var(--kdesigner-c-tag-attribute-color-text, var(--kdesigner-g-color-white, #fff));
}
.kdesigner-tag-text {
  margin-left: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-tag-closable-disabled {
  background-color: var(--kdesigner-c-tag-edit-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kdesigner-c-tag-edit-color-background-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  color: var(--kdesigner-c-tag-edit-color-text-disabled, var(--kdesigner-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kdesigner-tag-closable.kdesigner-tag-size-middle {
  line-height: var(--kdesigner-c-tag-sizing-height-middle, 20px);
}
.kdesigner-tag-closable.kdesigner-tag-size-large {
  line-height: var(--kdesigner-c-tag-sizing-height-large, 24px);
  padding-left: var(--kdesigner-c-tag-spacing-padding-horizontal-large, 8px);
}
.kdesigner-tag-closable.kdesigner-tag-size-large .kdesigner-tag-closeWrapper .kdesigner-tag-close-icon {
  font-size: 14px;
}
.kdesigner-tag-closeWrapper {
  margin-left: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color var(--kdesigner-c-tag-motion-duration, var(--kdesigner-g-duration, 0.3s)), background-color var(--kdesigner-c-tag-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: color var(--kdesigner-c-tag-motion-duration, var(--kdesigner-g-duration, 0.3s)), background-color var(--kdesigner-c-tag-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-tag-close-icon {
  cursor: pointer;
  font-size: 12px;
}
.kdesigner-timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  font-variant: tabular-nums;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  padding: 0 4px;
  overflow: hidden;
  list-style: none;
}
.kdesigner-timeline .kdesigner-timeline-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  margin: 0;
  padding-bottom: var(--kdesigner-c-timeline-spacing-padding-bottom, 24px);
  font-size: var(--kdesigner-c-timeline-content-font-size, var(--kdesigner-g-font-size-small, 12px));
}
.kdesigner-timeline .kdesigner-timeline-item-tail {
  position: absolute;
  left: calc((var(--kdesigner-c-timeline-dot-sizing, 9px) - 1px) / 2);
  height: calc(100% - var(--kdesigner-c-timeline-dot-sizing, 9px) * 2 + 4px);
  border-left: var(--kdesigner-c-timeline-sizing-width, 1px) solid var(--kdesigner-c-timeline-line-color, var(--kdesigner-g-color-border-weak, #e5e5e5));
}
.kdesigner-timeline .kdesigner-timeline-item.pending .kdesigner-timeline-item-dot {
  font-size: var(--kdesigner-c-timeline-content-font-size, var(--kdesigner-g-font-size-small, 12px));
}
.kdesigner-timeline .kdesigner-timeline-item.pending .kdesigner-timeline-item-tail {
  display: none;
}
.kdesigner-timeline .kdesigner-timeline-item-dot {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: var(--kdesigner-c-timeline-dot-sizing, 9px);
  height: var(--kdesigner-c-timeline-dot-sizing, 9px);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdesigner-timeline .kdesigner-timeline-item-dot.blue {
  color: var(--kdesigner-c-timeline-finished-color, var(--kdesigner-g-color-theme, #276ff5));
  background-color: var(--kdesigner-c-timeline-finished-color, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-timeline .kdesigner-timeline-item-dot.red {
  color: var(--kdesigner-c-timeline-error-color, var(--kdesigner-g-color-error, #fb2323));
  background-color: var(--kdesigner-c-timeline-error-color, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-timeline .kdesigner-timeline-item-dot.green {
  color: var(--kdesigner-c-timeline-success-color, var(--kdesigner-g-color-success, #1ba854));
  background-color: var(--kdesigner-c-timeline-success-color, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-timeline .kdesigner-timeline-item-dot.gray {
  color: var(--kdesigner-c-timeline-disabled-color, var(--kdesigner-g-color-disabled, #b2b2b2));
  background-color: var(--kdesigner-c-timeline-disabled-color, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-timeline .kdesigner-timeline-item-dot.custom {
  position: absolute;
  left: calc(var(--kdesigner-c-timeline-dot-sizing, 9px) / 2);
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: transparent !important;
}
.kdesigner-timeline .kdesigner-timeline-item-content {
  position: relative;
  margin: 0 0 0 calc(2 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - var(--kdesigner-c-timeline-sizing-width, 1px)) + 8px);
  word-break: break-word;
  color: var(--kdesigner-c-timeline-content-color-text, var(--kdesigner-g-color-text-primary, #212121));
  max-width: var(--kdesigner-c-timeline-content-sizing-max-width);
  min-width: var(--kdesigner-c-timeline-content-sizing-min-width);
}
.kdesigner-timeline .kdesigner-timeline-item-content > * {
  margin: 0;
  padding: 0;
}
.kdesigner-timeline .kdesigner-timeline-item.last > .kdesigner-timeline-item-tail {
  display: none;
}
.kdesigner-timeline .kdesigner-timeline-item.last > .kdesigner-timeline-item-content {
  min-height: 48px;
}
.kdesigner-timeline.alternate .kdesigner-timeline-item-tail,
.kdesigner-timeline.alternate .kdesigner-timeline-item-dot,
.kdesigner-timeline.alternate .kdesigner-timeline-item-dot.custom {
  left: 50%;
}
.kdesigner-timeline.alternate .kdesigner-timeline-item-dot {
  margin-left: calc(-1 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kdesigner-timeline.alternate .kdesigner-timeline-item-dot.custom {
  margin-left: 1px;
}
.kdesigner-timeline.alternate .kdesigner-timeline-item:nth-child(2n + 1) .kdesigner-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 24px);
  text-align: left;
}
.kdesigner-timeline.alternate .kdesigner-timeline-item:nth-child(2n) .kdesigner-timeline-item-content {
  width: calc(50% - 24px);
  margin: 0;
  text-align: right;
}
.kdesigner-timeline.right .kdesigner-timeline-item-tail,
.kdesigner-timeline.right .kdesigner-timeline-item-dot,
.kdesigner-timeline.right .kdesigner-timeline-item-dot.custom {
  left: auto;
  right: 4.5px;
}
.kdesigner-timeline.right .kdesigner-timeline-item-dot {
  margin-right: calc(-1 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kdesigner-timeline.right .kdesigner-timeline-item-dot.custom {
  margin-right: -18px;
}
.kdesigner-timeline.right .kdesigner-timeline-item .kdesigner-timeline-item-content {
  left: 0;
  text-align: right;
  margin: 0 calc(2 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - var(--kdesigner-c-timeline-sizing-width, 1px)) + 8px) 0 0;
  width: auto;
}
.kdesigner-timeline.label.left .kdesigner-timeline-item-tail,
.kdesigner-timeline.label.left .kdesigner-timeline-item-dot,
.kdesigner-timeline.label.left .kdesigner-timeline-item-dot.custom {
  left: calc((2 * 8px) + (var(--kdesigner-c-timeline-dot-sizing, 9px) / 2));
}
.kdesigner-timeline.label.left .kdesigner-timeline-item-dot {
  margin-left: calc(-1 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kdesigner-timeline.label.left .kdesigner-timeline-item-dot.custom {
  margin-left: 1px;
}
.kdesigner-timeline.label.left .kdesigner-timeline-item .kdesigner-timeline-item-label {
  position: absolute;
  text-align: right;
  color: var(--kdesigner-c-timeline-label-color-text, #666666);
}
.kdesigner-timeline.label.left .kdesigner-timeline-item .kdesigner-timeline-item-content {
  left: calc(var(--kdesigner-c-timeline-dot-sizing, 9px) + 7.5px);
  text-align: left;
  margin-right: 16px;
}
.kdesigner-timeline.label.right .kdesigner-timeline-item-tail,
.kdesigner-timeline.label.right .kdesigner-timeline-item-dot,
.kdesigner-timeline.label.right .kdesigner-timeline-item-dot.custom {
  left: auto;
  right: calc((2 * 8px) + (var(--kdesigner-c-timeline-dot-sizing, 9px) / 2));
}
.kdesigner-timeline.label.right .kdesigner-timeline-item-dot {
  margin-right: calc(-1 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kdesigner-timeline.label.right .kdesigner-timeline-item-dot.custom {
  right: calc(-1 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kdesigner-timeline.label.right .kdesigner-timeline-item .kdesigner-timeline-item-label {
  position: absolute;
  right: 0;
  text-align: left;
}
.kdesigner-timeline.label.right .kdesigner-timeline-item .kdesigner-timeline-item-content {
  left: auto;
  right: calc(var(--kdesigner-c-timeline-dot-sizing, 9px) + 7.5px);
  text-align: right;
  margin-left: 17px;
}
.kdesigner-timeline.label.alternate .kdesigner-timeline-item:nth-child(2n + 1) .kdesigner-timeline-item-label {
  position: absolute;
  width: calc(50% - 18px);
  text-align: right;
}
.kdesigner-timeline.label.alternate .kdesigner-timeline-item:nth-child(2n) .kdesigner-timeline-item-label {
  position: absolute;
  left: calc(50% + (2 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - var(--kdesigner-c-timeline-sizing-width, 1px)) + 8px) - var(--kdesigner-c-timeline-dot-sizing, 9px) / 2);
  width: calc(50% - (2 * (var(--kdesigner-c-timeline-dot-sizing, 9px) - var(--kdesigner-c-timeline-sizing-width, 1px)) + 8px) + var(--kdesigner-c-timeline-dot-sizing, 9px) / 2);
  text-align: left;
}
.kdesigner-timeline.pending .kdesigner-timeline-item.last .kdesigner-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 1px dotted var(--kdesigner-c-timeline-line-color, var(--kdesigner-g-color-border-weak, #e5e5e5));
}
.kdesigner-timeline.reverse .kdesigner-timeline-item.last .kdesigner-timeline-item-tail {
  display: none;
}
.kdesigner-timeline.reverse .kdesigner-timeline-item.pending .kdesigner-timeline-item-tail {
  display: block;
  height: calc(100% - 15px);
  border-left: 1px dotted var(--kdesigner-c-timeline-line-color, var(--kdesigner-g-color-border-weak, #e5e5e5));
}
.kdesigner-timeline.reverse .kdesigner-timeline-item.pending .kdesigner-timeline-item-content {
  min-height: 48px;
}
.kdesigner-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  max-width: var(--kdesigner-c-tooltip-sizing-max-width, 360px);
  padding: var(--kdesigner-c-tooltip-spacing-padding-vertical, 8px) var(--kdesigner-c-tooltip-spacing-padding-horizontal, 12px);
  color: var(--kdesigner-c-tooltip-color-text, var(--kdesigner-g-color-text-primary, #212121));
  border-radius: var(--kdesigner-c-tooltip-radius-border, var(--kdesigner-g-radius-border, 2px));
  font-size: var(--kdesigner-c-tooltip-color-text, var(--kdesigner-g-font-size-small, 12px));
  line-height: 1.5;
  background-color: var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff));
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 1;
  z-index: var(--kdesigner-g-z-index-popper, 1050);
  visibility: visible;
}
.kdesigner-tooltip.hidden {
  opacity: 0;
  visibility: hidden;
}
.kdesigner-tooltip.arrow::before {
  position: absolute;
  z-index: -2;
  background: var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff));
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.kdesigner-tooltip.arrow::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff));
  border-radius: var(--kdesigner-g-radius-border, 2px);
}
.kdesigner-tooltip.arrow.bottomLeft::before,
.kdesigner-tooltip.arrow.bottom::before,
.kdesigner-tooltip.arrow.bottomRight::before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
  border-color: var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff)) transparent transparent var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-tooltip.arrow.topLeft::before,
.kdesigner-tooltip.arrow.top::before,
.kdesigner-tooltip.arrow.topRight::before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
  border-color: transparent var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff)) transparent;
}
.kdesigner-tooltip.arrow.leftTop::before,
.kdesigner-tooltip.arrow.left::before,
.kdesigner-tooltip.arrow.leftBottom::before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
          box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
  border-color: var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff)) transparent transparent;
}
.kdesigner-tooltip.arrow.rightTop::before,
.kdesigner-tooltip.arrow.right::before,
.kdesigner-tooltip.arrow.rightBottom::before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
  border-color: transparent transparent var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff)) var(--kdesigner-c-tooltip-color-background, var(--kdesigner-g-color-background, #fff));
}
.kdesigner-transfer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.kdesigner-transfer .kdesigner-checkbox {
  background: transparent;
  margin-right: 6px;
}
.kdesigner-transfer-disabled .kdesigner-transfer-list {
  background: var(--kdesigner-c-transfer-color-background-disabled, var(--kdesigner-g-color-background-contain-disabled, #f5f5f5));
}
.kdesigner-transfer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: var(--kdesigner-c-transfer-list-sizing-width, 250px);
  min-height: 300px;
  border: 1px solid var(--kdesigner-c-transfer-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-transfer-list-with-pagination {
  width: var(--kdesigner-c-transfer-list-sizing-width, 250px);
  height: auto;
}
.kdesigner-transfer-list-header {
  height: var(--kdesigner-c-transfer-header-sizing-height, 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: var(--kdesigner-c-transfer-font-size, 12px);
  background-color: var(--kdesigner-c-transfer-header-color-background, #f5f5f5);
  border-bottom: 1px solid var(--kdesigner-c-transfer-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  padding: 0 var(--kdesigner-c-transfer-spacing-horizontal, 14px);
}
.kdesigner-transfer-list-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.kdesigner-transfer-list-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-transfer-list-header-select-all {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-transfer-list-search {
  height: var(--kdesigner-c-transfer-search-sizing-height, 32px);
  position: relative;
}
.kdesigner-transfer-list-search-prefix i {
  color: var(--kdesigner-c-transfer-search-icon-color-text-prefix, #999);
}
.kdesigner-transfer-list-search-suffix {
  cursor: pointer;
}
.kdesigner-transfer-list-search-suffix i {
  color: var(--kdesigner-c-transfer-search-icon-color-text-suffix, #bbb);
}
.kdesigner-transfer-list-search-suffix i:hover {
  color: var(--kdesigner-c-transfer-search-icon-color-text-suffix-hover, #999);
}
.kdesigner-transfer-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  font-size: var(--kdesigner-c-transfer-font-size, 12px);
}
.kdesigner-transfer-list-body-search-wrapper {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0 12px;
  margin: 8px 0;
}
.kdesigner-transfer-list-content {
  height: var(--kdesigner-c-transfer-list-item-content-sizing-height, 320px);
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
  padding-bottom: 8px;
}
.kdesigner-transfer-list-content-item {
  height: var(--kdesigner-c-transfer-list-item-sizing-height, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 var(--kdesigner-c-transfer-spacing-horizontal, 14px);
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.kdesigner-transfer-list-content-item-disabled {
  color: var(--kdesigner-c-transfer-list-item-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdesigner-transfer-list-content-item:hover:not(.kdesigner-transfer-list-content-item-disabled) {
  background: var(--kdesigner-c-transfer-list-item-color-background-hover, var(--kdesigner-g-color-hover, #f5f5f5));
}
.kdesigner-transfer-list-content-item-checked {
  color: var(--kdesigner-c-transfer-list-item-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-transfer-list-content-item-text {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-transfer-list-content-item-remove {
  cursor: pointer;
}
.kdesigner-transfer-list-content-item-remove i {
  color: var(--kdesigner-c-transfer-search-icon-color-text-suffix, #bbb);
}
.kdesigner-transfer-list-content-item-remove i:hover {
  color: var(--kdesigner-c-transfer-search-icon-color-text-suffix-hover, #999);
}
.kdesigner-transfer-list-pagination {
  height: var(--kdesigner-c-transfer-pagination-sizing-height, 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 var(--kdesigner-c-transfer-spacing-horizontal, 14px);
  border-top: 1px solid var(--kdesigner-c-transfer-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-transfer-list-footer {
  border-top: 1px solid var(--kdesigner-c-transfer-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-transfer-list-body-not-found {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 8px;
  color: #999999;
}
.kdesigner-transfer-list-body-not-found-tip {
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.kdesigner-transfer-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.kdesigner-transfer-operation .kdesigner-btn {
  display: block;
  height: 28px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 40px;
}
.kdesigner-transfer-operation .kdesigner-btn + .kdesigner-btn {
  margin-top: 20px;
}
.node-hover-hover {
  -webkit-transition: background-color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: background-color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.node-hover-hover:hover {
  background-color: var(--kdesigner-c-tree-node-color-backgroung-hover, var(--kdesigner-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.node-selected {
  background-color: var(--kdesigner-c-tree-node-color-backgroung-checked, var(--kdesigner-g-color-theme-3, #e3eeff)) !important;
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.node-selected .kdesigner-tree-node-title {
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.node-selected .kdesigner-tree-node-icon {
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree {
  position: relative;
  overflow: auto;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: var(--kdesigner-c-tree-font-size, var(--kdesigner-g-font-size-small, 12px));
  color: var(--kdesigner-c-tree-color-text, var(--kdesigner-g-color-text-primary, #212121));
  margin-left: var(--kdesigner-c-tree-spacing-margin-left, 0px);
  padding: var(--kdesigner-c-tree-spacing-padding-vertical, 3px) 0;
  max-width: var(--kdesigner-c-tree-root-sizing-max-width);
  min-width: var(--kdesigner-c-tree-root-sizing-min-width);
}
.kdesigner-tree-root {
  min-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-tree-show-line .kdesigner-tree-node-indent {
  position: relative;
}
.kdesigner-tree-show-line .kdesigner-tree-node-indent::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  border-left: 1px solid #d9d9d9;
  content: '';
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  bottom: 0;
}
.kdesigner-tree-show-line .kdesigner-tree-node-indent-active::before {
  border-color: var(--kdesigner-c-tree-color-theme, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-node-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-tree-node-root .kdesigner-spin-dot-spin {
  border: 2px solid transparent;
  width: var(--kdesigner-c-tree-expand-icon-loading-sizing-width, 16px);
  height: var(--kdesigner-c-tree-expand-icon-loading-sizing-height, 16px);
}
.kdesigner-tree-node-root .kdesigner-spin-dot-spin .kdesigner-spin-dot-item {
  width: var(--kdesigner-c-tree-expand-icon-loading-sizing-width, 16px);
  height: var(--kdesigner-c-tree-expand-icon-loading-sizing-height, 16px);
}
.kdesigner-tree-node-fb-children-pointerEvents * {
  pointer-events: none;
}
.kdesigner-tree-node-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-tree-node-item-hover {
  -webkit-transition: background-color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: background-color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-tree-node-item-hover:hover {
  background-color: var(--kdesigner-c-tree-node-color-backgroung-hover, var(--kdesigner-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.kdesigner-tree-node-indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--kdesigner-c-tree-expand-icon-sizing-width, 16px);
  margin-right: 6px;
  height: 100%;
  cursor: default;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-tree-node-icon {
  cursor: pointer;
  height: var(--kdesigner-c-tree-expand-icon-sizing-height, 16px);
  width: var(--kdesigner-c-tree-expand-icon-sizing-width, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kdesigner-c-tree-node-icon-font-size, 16px);
  color: var(--kdesigner-c-tree-node-icon-color-text, #666666);
}
.kdesigner-tree-node-icon-hover:hover {
  background-color: var(--kdesigner-c-tree-node-color-backgroung-hover, var(--kdesigner-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.kdesigner-tree-node-icon-hidden {
  height: var(--kdesigner-c-tree-node-icon-sizing-height, 16px);
  width: var(--kdesigner-c-tree-node-icon-sizing-width, 16px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0;
  cursor: default;
}
.kdesigner-tree-node-animation-expand {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: -webkit-transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), -webkit-transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-tree-node-animation-collapse {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: -webkit-transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), -webkit-transform var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-tree-node-disabled {
  cursor: not-allowed !important;
  border-color: var(--kdesigner-c-tree-node-color-border-disabled, var(--kdesigner-g-color-border-disabled, #ccc));
}
.kdesigner-tree-node-title-disabled {
  color: var(--kdesigner-c-tree-node-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tree-node-title-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: 4px;
}
.kdesigner-tree-node-title-wrap-hover {
  -webkit-transition: background-color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: background-color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s)), color var(--kdesigner-c-tree-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-tree-node-title-wrap-hover:hover {
  background-color: var(--kdesigner-c-tree-node-color-backgroung-hover, var(--kdesigner-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.kdesigner-tree-node-title-wrap-selected {
  background-color: var(--kdesigner-c-tree-node-color-backgroung-checked, var(--kdesigner-g-color-theme-3, #e3eeff)) !important;
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-node-title-wrap-selected .kdesigner-tree-node-title {
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-node-title-wrap-selected .kdesigner-tree-node-icon {
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-node-title {
  white-space: nowrap;
}
.kdesigner-tree-node-selected {
  background-color: var(--kdesigner-c-tree-node-color-backgroung-checked, var(--kdesigner-g-color-theme-3, #e3eeff)) !important;
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-node-selected .kdesigner-tree-node-title {
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-node-selected .kdesigner-tree-node-icon {
  color: var(--kdesigner-c-tree-node-color-text-checked, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-node-draggabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.kdesigner-tree-node-draggabled.kdesigner-tree-node-dragging .kdesigner-tree-node-indent::before {
  border-color: transparent;
}
.kdesigner-tree-node-drag-over {
  background-color: var(--kdesigner-c-tree-node-drag-over-color-background, #E3EBFF);
  -webkit-box-shadow: inset 0 0 0 2px var(--kdesigner-c-tree-node-drag-over-color-border, #5582f3);
          box-shadow: inset 0 0 0 2px var(--kdesigner-c-tree-node-drag-over-color-border, #5582f3);
}
.kdesigner-tree-node-drag-line-top,
.kdesigner-tree-node-drag-line-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 2px solid var(--kdesigner-c-tree-node-drag-line-color-background, #276FF5);
}
.kdesigner-tree-node-drag-line-top::before,
.kdesigner-tree-node-drag-line-bottom::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid var(--kdesigner-c-tree-node-drag-line-color-background, #276FF5);
  position: absolute;
  top: -1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdesigner-tree-node-drag-line-top {
  top: 0;
}
.kdesigner-tree-node-drag-line-bottom {
  top: 100%;
}
.kdesigner-tree-node-leaf-icon {
  height: var(--kdesigner-c-tree-node-icon-sizing-height, 16px);
  width: var(--kdesigner-c-tree-node-icon-sizing-width, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-tree-select {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  vertical-align: middle;
}
.kdesigner-tree-select-selector:hover .kdesigner-tree-select-icon-active {
  color: #3761ca;
}
.kdesigner-tree-select-visible .kdesigner-tree-select-icon-active {
  color: #3761ca;
}
.kdesigner-tree-select-visible .kdesigner-tree-select-selection-item {
  color: var(--kdesigner-c-tree-select-placeholder-color-text, #b2b2b2);
}
.kdesigner-tree-select-icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.kdesigner-tree-select-icon-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-tree-select-icon-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-tree-select-icon-arrow-focus {
  color: var(--kdesigner-c-tree-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-select-icon-clear {
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: #fff;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.kdesigner-tree-select-icon-clear:hover {
  color: var(--kdesigner-c-tree-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-select-focused:not(.kdesigner-tree-select-error) {
  border-color: var(--kdesigner-c-city-picker-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-tree-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
}
.kdesigner-tree-select-placeholder {
  position: absolute;
  color: var(--kdesigner-c-tree-select-placeholder-color-text, #b2b2b2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  right: 28px;
  left: 0;
}
.kdesigner-tree-select-borderless {
  border: none;
}
.kdesigner-tree-select-underline {
  border-bottom: 1px solid var(--kdesigner-c-tree-select-color-border, var(--kdesigner-g-color-input, #999));
}
.kdesigner-tree-select-underline:hover:not(.kdesigner-tree-select-multiple-disabled):not(.kdesigner-tree-select-single-disabled):not( .kdesigner-tree-select-error) {
  border-bottom: 1px solid var(--kdesigner-c-tree-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-select-bordered {
  border: 1px solid var(--kdesigner-c-tree-select-border-color-border, var(--kdesigner-g-color-border-strong, #d9d9d9));
  padding-left: var(--kdesigner-c-tree-select-bordered-spacing-padding-left, 8px) !important;
  border-radius: var(--kdesigner-c-tree-select-bordered-radius-border, 2px);
}
.kdesigner-tree-select-bordered:hover:not(.kdesigner-tree-select-multiple-disabled):not(.kdesigner-tree-select-single-disabled):not( .kdesigner-tree-select-error) {
  border: 1px solid var(--kdesigner-c-tree-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-select-bordered .kdesigner-tree-select-suffix {
  padding-right: 8px;
}
.kdesigner-tree-select-bordered.kdesigner-tree-select-single .kdesigner-tree-select-selection-search {
  padding-left: var(--kdesigner-c-tree-select-bordered-spacing-padding-left, 8px);
}
.kdesigner-tree-select-bordered .kdesigner-tree-select-placeholder {
  padding-left: var(--kdesigner-c-tree-select-bordered-spacing-padding-left, 8px);
}
.kdesigner-tree-select-wrapper {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: var(--kdesigner-c-tree-select-wrapper-spacing-padding, 1px 28px 1px 0);
  max-width: 100%;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.kdesigner-tree-select-dropdown {
  display: block;
  left: 0;
  z-index: var(--kdesigner-c-tree-select-z-index, var(--kdesigner-g-z-index-popper, 1050));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--kdesigner-c-tree-select-dropdown-spacing-padding-vertical, 8px) 0;
  margin: 0;
  overflow: auto;
  font-size: var(--kdesigner-c-tree-select-dropdown-font-size, 12px);
  font-variant: initial;
  background-color: var(--kdesigner-c-tree-select-dropdown-color-background, var(--kdesigner-g-color-background, #fff));
  border-radius: var(--kdesigner-c-tree-select-radius-border, var(--kdesigner-g-radius-border, 2px));
  outline: none;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  max-height: 200px;
}
.kdesigner-tree-select-dropdown .kdesigner-tree {
  padding: 0;
}
.kdesigner-tree-select-dropdown .kdesigner-tree-node-item {
  padding: 0 var(--kdesigner-c-tree-select-dropdown-node-spacing-padding-horizontal, 16px);
}
.kdesigner-tree-select-dropdown-scroll {
  overflow-y: auto;
}
.kdesigner-tree-select-dropdown-empty {
  padding: 5px 12px;
}
.kdesigner-tree-select-dropdown-search {
  padding: 5px 6px;
}
.kdesigner-tree-select-dropdown-search-hidden {
  display: none;
}
.kdesigner-tree-select-size-small {
  min-height: var(--kdesigner-c-tree-select-sizing-height-small, 24px);
  max-height: calc(var(--kdesigner-c-tree-select-sizing-height-small, 24px) * 3 - 10px);
  font-size: var(--kdesigner-c-tree-select-font-size-small, 12px);
}
.kdesigner-tree-select-size-small .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-tree-select-sizing-height-small, 24px) - 4px);
  line-height: calc(var(--kdesigner-c-tree-select-sizing-height-small, 24px) - 4px);
}
.kdesigner-tree-select-size-middle {
  min-height: var(--kdesigner-c-tree-select-sizing-height-middle, 32px);
  max-height: calc(var(--kdesigner-c-tree-select-sizing-height-middle, 32px) * 3 - 10px);
  font-size: var(--kdesigner-c-tree-select-font-size-middle, 14px);
}
.kdesigner-tree-select-size-middle .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-tree-select-sizing-height-middle, 32px) - 4px);
  line-height: calc(var(--kdesigner-c-tree-select-sizing-height-middle, 32px) - 4px);
}
.kdesigner-tree-select-size-large {
  min-height: var(--kdesigner-c-tree-select-sizing-height-large, 36px);
  max-height: calc(var(--kdesigner-c-tree-select-sizing-height-large, 36px) * 3 - 10px);
  font-size: var(--kdesigner-c-tree-select-font-size-large, 16px);
}
.kdesigner-tree-select-size-large .kdesigner-select-selection-item {
  min-height: calc(var(--kdesigner-c-tree-select-sizing-height-large, 36px) - 4px);
  line-height: calc(var(--kdesigner-c-tree-select-sizing-height-large, 36px) - 4px);
}
.kdesigner-tree-select-suffix {
  right: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
}
.kdesigner-tree-select .kdesigner-tree-select-single .kdesigner-tree-select-selection-search {
  position: absolute;
  right: 28px;
  left: 0;
  height: 100%;
}
.kdesigner-tree-select .kdesigner-tree-select-single .kdesigner-tree-select-selection-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  height: 100%;
  width: 100%;
}
.kdesigner-tree-select .kdesigner-tree-select-single .kdesigner-tree-select-selection-item {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-tree-select .kdesigner-tree-select-single-focused:not(.kdesigner-tree-select-error) {
  border-color: var(--kdesigner-c-city-picker-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
  border-color: var(--kdesigner-c-tree-select-color-border-foucs, var(--kdesigner-g-color-theme, #276ff5)) !important;
}
.kdesigner-tree-select .kdesigner-tree-select-single-disabled {
  background-color: var(--kdesigner-c-tree-select-color-background-disabled, #f5f5f5);
  color: var(--kdesigner-c-tree-select-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tree-select .kdesigner-tree-select-single-disabled:hover {
  cursor: not-allowed;
}
.kdesigner-tree-select .kdesigner-tree-select-single-disabled .kdesigner-tree-select-suffix {
  color: var(--kdesigner-c-tree-select-arrow-icon-color-text-disabled, #b2b2b2);
}
.kdesigner-tree-select .kdesigner-tree-select-single:hover .kdesigner-tree-select-icon-clear {
  opacity: 1;
}
.kdesigner-tree-select .kdesigner-tree-select-single .kdesigner-tree-select-icon-clear {
  color: var(--kdesigner-c-tree-select-icon-clear-color-text, #d9d9d9);
}
.kdesigner-tree-select .kdesigner-tree-select-single .kdesigner-tree-select-icon-clear:hover {
  color: var(--kdesigner-c-tree-select-icon-clear-color-text-hover, #999);
}
.kdesigner-tree-select .kdesigner-tree-select-single-text {
  color: var(--kdesigner-c-tree-select-single-color-text, var(--kdesigner-g-color-text-primary, #212121));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-tree-select .kdesigner-tree-select-single-disabled-text {
  color: var(--kdesigner-c-tree-select-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tree-select .kdesigner-tree-select-selection-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  max-width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 2px 8px 2px 0;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdesigner-tree-select .kdesigner-tree-select-selection-item-small {
  height: 20px;
  line-height: 18px;
  font-size: 12px;
}
.kdesigner-tree-select .kdesigner-tree-select-selection-item-middle {
  font-size: 12px;
  height: 20px;
  line-height: 18px;
}
.kdesigner-tree-select .kdesigner-tree-select-selection-item-large {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}
.kdesigner-tree-select .kdesigner-tree-select-selection-item-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  color: #212121;
}
.kdesigner-tree-select .kdesigner-tree-select-selection-item-span {
  position: relative;
  margin-left: 0.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-tree-select .kdesigner-tree-select-selection-item-input {
  cursor: text;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  min-width: 20px;
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-selection-tag {
  max-width: calc(100% - 5px);
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-selection-tag .kdesigner-tag {
  margin: 2px 8px 2px 0;
  max-width: 100%;
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-selection-search {
  position: relative;
  max-width: 100%;
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-selection-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  width: 100%;
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.kdesigner-tree-select-multiple-disabled {
  cursor: not-allowed;
  background-color: var(--kdesigner-c-tree-select-color-background-disabled, #f5f5f5);
  color: var(--kdesigner-c-tree-select-color-text-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
}
.kdesigner-tree-select-multiple-disabled .kdesigner-tree-select-suffix {
  color: var(--kdesigner-c-tree-select-arrow-icon-color-text-disabled, #b2b2b2);
}
.kdesigner-tree-select-multiple:hover .kdesigner-tree-select-icon-clear {
  opacity: 1;
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-icon-clear {
  color: var(--kdesigner-c-tree-select-icon-clear-color-text, #d9d9d9);
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-icon-clear:hover {
  color: var(--kdesigner-c-tree-select-icon-clear-color-text-hover, #999);
}
.kdesigner-tree-select-multiple-selector {
  position: relative;
  cursor: text;
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-tree-select-multiple .kdesigner-tree-select-wrapper:hover:not(.kdesigner-tree-select-multiple-disabled) {
  border-bottom: 1px solid var(--kdesigner-c-tree-select-color-border-hover, var(--kdesigner-g-color-theme, #276ff5));
}
.kdesigner-tree-select-multiple-footer {
  color: var(--kdesigner-c-tree-select-footer-color-text, var(--kdesigner-g-color-text-primary, #212121));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-tree-select-multiple-footer-hadSelected {
  color: #999999;
  padding-left: 12px;
}
.kdesigner-tree-select-multiple-footer-hadSelected > span {
  color: var(--kdesigner-c-tree-select-footer-color-text-selected, #0e5fd8);
  padding: 0 2px;
}
.kdesigner-tree-select-error:not(.kdesigner-tree-select-single-disabled):not(.kdesigner-tree-select-multiple-disabled) {
  border-color: var(--kdesigner-c-tree-select-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-tree-select.topLeft.hidden,
.kdesigner-tree-select.bottomLeft.hidden,
.kdesigner-tree-select.topRight.hidden,
.kdesigner-tree-select.bottomRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdesigner-typography {
  color: var(--kdesigner-c-typography-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  overflow-wrap: break-word;
  line-height: 2;
  max-width: var(--kdesigner-c-typography-sizing-width-max, 830px);
}
.kdesigner-typography.kdesigner-typography-second {
  color: var(--kdesigner-c-typography-color-text-secondary, var(--kdesigner-g-color-text-secondary, #666));
}
.kdesigner-typography.kdesigner-typography-success {
  color: var(--kdesigner-c-typography-color-success, var(--kdesigner-g-color-success, #1ba854));
}
.kdesigner-typography.kdesigner-typography-warning {
  color: var(--kdesigner-c-typography-color-warning, var(--kdesigner-g-color-warning, #ff991c));
}
.kdesigner-typography.kdesigner-typography-danger {
  color: var(--kdesigner-c-typography-color-error, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-typography.kdesigner-typography-disabled {
  color: var(--kdesigner-c-typography-color-disabled, var(--kdesigner-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdesigner-typography.kdesigner-typography-assist {
  color: var(--kdesigner-c-typography-color-text-third, var(--kdesigner-g-color-text-third, #999));
}
.kdesigner-typography + h1.kdesigner-typography,
.kdesigner-typography + h2.kdesigner-typography,
.kdesigner-typography + h3.kdesigner-typography,
.kdesigner-typography + h4.kdesigner-typography,
.kdesigner-typography + h5.kdesigner-typography {
  margin-top: var(--kdesigner-c-typography-title-spacing-margin-top, 1.2em);
}
article.kdesigner-typography > div.kdesigner-typography {
  margin-bottom: var(--kdesigner-c-typography-paragraph-spacing-margin-bottom, 24px);
}
article.kdesigner-typography > div.kdesigner-typography:first-child {
  margin-bottom: var(--kdesigner-c-typography-spacing-margin-bottom, 80px);
}
article.kdesigner-typography > div.kdesigner-typography + div.kdesigner-typography h2 {
  margin-top: var(--kdesigner-c-typography-spacing-margin-bottom, 80px);
}
article.kdesigner-typography h1 {
  margin-top: 0;
  margin-bottom: var(--kdesigner-c-typography-spacing-margin-bottom-1, 12px);
  color: var(--kdesigner-c-typography-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  font-weight: var(--kdesigner-c-typography-title-font-weight, 600);
  font-size: var(--kdesigner-c-typography-font-size-1, 40px);
  line-height: 1.5;
}
article.kdesigner-typography h2 {
  margin-top: 0;
  margin-bottom: var(--kdesigner-c-typography-spacing-margin-bottom-2, 24px);
  color: var(--kdesigner-c-typography-title-color-text, #276ff5);
  font-weight: var(--kdesigner-c-typography-title-font-weight, 600);
  font-size: var(--kdesigner-c-typography-font-size-2, 28px);
  line-height: 1.5;
}
article.kdesigner-typography h3 {
  margin-top: 0;
  margin-bottom: var(--kdesigner-c-typography-spacing-margin-bottom-3, 12px);
  color: var(--kdesigner-c-typography-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  font-weight: var(--kdesigner-c-typography-title-font-weight, 600);
  font-size: var(--kdesigner-c-typography-font-size-3, 18px);
  line-height: 1.5;
}
h1.kdesigner-typography,
.kdesigner-typography h1 {
  margin-bottom: var(--kdesigner-c-typography-title-spacing-margin-bottom, 0.5em);
  color: var(--kdesigner-c-typography-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  font-weight: var(--kdesigner-c-typography-title-font-weight, 600);
  font-size: var(--kdesigner-c-typography-font-size-1, 40px);
  line-height: 1.5;
}
h2.kdesigner-typography,
.kdesigner-typography h2 {
  margin-bottom: var(--kdesigner-c-typography-title-spacing-margin-bottom, 0.5em);
  color: var(--kdesigner-c-typography-title-color-text, #276ff5);
  font-weight: var(--kdesigner-c-typography-title-font-weight, 600);
  font-size: var(--kdesigner-c-typography-font-size-2, 28px);
  line-height: 1.5;
}
h3.kdesigner-typography,
.kdesigner-typography h3 {
  margin-bottom: var(--kdesigner-c-typography-title-spacing-margin-bottom, 0.5em);
  color: var(--kdesigner-c-typography-color-text-primary, var(--kdesigner-g-color-text-primary, #212121));
  font-weight: var(--kdesigner-c-typography-title-font-weight, 600);
  font-size: var(--kdesigner-c-typography-font-size-3, 18px);
  line-height: 1.5;
}
.kdesigner-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.kdesigner-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.kdesigner-typography strong {
  font-weight: 600;
}
.kdesigner-typography ul,
.kdesigner-typography ol {
  margin: 0 0 var(--kdesigner-c-typography-spacing-margin-bottom-2, 24px) 0;
  padding: 0;
}
.kdesigner-typography ul li,
.kdesigner-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.kdesigner-typography ul {
  list-style-type: disc;
}
.kdesigner-typography ul ul {
  list-style-type: disc;
}
.kdesigner-typography ol {
  list-style-type: decimal;
}
.kdesigner-upload {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.kdesigner-upload-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.kdesigner-upload-drag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--kdesigner-c-upload-color, var(--kdesigner-g-color-text-third, #999));
  border: 1px dashed var(--kdesigner-c-upload-color-border, var(--kdesigner-g-color-border-weak, #e5e5e5));
  background-color: var(--kdesigner-c-upload-color-background, var(--kdesigner-g-color-background-contain, #fafafa));
  -webkit-transition: border-color var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s)), background-color var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: border-color var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s)), background-color var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-upload-drag.hover,
.kdesigner-upload-drag:hover,
.kdesigner-upload-drag:active {
  border-color: var(--kdesigner-c-upload-color-border-active, var(--kdesigner-g-color-text-link, #0e5fd8));
  background-color: var(--kdesigner-c-upload-color-background-ongoing, var(--kdesigner-g-color-background-ongoing, #f2f9ff));
}
.kdesigner-upload-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
}
.kdesigner-upload-input input[type="file"] {
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 120%;
  font-size: 0;
  cursor: pointer;
}
.kdesigner-upload .kdesigner-upload-text-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-top: var(--kdesigner-c-upload-text-list-margin-top, 16px);
  font-size: var(--kdesigner-c-upload-font-size, var(--kdesigner-g-font-size-middle, 14px));
  border-top: 1px dashed var(--kdesigner-c-upload-division-color, var(--kdesigner-g-color-border-strong, #d9d9d9));
}
.kdesigner-upload .kdesigner-upload-text-list-item {
  position: relative;
  padding: 0 var(--kdesigner-c-upload-text-list-item-padding-horizontal, 20px);
  height: var(--kdesigner-c-upload-list-item-height, 44px);
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: background-color var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-upload .kdesigner-upload-text-list-item:hover {
  background-color: var(--kdesigner-c-upload-color-background-hover, var(--kdesigner-g-color-hover, #f5f5f5));
}
.kdesigner-upload .kdesigner-upload-text-list-item:hover .kdesigner-upload-text-list-item-action {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.kdesigner-upload .kdesigner-upload-text-list-item.error i,
.kdesigner-upload .kdesigner-upload-text-list-item.error .kdesigner-upload-text-list-item-name {
  color: var(--kdesigner-c-upload-error-color, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-upload .kdesigner-upload-text-list-item-icon > i {
  font-size: var(--kdesigner-c-upload-font-size, var(--kdesigner-g-font-size-middle, 14px));
}
.kdesigner-upload .kdesigner-upload-text-list-item-name,
.kdesigner-upload .kdesigner-upload-text-list-item-icon {
  cursor: pointer;
}
.kdesigner-upload .kdesigner-upload-text-list-item-name {
  display: inline-block;
  margin: 0 var(--kdesigner-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kdesigner-c-upload-text-list-item-name-padding-left, 4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--kdesigner-c-upload-panel-color, var(--kdesigner-g-color-text-primary, #212121));
}
.kdesigner-upload .kdesigner-upload-text-list-item-size {
  color: var(--kdesigner-c-upload-color, var(--kdesigner-g-color-text-third, #999));
}
.kdesigner-upload .kdesigner-upload-text-list-item-action {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 var(--kdesigner-c-upload-text-list-item-padding-horizontal, 20px);
  height: var(--kdesigner-c-upload-list-item-height, 44px);
  line-height: var(--kdesigner-c-upload-list-item-height, 44px);
  background: transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  -webkit-transition: -webkit-transform var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: -webkit-transform var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: transform var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s)), -webkit-transform var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-upload .kdesigner-upload-text-list-item-action a {
  display: inline-block;
  vertical-align: middle;
  color: var(--kdesigner-c-upload-panel-button-color, #0E5FD8);
}
.kdesigner-upload .kdesigner-upload-text-list-item-action a:not(:first-child) {
  margin-left: 20px;
}
.kdesigner-upload .kdesigner-upload-picture-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.kdesigner-upload .kdesigner-upload-picture-list-item {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 0 28px 28px 0;
  vertical-align: middle;
  overflow: hidden;
  border-radius: var(--kdesigner-c-upload-radius-border, var(--kdesigner-g-radius-border, 2px));
  border: 1px solid var(--kdesigner-c-upload-color-border, var(--kdesigner-g-color-border-weak, #e5e5e5));
  background-color: var(--kdesigner-c-upload-color-background, var(--kdesigner-g-color-background-contain, #fafafa));
}
.kdesigner-upload .kdesigner-upload-picture-list-item .kdesigner-upload-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  color: var(--kdesigner-c-upload-color, var(--kdesigner-g-color-text-third, #999));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px dashed var(--kdesigner-c-upload-color-border, var(--kdesigner-g-color-border-weak, #e5e5e5));
  -webkit-transition: all var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
  transition: all var(--kdesigner-c-upload-motion-duration, var(--kdesigner-g-duration, 0.3s));
}
.kdesigner-upload .kdesigner-upload-picture-list-item .kdesigner-upload-select:hover,
.kdesigner-upload .kdesigner-upload-picture-list-item .kdesigner-upload-select:active {
  border-color: var(--kdesigner-c-upload-color-border-active, var(--kdesigner-g-color-text-link, #0e5fd8));
  background-color: var(--kdesigner-c-upload-color-background-ongoing, var(--kdesigner-g-color-background-ongoing, #f2f9ff));
}
.kdesigner-upload .kdesigner-upload-picture-list-item .kdesigner-upload-select .kdesigner-upload-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-upload .kdesigner-upload-picture-list-item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.kdesigner-upload .kdesigner-upload-picture-list-item.error {
  border-color: var(--kdesigner-c-upload-color-border-error, var(--kdesigner-g-color-border-error, #fc808B));
  background-color: var(--kdesigner-c-upload-color-background-error, var(--kdesigner-g-color-background-error, #fff2f4));
}
.kdesigner-upload .kdesigner-upload-picture-list-item-loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-upload .kdesigner-upload-picture-list-item-loading > * {
  width: 80%;
}
.kdesigner-upload .kdesigner-upload-picture-list-item-error {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-upload .kdesigner-upload-picture-list-item-error-text {
  margin-bottom: 4px;
  color: var(--kdesigner-c-upload-error-color, var(--kdesigner-g-color-error, #fb2323));
}
.kdesigner-upload .kdesigner-upload-picture-list-item-error a {
  display: inline-block;
}
.kdesigner-upload .kdesigner-upload-picture-list-item-error a:not(:first-child) {
  margin-left: 10px;
}
.kdesigner-upload .kdesigner-upload-picture-list-item-action > a {
  color: var(--kdesigner-c-upload-panel-button-color, #0E5FD8);
  font-size: var(--kdesigner-c-upload-picture-action-font-size, var(--kdesigner-g-font-size-small, 12px));
}
/* 多行显示省略号 */
/* 单行显示省略号 */
.scroll-hidden-hover-show {
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* IE 10+ */
}
.scroll-hidden-hover-show::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
  width: 8px !important;
  height: 8px !important;
}
.scroll-hidden-hover-show:hover {
  scrollbar-width: thin;
  -ms-overflow-style: unset;
}
.scroll-hidden-hover-show:hover::-webkit-scrollbar {
  display: unset;
}
.kdesigner-left-view {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  letter-spacing: 1px;
  background: #FFFFFF;
  color: #212121;
}
.kdesigner-left-view .kdesigner-left-view-tabs-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.kdesigner-left-view .kdesigner-anchor-advanced {
  padding-top: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.kdesigner-left-view .kdesigner-anchor-advanced-lock {
  height: 8px;
  visibility: hidden;
}
.kdesigner-left-view .kdesigner-anchor-advanced-arrows {
  visibility: hidden;
  height: 0;
  position: absolute;
  bottom: -4px;
  right: 0;
}
.kdesigner-left-view.hide {
  display: none;
}
.kdesigner-left-view .kdesigner-collapse-panel-children {
  -webkit-transition: none ;
  transition: none ;
  overflow: visible;
}
.kdesigner-left-view .kdesigner-collapse-panel-children-hide {
  padding: 0 !important;
}
.kdesigner-left-view .kdesigner-left-view-fold-icon {
  position: absolute;
  top: 14px;
  right: 17px;
  cursor: pointer;
}
.kdesigner-left-view-tooltip {
  position: absolute;
  width: 248px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1050;
  padding-left: 12px;
  border-radius: 2px;
  line-height: 18px;
  font-size: 12px;
  background: #FFDBE0;
  color: #FB2323;
}
.kdesigner-left-view-tooltip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 12px 8px;
  border-color: transparent transparent #FFDBE0 transparent;
}
.kdesigner-left-view-tooltip::after {
  background: #FFDBE0 !important;
}
.kdesigner-left-view-tabs,
.kdesigner-left-view-tabs-title {
  width: 280px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #276FF5;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.kdesigner-left-view-tabs .kdesigner-tabs-navs,
.kdesigner-left-view-tabs-title .kdesigner-tabs-navs {
  height: 40px !important;
  background: #F2F2F2;
}
.kdesigner-left-view-tabs .kdesigner-tabs-tab-list,
.kdesigner-left-view-tabs-title .kdesigner-tabs-tab-list {
  bottom: 0;
  top: 8px;
}
.kdesigner-left-view-tabs .kdesigner-tab-pane,
.kdesigner-left-view-tabs-title .kdesigner-tab-pane {
  margin-right: 0;
  font-size: 12px;
  padding-right: 8px;
}
.kdesigner-left-view-tabs .kdesigner-tab-pane:first-child,
.kdesigner-left-view-tabs-title .kdesigner-tab-pane:first-child {
  padding-left: 12px;
}
.kdesigner-left-view-tabs .kdesigner-tab-pane.kdesigner-tab-pane-box-active,
.kdesigner-left-view-tabs-title .kdesigner-tab-pane.kdesigner-tab-pane-box-active {
  border-radius: 4px 4px 0px 0px;
}
.kdesigner-left-view-tabs .kdesigner-tab-pane.kdesigner-tab-pane-box-active .kdesigner-tab-pane-text-active,
.kdesigner-left-view-tabs-title .kdesigner-tab-pane.kdesigner-tab-pane-box-active .kdesigner-tab-pane-text-active {
  background: #fff;
  border-radius: 4px;
}
.kdesigner-left-view-tabs .kdesigner-tab-pane-text,
.kdesigner-left-view-tabs-title .kdesigner-tab-pane-text {
  position: relative;
  top: -5px;
  line-height: 18px;
  width: auto;
  height: 24px;
  padding: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kdesigner-left-view-tabs .kdesigner-active-line,
.kdesigner-left-view-tabs-title .kdesigner-active-line {
  display: none;
}
.kdesigner-left-view-tabs .kdesigner-carousel-displaylist,
.kdesigner-left-view-tabs-title .kdesigner-carousel-displaylist {
  width: 100%;
}
.kdesigner-left-view-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-left-view-tabs .hidden {
  display: none;
}
.kdesigner-left-view-tabs-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 100%;
}
.kdesigner-left-view-tabs-title.hide .kdesigner-tab-pane.kdesigner-tab-pane-box-active {
  background: #F5F5F5;
}
.kdesigner-left-view-tabs-title.hide .kdesigner-tab-pane-text {
  color: #666;
}
.kdesigner-left-view-control-select {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 28px;
  margin-bottom: 0px;
  min-width: 90px;
}
.kdesigner-left-view-control-search {
  width: 100%;
  padding: 12px 8px 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 8px;
  min-height: 30px;
  height: 30px;
  padding-left: 0px;
}
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input input {
  font-size: 12px;
  padding: 0!important;
  border-radius: 4px;
}
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input input::-webkit-input-placeholder {
  color: #ccc !important;
}
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input input::placeholder,
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input input::-webkit-input-placeholder,
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input input:-moz-placeholder,
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input input::-moz-placeholder,
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input input:-ms-input-placeholder {
  color: #ccc !important;
}
.kdesigner-left-view-control-search span.kdesigner-left-view-control-search-input i {
  color: #999999;
  cursor: pointer;
}
.kdesigner-left-view-control-search .icon {
  width: 16px;
  height: 16px;
}
.kdesigner-left-view-control-search .kdesigner-input-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.kdesigner-left-view-control-search .kdesigner-input-wrapper .kdesigner-input-prefix {
  margin-left: 8px;
}
.kdesigner-left-view-control-search-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 4px;
  color: #666666;
  margin-right: 4px;
  cursor: pointer;
}
.kdesigner-left-view-control-search-icon:last-child {
  margin-right: 0px;
}
.kdesigner-left-view-control-search-icon i {
  font-size: 16px;
  color: #212121;
}
.kdesigner-left-view-control-search-icon:hover {
  background: #E5E5E5;
}
.kdesigner-left-view-control-search-icon-focus {
  background: #D9D9D9 !important;
}
.kdesigner-left-view-control-search-icon-unclickable {
  cursor: not-allowed;
}
.kdesigner-left-view-control-collapse-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: visible;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* IE 10+ */
}
.kdesigner-left-view-control-collapse-container::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
  width: 8px !important;
  height: 8px !important;
}
.kdesigner-left-view-control-collapse-container:hover {
  scrollbar-width: thin;
  -ms-overflow-style: unset;
}
.kdesigner-left-view-control-collapse-container:hover::-webkit-scrollbar {
  display: unset;
}
.kdesigner-left-view-control-collapse-container .kdesigner-left-view-group-pane {
  width: 280px;
}
.kdesigner-left-view-empty-control-collapse-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.kdesigner-left-view-empty-control-collapse-container img {
  width: 112px;
  height: 64px;
}
.kdesigner-left-view-empty-control-collapse-container img,
.kdesigner-left-view-empty-control-collapse-container span {
  position: relative;
  top: -40px;
}
.kdesigner-left-view-control-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFFFF;
  height: unset;
  width: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* IE 10+ */
}
.kdesigner-left-view-control-tabs::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
  width: 8px !important;
  height: 8px !important;
}
.kdesigner-left-view-control-tabs:hover {
  scrollbar-width: thin;
  -ms-overflow-style: unset;
}
.kdesigner-left-view-control-tabs:hover::-webkit-scrollbar {
  display: unset;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel:first-child {
  border: none;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel {
  color: #212121;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel-left {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel-right {
  color: #b2b2b2;
  margin-left: 0;
  margin-top: 1px;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel-header {
  font-size: 14px;
  line-height: 16px;
  color: #212121;
  font-weight: 600;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel-icon {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 16px;
  height: 16px;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel-icon i {
  font-size: 16px;
  color: #999;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel-children {
  padding: 0;
  overflow: visible;
}
.kdesigner-left-view-control-tabs .kdesigner-collapse-panel-top {
  height: 44px;
  padding: 0 12px;
  border-top: none;
  border-bottom: none;
}
.kdesigner-left-view-collapse {
  width: 280px;
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-left-view-control-group-title {
  margin: 24px 11px 12px 11px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-left-view-control-group-title-left {
  font-size: 16px;
  color: #212121;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: bold;
}
.kdesigner-left-view-control-group-title-right {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.kdesigner-left-view-control-group-title-fold-icon {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.kdesigner-left-view-control-group-title-fold-icon.is-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kdesigner-left-view-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 12px 4px 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #212121;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.kdesigner-left-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(n) {
  margin: 4px 0;
}
.kdesigner-left-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(2n) {
  margin-left: 8px;
}
.kdesigner-left-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(1) {
  margin-top: 0;
}
.kdesigner-left-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(2) {
  margin-top: 0;
}
.kdesigner-left-view-group-pane:last-child {
  margin-bottom: 8px;
}
.kdesigner-left-view-group-pane.hide-collapse-top .kdesigner-collapse-panel-top {
  display: none;
}
.kdesigner-left-view-group-pane.hide-collapse-top:first-child {
  margin-top: 12px;
}
.kdesigner-left-view-control {
  position: relative;
  height: 76px;
  border-radius: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  color: #212121;
  line-height: 18px;
}
.kdesigner-left-view-control:nth-child(3n + 2),
.kdesigner-left-view-control:nth-child(3n + 3) {
  margin-left: 8px;
}
.kdesigner-left-view-control > .kdesigner-left-view-control-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: keep-all;
  width: 100%;
  height: 100%;
  background: rgba(39, 111, 245, 0.05);
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 0;
  line-height: 16px;
  padding: 8px 0;
}
.kdesigner-left-view-control > .kdesigner-left-view-control-content:hover {
  background: rgba(39, 111, 245, 0.15);
}
.kdesigner-left-view-control > .kdesigner-left-view-control-content-dropdown {
  border-radius: 4px 0px 0px 4px;
}
.kdesigner-left-view-control i {
  font-size: 25px;
}
.kdesigner-left-view-control .icon {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  margin-top: 12px;
  margin-bottom: 5px;
  vertical-align: middle;
  fill: currentColor;
  overflow: hidden;
}
.kdesigner-left-view-vertical-control {
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  text-align: center;
}
.kdesigner-left-view-vertical-control-disabled > .kdesigner-left-view-control-content {
  color: #999 !important;
  cursor: not-allowed;
}
.kdesigner-left-view-vertical-control-disabled > .kdesigner-left-view-control-content:hover {
  background: rgba(39, 111, 245, 0.05) !important;
}
.kdesigner-left-view-vertical-control .kdesigner-left-view-control-name {
  margin: 0 4px;
  width: 68px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-left-view-vertical-control .kdesigner-left-view-control-icon {
  font-size: 24px;
  margin-top: 12px;
  margin-bottom: 8px;
  line-height: initial;
}
.kdesigner-left-view-horizontal-control {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 124px;
  height: auto;
}
.kdesigner-left-view-horizontal-control .kdesigner-left-view-control-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.kdesigner-left-view-horizontal-control .kdesigner-left-view-control-content span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.kdesigner-left-view-horizontal-control .kdesigner-left-view-control-content .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: 16px;
  height: 16px;
}
.kdesigner-left-view-horizontal-control .kdesigner-left-view-control-content .kdesigner-left-view-control-icon {
  margin-left: 8px;
}
.kdesigner-left-view-horizontal-control .kdesigner-left-view-control-content .kdesigner-left-view-control-name {
  margin: 0 4px;
  width: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.kdesigner-left-view-control-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  background-color: rgba(39, 111, 245, 0.05);
  cursor: pointer;
  border-radius: 0px 4px 4px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-left-view-control-switch i {
  font-size: 16px;
  color: #999;
}
.kdesigner-left-view-control-switch:hover {
  background: rgba(39, 111, 245, 0.15);
}
.kdesigner-left-view-control-view-dropdown {
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
  -webkit-animation-name: unset !important;
          animation-name: unset !important;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu {
  padding: 0;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item {
  padding: 8px 8px 0px 8px;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item span {
  pointer-events: all;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item:last-child {
  padding: 8px;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item:hover {
  background-color: transparent;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item .kdesigner-left-view-control-content span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item .kdesigner-left-view-control-content:hover,
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item .kdesigner-left-view-control-switch:hover {
  background-color: rgba(39, 111, 245, 0.15);
}
.kdesigner-left-view-control-view-dropdown .kdesigner-dropdown-menu-item .kdesigner-left-view-horizontal-control {
  width: auto;
}
.kdesigner-left-view-control-view-dropdown .kdesigner-left-view-horizontal-control:nth-child(n) {
  margin: 0;
}
.kdesigner-top-view {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-top-view.hide {
  display: none;
}
.kdesigner-top-view-left,
.kdesigner-top-view-right {
  position: relative;
  width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
}
.kdesigner-top-view-left i,
.kdesigner-top-view-right i {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.kdesigner-top-view-left .kdesigner-tabs-tab-list,
.kdesigner-top-view-right .kdesigner-tabs-tab-list {
  -webkit-transition: unset;
  transition: unset;
}
.kdesigner-top-view-left .kdesigner-tab-pane-type-line,
.kdesigner-top-view-right .kdesigner-tab-pane-type-line {
  padding-left: 0;
}
.kdesigner-top-view-left .kdesigner-tab-pane-small,
.kdesigner-top-view-right .kdesigner-tab-pane-small {
  height: 24px;
}
.kdesigner-top-view-left .kdesigner-tabs-more-btn,
.kdesigner-top-view-right .kdesigner-tabs-more-btn {
  display: none;
}
.kdesigner-top-view-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
}
.editor-styles {
  --kdesigner-c-checkbox-default-input-sizing-height: 13px;
  --kdesigner-c-checkbox-default-input-sizing-width: 13px;
  --kdesigner-c-checkbox-color-border-active: #276ff5;
  --kdesigner-c-checkbox-color-text-hover: #276ff5;
  --kdesigner-c-input-sizing-height-middle: 28px;
  --kdesigner-c-input-spacing-padding-horizontal-small: 8px;
  --kdesigner-c-input-spacing-padding-horizontal-middle: 8px;
  --kdesigner-c-input-font-size-middle: 12px;
  --kdesigner-c-input-radius-border: 4px;
  --kdesigner-c-input-color-border-focused: #276ff5;
  --kdesigner-c-switch-large-sizing-height: 16px;
  --kdesigner-c-switch-color-on: #276ff5;
  --kdesigner-c-tree-select-sizing-height-middle: 28px;
  --kdesigner-c-select-sizing-height-middle: 28px;
  --kdesigner-c-tree-select-font-size-middle: 12px;
  --kdesigner-c-select-font-size-middle: 12px;
}
.editor-styles .kdesigner-input-disabled {
  background: #f5f5f5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.editor-styles .kdesigner-input-wrapper-disabled:hover {
  border-color: #D9D9D9;
}
.editor-styles .kdesigner-inputNumber input {
  margin: 0;
  text-align: left;
}
.editor-styles .kdesigner-select-size-middle {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 0 8px !important;
}
.editor-styles .kdesigner-select-size-middle.kdesigner-select-single-focused {
  background: #fff;
}
.editor-styles .kdesigner-select-size-middle .kdesigner-select-single-text {
  line-height: 26px;
  color: #212121;
}
.editor-styles .kdesigner-select-size-middle .kdesigner-select-icon-arrow {
  color: #999;
}
.editor-styles .kdesigner-select-size-middle.kdesigner-select-multiple {
  height: auto;
  padding: 1px 28px 1px 8px !important;
}
.editor-styles .kdesigner-select-size-middle .kdesigner-select-single-disabled-text {
  color: #b2b2b2;
}
.kdesigner-right-view {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  letter-spacing: 1px;
  background: #FFFFFF;
  color: #212121;
}
.kdesigner-right-view.hide {
  display: none;
}
.kdesigner-right-view .kdesigner-collapse-panel-children {
  -webkit-transition: none ;
  transition: none ;
  overflow: visible;
}
.kdesigner-right-view .kdesigner-collapse-panel-children-hide {
  padding: 0 !important;
}
.kdesigner-right-view .kdesigner-left-view-fold-icon {
  position: absolute;
  top: 14px;
  right: 17px;
  cursor: pointer;
}
.kdesigner-right-view-title {
  color: #666;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  font-size: 12px;
}
.kdesigner-right-view-title-sub {
  color: #999999;
}
.kdesigner-right-view-title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-right-view-title i {
  position: relative;
  color: #999;
}
.kdesigner-right-view-tabs,
.kdesigner-right-view-tabs-title {
  width: 280px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #276FF5;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.kdesigner-right-view-tabs .kdesigner-tabs-navs,
.kdesigner-right-view-tabs-title .kdesigner-tabs-navs {
  height: 40px !important;
  background: #F2F2F2;
}
.kdesigner-right-view-tabs .kdesigner-tabs-tab-list,
.kdesigner-right-view-tabs-title .kdesigner-tabs-tab-list {
  bottom: 0;
  top: 8px;
}
.kdesigner-right-view-tabs .kdesigner-tab-pane,
.kdesigner-right-view-tabs-title .kdesigner-tab-pane {
  margin-right: 0;
  font-size: 12px;
  padding-right: 8px;
}
.kdesigner-right-view-tabs .kdesigner-tab-pane:first-child,
.kdesigner-right-view-tabs-title .kdesigner-tab-pane:first-child {
  padding-left: 12px;
}
.kdesigner-right-view-tabs .kdesigner-tab-pane.kdesigner-tab-pane-box-active,
.kdesigner-right-view-tabs-title .kdesigner-tab-pane.kdesigner-tab-pane-box-active {
  border-radius: 4px 4px 0px 0px;
}
.kdesigner-right-view-tabs .kdesigner-tab-pane.kdesigner-tab-pane-box-active .kdesigner-tab-pane-text-active,
.kdesigner-right-view-tabs-title .kdesigner-tab-pane.kdesigner-tab-pane-box-active .kdesigner-tab-pane-text-active {
  background: #fff;
  border-radius: 4px;
}
.kdesigner-right-view-tabs .kdesigner-tab-pane-text,
.kdesigner-right-view-tabs-title .kdesigner-tab-pane-text {
  position: relative;
  top: -5px;
  line-height: 18px;
  width: auto;
  height: 24px;
  padding: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kdesigner-right-view-tabs .kdesigner-active-line,
.kdesigner-right-view-tabs-title .kdesigner-active-line {
  display: none;
}
.kdesigner-right-view-tabs .kdesigner-carousel-displaylist,
.kdesigner-right-view-tabs-title .kdesigner-carousel-displaylist {
  width: 100%;
}
.kdesigner-right-view-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-right-view-tabs .hidden {
  display: none;
}
.kdesigner-right-view-tabs-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.kdesigner-right-view-tabs-title {
  width: 250px;
}
.kdesigner-right-view-tabs-title .kdesigner-tabs-tab-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-right-view-tabs-title .kdesigner-tabs-tab-list .kdesigner-tab-pane {
  min-width: 0px;
  overflow: hidden;
}
.kdesigner-right-view-tabs-title.hide .kdesigner-tab-pane.kdesigner-tab-pane-box-active {
  background: #F5F5F5;
}
.kdesigner-right-view-tabs-title.hide .kdesigner-tab-pane-text {
  color: #666;
}
.kdesigner-right-view-props-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFFFF;
  height: unset;
  width: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* IE 10+ */
}
.kdesigner-right-view-props-tabs::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
  width: 8px !important;
  height: 8px !important;
}
.kdesigner-right-view-props-tabs:hover {
  scrollbar-width: thin;
  -ms-overflow-style: unset;
}
.kdesigner-right-view-props-tabs:hover::-webkit-scrollbar {
  display: unset;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel:first-child {
  border: none;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel {
  color: #212121;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel-left {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel-right {
  color: #b2b2b2;
  margin-left: 0;
  margin-top: 1px;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel-header {
  font-size: 14px;
  color: #212121;
  font-weight: 600;
  line-height: 16px;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel-icon {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 16px;
  height: 16px;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel-icon i {
  font-size: 16px;
  color: #999;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel-children {
  padding: 0;
  overflow: visible;
}
.kdesigner-right-view-props-tabs .kdesigner-collapse-panel-top {
  height: 44px;
  padding: 0;
}
.kdesigner-right-view-collapse {
  width: 256px;
  margin: 0 12px;
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-right-view-collapse-readonly {
  background: #F5F5F5;
  border-radius: 4px;
}
.kdesigner-right-view-collapse-readonly .kdesigner-right-view-pane {
  margin-top: 0;
  padding: 8px 0px;
}
.kdesigner-right-view-collapse-readonly .kdesigner-right-view-pane .kdesigner-right-view-editor-control {
  margin-top: 4px;
}
.kdesigner-right-view-collapse-readonly .kdesigner-right-view-pane .kdesigner-right-view-editor-control:first-child {
  margin-top: 0;
}
.kdesigner-right-view-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #212121;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kdesigner-right-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(n) {
  margin: 4px 0;
}
.kdesigner-right-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(2n) {
  margin-left: 8px;
}
.kdesigner-right-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(1) {
  margin-top: 0;
}
.kdesigner-right-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-child(2) {
  margin-top: 0;
}
.kdesigner-right-view-pane > .kdesigner-left-view-control.kdesigner-left-view-horizontal-control:nth-last-child(1) {
  margin-bottom: 8px;
}
.kdesigner-right-view-group-pane:last-child {
  margin-bottom: 8px;
}
.kdesigner-right-view-group-pane.hide-collapse-top .kdesigner-collapse-panel-top {
  display: none;
}
.kdesigner-right-view-group-pane.hide-collapse-top:first-child {
  margin-top: 12px;
}
.kdesigner-right-view-editor-control {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
  --kdesigner-c-checkbox-default-input-sizing-height: 13px;
  --kdesigner-c-checkbox-default-input-sizing-width: 13px;
  --kdesigner-c-checkbox-color-border-active: #276ff5;
  --kdesigner-c-checkbox-color-text-hover: #276ff5;
  --kdesigner-c-input-sizing-height-middle: 28px;
  --kdesigner-c-input-spacing-padding-horizontal-small: 8px;
  --kdesigner-c-input-spacing-padding-horizontal-middle: 8px;
  --kdesigner-c-input-font-size-middle: 12px;
  --kdesigner-c-input-radius-border: 4px;
  --kdesigner-c-input-color-border-focused: #276ff5;
  --kdesigner-c-switch-large-sizing-height: 16px;
  --kdesigner-c-switch-color-on: #276ff5;
  --kdesigner-c-tree-select-sizing-height-middle: 28px;
  --kdesigner-c-select-sizing-height-middle: 28px;
  --kdesigner-c-tree-select-font-size-middle: 12px;
  --kdesigner-c-select-font-size-middle: 12px;
}
.kdesigner-right-view-editor-control .kdesigner-input-disabled {
  background: #f5f5f5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.kdesigner-right-view-editor-control .kdesigner-input-wrapper-disabled:hover {
  border-color: #D9D9D9;
}
.kdesigner-right-view-editor-control .kdesigner-inputNumber input {
  margin: 0;
  text-align: left;
}
.kdesigner-right-view-editor-control .kdesigner-select-size-middle {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 0 8px !important;
}
.kdesigner-right-view-editor-control .kdesigner-select-size-middle.kdesigner-select-single-focused {
  background: #fff;
}
.kdesigner-right-view-editor-control .kdesigner-select-size-middle .kdesigner-select-single-text {
  line-height: 26px;
  color: #212121;
}
.kdesigner-right-view-editor-control .kdesigner-select-size-middle .kdesigner-select-icon-arrow {
  color: #999;
}
.kdesigner-right-view-editor-control .kdesigner-select-size-middle.kdesigner-select-multiple {
  height: auto;
  padding: 1px 28px 1px 8px !important;
}
.kdesigner-right-view-editor-control .kdesigner-select-size-middle .kdesigner-select-single-disabled-text {
  color: #b2b2b2;
}
.kdesigner-right-view-editor-control-error-msg {
  margin-top: 4px;
  color: #FB2323;
}
.kdesigner-right-view-editor-control-error .kdesigner-input {
  border-color: #FB2323 !important;
}
.kdesigner-right-view-editor-control-error .kdesigner-input-wrapper {
  border-color: #FB2323 !important;
}
.kdesigner-right-view-editor-control-error .kdesigner-select-wrapper {
  border-color: #FB2323 !important;
}
.kdesigner-right-view-editor-control > .kdesigner-right-view-title:first-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
  font-size: 12px;
}
.kdesigner-right-view-editor-control .kdesigner-select {
  margin-right: 0;
}
.kdesigner-right-view-editor-control .kdesigner-select-bordered:not(.kdesigner-select-multiple-disabled):not(.kdesigner-select-single-disabled):hover {
  background: #fff;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-custom-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-custom-editor .kdesigner-right-view-custom-btn {
  color: #276FF5;
  font-size: 12px;
  cursor: pointer;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-custom-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-custom-input .kdesigner-right-view-clear {
  display: none;
  cursor: pointer;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-custom-input:hover .kdesigner-right-view-clear {
  display: block;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-flex-center,
.kdesigner-right-view-editor-control .kdesigner-right-view-flex-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-flex-icon {
  cursor: pointer;
  margin-bottom: 0;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-ref-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-ref-input .kdesigner-right-view-clear {
  display: none;
  cursor: pointer;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-ref-input:hover .kdesigner-right-view-clear {
  display: block;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-quote {
  background-color: #F2FFF5;
  padding: 0 8px;
  border: 0.5px solid #6dd18e;
  border-radius: 2px;
  color: #1BA854;
  font-size: 12px;
  cursor: default;
}
.kdesigner-right-view-editor-control .kdesigner-right-view-no-quote {
  background-color: #FFFBF2;
  padding: 0 8px;
  border: 0.5px solid #ffcb78;
  border-radius: 2px;
  color: #FF991C;
  font-size: 12px;
  cursor: default;
}
.kdesigner-right-view-layout-props-list {
  margin: 10px 12px 0 12px;
}
.kdesigner-right-view-title-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.kdesigner-right-view-placeholder {
  opacity: 0;
  visibility: hidden;
}
.kdesigner-right-view-title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 4px;
}
.kdesigner-right-view-title-text span:first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kdesigner-right-view-title-required-text {
  color: #FB2323;
  line-height: 12px;
  font-family: SimSun, sans-serif;
}
.kdesigner-right-view-span-1 {
  width: calc((1 / 12 * 100%) - (((12 / 1) - 1) / (12 / 1)) * 8px);
}
.kdesigner-right-view-span-1 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-2 {
  width: calc((2 / 12 * 100%) - (((12 / 2) - 1) / (12 / 2)) * 8px);
}
.kdesigner-right-view-span-2 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-3 {
  width: calc((3 / 12 * 100%) - (((12 / 3) - 1) / (12 / 3)) * 8px);
}
.kdesigner-right-view-span-3 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-4 {
  width: calc((4 / 12 * 100%) - (((12 / 4) - 1) / (12 / 4)) * 8px);
}
.kdesigner-right-view-span-4 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-5 {
  width: calc((5 / 12 * 100%) - (((12 / 5) - 1) / (12 / 5)) * 8px);
}
.kdesigner-right-view-span-5 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-6 {
  width: calc((6 / 12 * 100%) - (((12 / 6) - 1) / (12 / 6)) * 8px);
}
.kdesigner-right-view-span-6 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-7 {
  width: calc((7 / 12 * 100%) - (((12 / 7) - 1) / (12 / 7)) * 8px);
}
.kdesigner-right-view-span-7 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-8 {
  width: calc((8 / 12 * 100%) - (((12 / 8) - 1) / (12 / 8)) * 8px);
}
.kdesigner-right-view-span-8 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-9 {
  width: calc((9 / 12 * 100%) - (((12 / 9) - 1) / (12 / 9)) * 8px);
}
.kdesigner-right-view-span-9 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-10 {
  width: calc((10 / 12 * 100%) - (((12 / 10) - 1) / (12 / 10)) * 8px);
}
.kdesigner-right-view-span-10 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-11 {
  width: calc((11 / 12 * 100%) - (((12 / 11) - 1) / (12 / 11)) * 8px);
}
.kdesigner-right-view-span-11 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-span-12 {
  width: calc((12 / 12 * 100%) - (((12 / 12) - 1) / (12 / 12)) * 8px);
}
.kdesigner-right-view-span-12 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.kdesigner-right-view-no-span {
  width: 100%;
}
.kdesigner-right-view .kdesigner-date-picker-disabled input {
  color: #B2B2B2;
}
.kdesigner-right-view .kdesigner-date-picker-input input {
  font-size: 12px;
}
.kdesigner-right-view .kdesigner-select .kdesigner-select-single .kdesigner-select-selection-item {
  padding-right: 15px;
}
.kdesigner-main-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 1px solid #D9D9D9;
  border-top: none;
}
.kdesigner-colorPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 304px;
  z-index: 1;
  background-color: #fff;
  padding: 12px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-colorPanel .kdesigner-inputNumber {
  height: 28px;
}
.kdesigner-colorPanel .kdesigner-input-wrapper {
  border-radius: 4px;
  height: 28px;
}
.kdesigner-colorPanel .kdesigner-input-wrapper .kdesigner-input {
  color: #212121;
  font-size: 12px;
}
.kdesigner-colorPanel .kdesigner-input-prefix {
  color: #999;
  font-size: 12px;
}
.kdesigner-colorPanel .colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 12px;
  margin-bottom: -8px;
}
.kdesigner-colorPanel .colors .colorItem {
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.kdesigner-colorPanel .colors .colorItem-hover-box {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 4px;
  top: -3px;
  left: -3px;
}
.kdesigner-colorPanel .colors .colorItem:nth-child(12n) {
  margin-right: 0;
}
.kdesigner-colorPanel .colors .colorItem:hover .colorItem-hover-box {
  display: block;
}
.kdesigner-colorPanel .textPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
}
.kdesigner-colorPanel .textPanel .textItme {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 16px;
  color: #666666;
}
.kdesigner-colorPanel .textPanel .textItme + .textItme {
  margin-left: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.kdesigner-colorPanel .textPanel .textItme label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
}
.kdesigner-colorPanel .textPanel .textItme .kdesigner-input {
  border-radius: 4px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #212121;
}
.kdesigner-colorPanel .textPanel .textItme .kdesigner-inputNumber {
  width: 56px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-colorPanel .themeBtn {
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-colorPanel .themeBtn label {
  color: #666666;
  margin-right: 8px;
  line-height: 16px;
}
.kdesigner-colorPanel .themeBtn .kdesigner-switch {
  height: 16px;
  line-height: 16px;
  min-width: 32px;
}
.kdesigner-colorPanel .themeBtn .kdesigner-switch:not(.kdesigner-switch-checked) {
  background: #ccc;
}
.kdesigner-colorPanel .themeBtn .kdesigner-switch:after {
  width: 14px;
  height: 14px;
}
.colorPicker {
  position: relative;
  height: 100px;
  font-size: 12px;
}
.colorPicker .trigger {
  display: inline-block;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 25px;
  height: 28px;
  cursor: pointer;
}
.kdesigner-right-view-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kdesigner-right-view-switch .kdesigner-right-view-title {
  margin-bottom: 0;
}
.kdesigner-right-view-switch-label {
  font-size: 12px;
  line-height: 16px;
  color: #666;
}
.kdesigner-right-view-switch .kdesigner-switch {
  height: 16px;
  line-height: 16px;
  min-width: 32px;
}
.kdesigner-right-view-switch .kdesigner-switch:not(.kdesigner-switch-checked ):not(.kdesigner-switch-disabled) {
  background: #ccc;
}
.kdesigner-right-view-switch .kdesigner-switch:after {
  width: 14px;
  height: 14px;
}
.kdesigner-right-view-tab-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
.kdesigner-right-view-tab-editor-item {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.kdesigner-right-view-tab-editor-item.is-active {
  color: #276FF5;
  background: rgba(39, 111, 245, 0.05);
}
.kdesigner-right-view-tab-editor-item:hover {
  color: #276FF5;
}
.kdesigner-right-view-tab-editor-item + .kdesigner-right-view-tab-editor-item {
  border-left: 1px solid #d9d9d9;
}
.kdesigner-right-view-checkbox-group {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.kdesigner-right-view-checkbox-group .kdesigner-checkbox {
  width: 50%;
  margin: 4px 0px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.kdesigner-right-view-checkbox-group .kdesigner-checkbox .kdesigner-checkbox-children {
  line-height: 16px;
  font-size: 12px;
  color: #212121;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  white-space: pre-wrap;
}
.kdesigner-right-view-checkbox-group .kdesigner-checkbox-default-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-right-view-dimission-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}
.kdesigner-right-view-dimission-editor .kdesigner-input-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 4px 0 0 4px !important;
}
.kdesigner-right-view-dimission-editor .kdesigner-input-wrapper:hover {
  z-index: 1;
}
.kdesigner-right-view-dimission-editor .kdesigner-input-wrapper-focused {
  z-index: 1;
}
.kdesigner-right-view-dimission-editor > .kdesigner-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 4px 0 0 4px !important;
}
.kdesigner-right-view-dimission-editor > .kdesigner-input:hover {
  z-index: 1;
}
.kdesigner-right-view-dimission-editor > .kdesigner-input:not(.kdesginer-input-disabled):focus {
  z-index: 1;
}
.kdesigner-right-view-dimission-editor-unit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49px;
          flex: 0 0 49px;
  margin-left: -1px !important;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-right-view-dimission-editor-unit:hover {
  z-index: 1;
}
.kdesigner-right-view-dimission-editor-unit:hover .kdesigner-select-wrapper {
  border-color: #5582f3;
}
.kdesigner-right-view-dimission-editor-unit .kdesigner-select-wrapper {
  border-radius: 0 4px 4px 0 !important;
}
.kdesigner-right-view-dimission-editor-unit .kdesigner-select-suffix {
  right: 8px;
}
.kdesigner-right-view-dimission-editor .kdesigner-input-prefix {
  font-size: 12px;
  color: #999;
  margin-right: 8px;
}
.kdesigner-right-view-stepper-editor .kdesigner-inputNumber-embedStep {
  display: none;
}
.kdesigner-right-view-stepper-editor .kdesigner-inputNumber-embedStep span {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-right-view-stepper-editor .kdesigner-inputNumber-embedStep span .kdesigner-inputNumber-icon {
  line-height: 14px;
}
.kdesigner-right-view-stepper-editor .kdesigner-input-wrapper {
  width: 100%;
}
.kdesigner-right-view-stepper-editor .kdesigner-input-wrapper input {
  text-align: unset;
}
.kdesigner-right-view-stepper-editor .kdesigner-input-wrapper:hover .kdesigner-inputNumber-embedStep,
.kdesigner-right-view-stepper-editor .kdesigner-input-wrapper-focused .kdesigner-inputNumber-embedStep {
  display: block;
}
.kdesigner-right-view-color-editor {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  border-right: none;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}
.kdesigner-right-view-color-editor-input {
  position: relative;
  z-index: 0;
  border-radius: 0 4px 4px 0 !important;
}
.kdesigner-right-view-color-editor-input .kdesigner-input-prefix {
  padding-left: 8px;
  margin-right: 0;
  font-size: 12px;
  color: #d9d9d9;
}
.kdesigner-right-view-color-editor-prefix {
  width: 28px;
  height: 100%;
  text-align: center;
  position: relative;
  border: 1px solid #d9d9d9;
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdesigner-right-view-color-editor-prefix.disabled {
  background: #f5f5f5;
}
.kdesigner-right-view-color-editor-prefix-icon {
  width: 20px;
  height: 100%;
}
.kdesigner-right-view-color-editor-prefix:hover:not(.disabled) {
  border-color: #5582f3;
  z-index: 1;
}
.kdesigner-right-view-readonly {
  font-size: 12px;
  line-height: 16px;
}
.kdesigner-right-view-readonly-title {
  color: #999999;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdesigner-right-view-readonly-content {
  color: #212121;
}
.kdesigner-right-view-border-editor {
  position: relative;
}
.kdesigner-right-view-border-editor .edit-box-wrap {
  width: 100%;
  position: relative;
}
.kdesigner-right-view-border-editor .edit-box-wrap:hover .marginbox .ip,
.kdesigner-right-view-border-editor .edit-box-wrap-focused .marginbox .ip {
  background: #FFFFFF;
  border-color: #d9d9d9;
}
.kdesigner-right-view-border-editor .edit-box-wrap .line-box {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 1;
}
.kdesigner-right-view-border-editor .edit-box-wrap .line-box.top-left {
  top: 0;
  left: 0;
  background: linear-gradient(to top right, transparent 0%, transparent calc(50% - 1px), #fff 50%, transparent calc(50% + 1px), transparent 100%);
}
.kdesigner-right-view-border-editor .edit-box-wrap .line-box.top-right {
  top: 0;
  right: 0;
  background: linear-gradient(to bottom right, transparent 0%, transparent calc(50% - 1px), #fff 50%, transparent calc(50% + 1px), transparent 100%);
}
.kdesigner-right-view-border-editor .edit-box-wrap .line-box.bottom-left {
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom right, transparent 0%, transparent calc(50% - 1px), #fff 50%, transparent calc(50% + 1px), transparent 100%);
}
.kdesigner-right-view-border-editor .edit-box-wrap .line-box.bottom-right {
  bottom: 0;
  right: 0;
  background: linear-gradient(to top right, transparent 0%, transparent calc(50% - 1px), #fff 50%, transparent calc(50% + 1px), transparent 100%);
}
.kdesigner-right-view-border-editor .marginbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #D9D9D9;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.kdesigner-right-view-border-editor .marginbox .title {
  position: absolute;
  color: #666666;
  bottom: 6px;
  font-size: 12px;
}
.kdesigner-right-view-border-editor .marginbox .center {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-right-view-border-editor .marginbox .center .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-right-view-border-editor .marginbox .ip {
  cursor: text;
  color: #212121;
  width: 24px;
  height: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background: none;
  display: block;
  border-radius: 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-right-view-border-editor .marginbox .ip:hover,
.kdesigner-right-view-border-editor .marginbox .ip:focus {
  border-color: #276FF5 !important;
}
.kdesigner-right-view-border-editor .marginbox .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-right-view-border-editor .marginbox .whbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  line-height: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  cursor: pointer;
}
.kdesigner-right-view-border-editor .marginbox .whbox .fa-refresh {
  cursor: pointer;
}
.kdesigner-right-view-border-editor .marginbgc {
  background: rgba(39, 111, 245, 0.05);
}
.kdesigner-right-view-border-editor .marginbgc .title {
  left: 22px;
}
.kdesigner-right-view-border-editor .borderbgc {
  background: rgba(39, 111, 245, 0.05);
  border-color: #fff;
}
.kdesigner-right-view-border-editor .borderbgc .title {
  left: 24px;
}
.kdesigner-right-view-border-editor .paddingbgc {
  background: #E2E8F3;
  border-color: #fff;
}
.kdesigner-right-view-border-editor .paddingbgc .title {
  left: 12px;
}
.kdesigner-right-view-border-editor .borderpanel {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdesigner-right-view-border-editor .borderpanel .panel-edit-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kdesigner-right-view-border-editor .borderpanel .panel-edit-box + .panel-edit-box {
  margin-left: 8px;
}
.kdesigner-right-view-border-editor .borderpanel .panel-edit-box .kdesigner-select {
  width: 100%;
  margin-bottom: 0;
}
.kdesigner-right-view-border-editor .hidden {
  display: none;
}
.kdesigner-right-view-border-editor .editTab {
  position: absolute;
  top: -20px;
  right: 0;
  height: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #276FF5;
  font-size: 12px;
}
.kdesigner-right-view-border-editor .editTab i {
  font-size: 10px;
  margin-right: 4px;
}
.kdesigner-right-view-border-editor .singleBorderpanel {
  width: 100%;
  padding: 12px 4px 0 12px;
  background: rgba(39, 111, 245, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #d9d9d9;
}
.kdesigner-right-view-border-editor .singleBorderpanel .singlepanel-item {
  width: 50%;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 12px;
}
.kdesigner-right-view-border-editor .singleBorderpanel .singlepanel-item label {
  display: block;
  font-weight: 400;
  color: #666666;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 4px;
}
.kdesigner-right-view-daterange-editor,
.kdesigner-right-view-datepicker-editor {
  width: auto;
  border-radius: 4px;
  height: 28px;
}
.kdesigner-right-view-radio-editor-vertical .kdesigner-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
}
.kdesigner-right-view-radio-editor-vertical .kdesigner-radio:not(:last-child) {
  margin-bottom: 4px;
}
.kdesigner-select-dropdown-search {
  display: none;
}
.kdesigner-select-multiple-footer {
  display: none;
}
.kdesigner-date-picker-now {
  color: #276FF5;
}
.kdesigner-right-view-edit-select .kdesigner-select-suffix {
  cursor: pointer;
}
.kdesigner-kdesigner-root {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
}
.kdesigner-kdesigner-root-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

