/* -----------  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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-split-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border: var(--kd-c-split-panel-wrapper-sizing-border, 1px) solid var(--kd-c-split-panel-color-border, #d9d9d9);
  overflow: hidden;
}
.kd-split-panel {
  position: absolute;
  overflow: hidden;
}
.kd-split-panel.left-panel,
.kd-split-panel.right-panel {
  top: 0;
  bottom: 0;
}
.kd-split-panel.left-panel {
  left: 0;
  margin-right: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel.right-panel {
  right: 0;
  margin-left: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel.top-panel,
.kd-split-panel.bottom-panel {
  left: 0;
  right: 0;
}
.kd-split-panel.top-panel {
  top: 0;
  margin-bottom: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel.bottom-panel {
  bottom: 0;
  margin-top: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel-moving {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kd-split-trigger-con {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.kd-split-trigger-con.is-active .kd-split-trigger-arrow {
  border-color: var(--kd-c-split-panel-arrow-color-background, #999);
  background: var(--kd-c-split-panel-arrow-color-background, #999);
  color: white;
}
.kd-split-trigger-con.can-drag .kd-split-trigger-vertical {
  cursor: col-resize;
}
.kd-split-trigger-con.can-drag .kd-split-trigger-horizontal {
  cursor: row-resize;
}
.kd-split-trigger-con.is-disabled .kd-split-trigger-vertical {
  cursor: not-allowed;
}
.kd-split-trigger-con:not(.is-disabled):hover .kd-split-trigger-arrow {
  border-color: var(--kd-c-split-panel-arrow-color-background, #999);
}
.kd-split-trigger-con:not(.is-disabled) .kd-split-trigger-arrow:hover {
  cursor: pointer;
  background: #fff !important;
  color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important;
  border-color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important;
}
.kd-split-trigger-arrow {
  position: absolute;
  color: var(--kd-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(--kd-c-split-panel-arrow-sizing-border, 1px) solid transparent;
}
.kd-split-trigger-arrow .kdicon {
  font-size: 12px;
}
.kd-split-trigger-arrow.is-vertical {
  width: var(--kd-c-split-panel-arrow-sizing-width-vertical, 16px);
  height: var(--kd-c-split-panel-arrow-sizing-height-vertical, 16px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.kd-split-trigger-arrow.is-horizontal {
  width: var(--kd-c-split-panel-arrow-sizing-width-horizontal, 16px);
  height: var(--kd-c-split-panel-arrow-sizing-height-horizontal, 16px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.kd-split-trigger-arrow.top {
  bottom: 100%;
  border-bottom: none;
  border-radius: var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) 0 0;
}
.kd-split-trigger-arrow.bottom {
  top: 100%;
  border-top: none;
  border-radius: 0 0 var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px);
}
.kd-split-trigger-arrow.left {
  right: 100%;
  border-right: none;
  border-radius: var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px);
}
.kd-split-trigger-arrow.right {
  left: 100%;
  border-left: none;
  border-radius: 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0;
}
.kd-split-trigger-vertical {
  width: var(--kd-c-split-panel-line-sizing-border, 1px);
  height: 100%;
  background: var(--kd-c-split-panel-line-color-background, #d9d9d9);
  border-top: none;
  border-bottom: none;
}
.kd-split-trigger-horizontal {
  height: var(--kd-c-split-panel-line-sizing-border, 1px);
  width: 100%;
  background: var(--kd-c-split-panel-line-color-background, #d9d9d9);
  border-left: none;
  border-right: none;
}
.kd-split-trigger.is-disabled {
  cursor: not-allowed;
}
.kd-split-horizontal > .kd-split-trigger-con {
  top: 50%;
  height: 100%;
}
.kd-split-vertical > .kd-split-trigger-con {
  left: 50%;
  width: 100%;
}
.kd-split .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}