/*! rtl:begin:ignore */
/* -----------  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-btn {
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: var(--kd-c-button-font-weight, var(--kd-g-font-weight, 400));
  border: var(--kd-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(--kd-c-button-radius-border, var(--kd-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;
}
.kd-btn,
.kd-btn:active,
.kd-btn:focus {
  outline: 0;
}
.kd-btn:not(.kd-btn-text)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3);
          box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3);
  opacity: 0.2;
  content: '';
  pointer-events: none;
  clear: both;
}
.kd-btn:not(.kd-btn-text)[click-animating-wave='true']::after {
  -webkit-animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-btn-second {
  border-color: var(--kd-c-button-second-color-border, #D9D9D9);
  background-color: var(--kd-c-button-second-color-background, transparent);
  color: var(--kd-c-button-second-color-text, #212121);
}
.kd-btn-second:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-second-color-background-hover, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-button-second-color-border-hover, var(--kd-g-color-theme, #5582f3));
  color: var(--kd-c-button-second-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-second:active:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-second-color-background-active, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-button-second-color-border-active, var(--kd-g-color-theme-7, #375cca));
  color: var(--kd-c-button-second-color-text-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-second:disabled {
  border-color: var(--kd-c-button-second-color-border-disabled, #D9D9D9) !important;
  background-color: var(--kd-c-button-second-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  color: var(--kd-c-button-second-color-text-disabled, #B2B2B2) !important;
}
.kd-btn-primary {
  border-color: var(--kd-c-button-primary-color-border, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-button-primary-color-background, var(--kd-g-color-theme, #5582f3));
  color: var(--kd-c-button-primary-color-text, var(--kd-g-color-white, #fff));
}
.kd-btn-primary:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-primary-color-background-hover, var(--kd-g-color-theme-5, #87adff));
  border-color: var(--kd-c-button-primary-color-border-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-btn-primary:active:not(.kd-btn-loading) {
  border-color: var(--kd-c-button-primary-color-border-active, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-button-primary-color-background-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-primary:disabled {
  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
}
.kd-btn-ghost {
  border-color: var(--kd-c-button-ghost-color-border, var(--kd-g-color-theme-6, #5582f3));
  background-color: var(--kd-c-button-ghost-color-background, transparent);
  color: var(--kd-c-button-ghost-color-text, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-ghost:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-ghost-color-background-hover, var(--kd-g-color-theme-5, #87adff));
  border-color: var(--kd-c-button-ghost-color-border-hover, transparent);
  color: var(--kd-c-button-ghost-color-text-hover, #ffffff);
}
.kd-btn-ghost:active:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-ghost-color-background-active, var(--kd-g-color-theme-7, #375cca));
  border-color: var(--kd-c-button-ghost-color-border-hover, transparent);
  color: var(--kd-c-button-ghost-color-text-active, #ffffff);
}
.kd-btn-ghost:disabled {
  background-color: var(--kd-c-button-ghost-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kd-c-button-ghost-color-border-disabled, #D9D9D9) !important;
  color: var(--kd-c-button-ghost-color-text-disabled, #B2B2B2) !important;
}
.kd-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;
}
.kd-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;
}
.kd-btn-loadingIcon {
  color: var(--kd-c-button-text-color-loading, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-primary-loadingIcon {
  color: var(--kd-c-button-primary-color-text-loading, var(--kd-g-color-white, #fff));
}
.kd-btn-size-small {
  height: var(--kd-c-button-sizing-height-small, 24px);
  min-width: var(--kd-c-button-sizing-min-width-small, 60px);
  line-height: calc(var(--kd-c-button-sizing-height-small, 24px) - (var(--kd-c-button-spacing-padding-vertical-small, 3px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2));
  font-size: var(--kd-c-button-font-size-small, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-button-spacing-padding-vertical-small, 3px) var(--kd-c-button-spacing-padding-horizontal-small, 8px);
  max-width: var(--kd-c-button-sizing-max-width-small);
}
.kd-btn-size-small.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-small, 14px);
  padding: 0 var(--kd-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;
}
.kd-btn-size-small .kd-btn-group-basic-icon {
  font-size: var(--kd-c-button-icon-font-size-small, 14px);
}
.kd-btn-size-middle {
  height: var(--kd-c-button-sizing-height-middle, 28px);
  min-width: var(--kd-c-button-sizing-min-width-middle, 60px);
  line-height: calc(var(--kd-c-button-sizing-height-middle, 28px) - (var(--kd-c-button-spacing-padding-vertical-middle, 5px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2));
  font-size: var(--kd-c-button-font-size-middle, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-button-spacing-padding-vertical-middle, 5px) var(--kd-c-button-spacing-padding-horizontal-middle, 8px);
  max-width: var(--kd-c-button-sizing-max-width-middle);
}
.kd-btn-size-middle.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-middle, 16px);
  padding: 0 var(--kd-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;
}
.kd-btn-size-middle .kd-btn-group-basic-icon {
  font-size: var(--kd-c-button-icon-font-size-middle, 16px);
}
.kd-btn-size-large {
  height: var(--kd-c-button-sizing-height-large, 32px);
  min-width: var(--kd-c-button-sizing-min-width-large, 80px);
  line-height: calc(var(--kd-c-button-sizing-height-large, 32px) - (var(--kd-c-button-spacing-padding-vertical-large, 6px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2));
  font-size: var(--kd-c-button-font-size-large, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-button-spacing-padding-vertical-large, 6px) var(--kd-c-button-spacing-padding-horizontal-large, 8px);
  max-width: var(--kd-c-button-sizing-max-width-large);
}
.kd-btn-size-large.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-large, 18px);
  padding: 0 var(--kd-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;
}
.kd-btn-size-large .kd-btn-group-basic-icon {
  font-size: var(--kd-c-button-icon-font-size-large, 18px);
}
.kd-btn-shape-circle {
  border-radius: 50%;
  min-width: auto;
}
.kd-btn-shape-circle.kd-btn-size-small {
  width: var(--kd-c-button-sizing-height-small, 24px);
  padding: 0;
}
.kd-btn-shape-circle.kd-btn-size-middle {
  width: var(--kd-c-button-sizing-height-middle, 28px);
  padding: 0;
}
.kd-btn-shape-circle.kd-btn-size-large {
  width: var(--kd-c-button-sizing-height-large, 32px);
  padding: 0;
}
.kd-btn-shape-round.kd-btn-size-small {
  border-radius: var(--kd-c-button-sizing-height-small, 24px);
}
.kd-btn-shape-round.kd-btn-size-middle {
  border-radius: var(--kd-c-button-sizing-height-middle, 28px);
}
.kd-btn-shape-round.kd-btn-size-large {
  border-radius: var(--kd-c-button-sizing-height-large, 32px);
}
.kd-btn-shape-none {
  border-radius: 0;
}
.kd-btn-text {
  height: auto;
  width: auto;
  color: var(--kd-c-button-text-color-text, var(--kd-g-color-theme-6, #5582f3));
  padding: 0;
  min-width: auto;
}
.kd-btn-text .kd-btn-iconWrapper-left {
  margin-right: var(--kd-c-button-text-icon-spacing-margin-right, 4px);
}
.kd-btn-text:hover {
  color: var(--kd-c-button-text-color-text-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-btn-text:active {
  color: var(--kd-c-button-text-color-text-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-text[disabled] {
  color: var(--kd-c-button-text-color-text-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
}
.kd-btn-no-border {
  border: none;
}
.kd-btn:disabled,
.kd-btn[disabled] {
  cursor: not-allowed;
}
.kd-btn-background-ghost,
.kd-btn-background-ghost:hover,
.kd-btn-background-ghost:active {
  background-color: transparent;
}
.kd-btn-background-ghost.kd-btn-primary {
  color: var(--kd-c-button-background-ghost-color-text, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-background-ghost.kd-btn-primary:hover {
  color: var(--kd-c-button-background-ghost-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-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;
}
.kd-btn-block {
  width: 100%;
}
.kd-btn .btn-space {
  margin-left: 4px;
}
.kd-btn-group {
  display: inline-block;
}
.kd-btn-group-basic .kd-btn {
  padding-top: 0;
  padding-bottom: 0;
}
.kd-btn-group-basic-icon {
  margin-left: 4px;
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary {
  background: var(--kd-c-button-group-trigger-color-background, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:hover {
  background: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
  border-color: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:active {
  background: var(--kd-c-button-group-trigger-color-background-active, var(--kd-g-color-theme-8, #1f3ba1));
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:disabled {
  background: var(--kd-c-button-group-trigger-color-background-disabled, var(--kd-g-color-theme-5, #87adff)) !important;
}
.kd-btn-group-similar > .kd-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kd-btn-group-similar > .kd-btn:first-child:hover {
  z-index: 1;
}
.kd-btn-group .kd-btn-size-small,
.kd-btn-group .kd-btn-size-middle,
.kd-btn-group .kd-btn-size-large {
  min-width: unset;
}
.kd-btn-group .kd-dropdown-menu {
  padding: 0;
}
.kd-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(--kd-c-button-group-dropdown-color-background, #fff);
  color: #333333;
  min-width: var(--kd-c-button-group-dropdown-min-width, 80px);
}
.kd-btn-group-dropdown-item {
  height: var(--kd-c-button--group-dropdown-item-height, 30px);
  line-height: var(--kd-c-button--group-dropdown-item-height, 30px);
  cursor: pointer;
  padding: 0 var(--kd-c-button-group-dropdown-item-horizonta, 12px);
}
.kd-btn-group-dropdown-item:hover {
  background: var(--kd-c-button-group-dropdown-item-color-background-hover, #F5F5F5);
}
.kd-btn-group-dropdown-item:not(:last-child) {
  border-bottom: 1px solid var(--kd-c-button-group-dropdown-item-border-color, #E5E5E5);
}
.kd-btn-group.topLeft.hidden,
.kd-btn-group.bottomLeft.hidden,
.kd-btn-group.topRight.hidden,
.kd-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);
}
.kd-btn-rtl {
  direction: rtl;
}
.kd-btn-rtl .kd-btn-iconWrapper-left {
  float: right;
  margin-left: 4px;
}
.kd-btn-rtl .kd-btn-iconWrapper-right {
  float: left;
  margin-right: 4px;
}
.kd-btn-rtl .kd-btn-group-basic-icon {
  margin-right: 5px;
  margin-left: 0;
}
.kd-btn-rtl .btn-space {
  margin-left: 0;
}
.kd-btn-rtl-similar .kd-btn-group-trigger .kd-btn {
  border-top-left-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
  border-bottom-left-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.kd-btn-rtl-similar > .kd-btn:first-child {
  border-top-right-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
  border-bottom-right-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
}
.kd-btn-group-rtl {
  direction: rtl;
}
/*! rtl:end:ignore */