/*! 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-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(--kd-c-radio-square-sizing-width-height, 14px);
  margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
  max-width: var(--kd-c-radio-default-label-max-width);
  min-height: var(--kd-c-radio-square-sizing-width-height, 14px);
}
.kd-radio::before {
  position: absolute;
  top: 50%;
  left: 0;
  height: var(--kd-c-radio-square-sizing-width-height, 14px);
  width: var(--kd-c-radio-square-sizing-width-height, 14px);
  content: '';
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-radio-color-background, var(--kd-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;
}
.kd-radio::after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  content: '';
  border-radius: 50%;
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -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;
}
.kd-radio-input {
  position: absolute;
  opacity: 0;
  left: 0;
}
.kd-radio > span {
  padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 4px);
}
.kd-radio:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio:hover::before {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-checked::before {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-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);
}
.kd-radio-checked::after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  content: '';
  border-radius: 50%;
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -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;
}
.kd-radio-disabled,
.kd-radio-disabled:hover {
  cursor: not-allowed;
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-radio-disabled::before,
.kd-radio-disabled:hover::before {
  border-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kd-radio-disabled::after,
.kd-radio-disabled:hover::after {
  background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
}
.kd-radio-disabled.kd-radio-checked,
.kd-radio-disabled:hover.kd-radio-checked {
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
}
.kd-radio-text {
  line-height: 1.5;
}
.kd-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(--kd-c-radio-square-sizing-height, 32px);
  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  overflow: hidden;
  border-radius: 2px;
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: var(--kd-c-radio-square-label-max-width);
}
.kd-radio-square::after {
  position: absolute;
  right: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -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;
}
.kd-radio-square-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.kd-radio-square-input[disabled] {
  cursor: not-allowed;
}
.kd-radio-square:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-square-checked {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-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);
}
.kd-radio-square-checked::after {
  position: absolute;
  right: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -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;
}
.kd-radio-square-disabled,
.kd-radio-square-disabled:hover {
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-radio-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.kd-radio-square-disabled::after,
.kd-radio-square-disabled:hover::after {
  background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
}
.kd-radio-square-disabled.kd-radio-square-checked,
.kd-radio-square-disabled:hover.kd-radio-square-checked {
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
}
.kd-radio-square-text {
  line-height: 1.5;
}
.kd-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(--kd-c-radio-square-sizing-height, 32px);
  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-left: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: var(--kd-c-radio-button-label-max-width);
}
.kd-radio-button:first-child {
  border-radius: 2px 0 0 2px;
  border-left: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-radio-button:first-child::before {
  content: none;
}
.kd-radio-button:last-child {
  border-radius: 0 2px 2px 0;
}
.kd-radio-button::before {
  z-index: 10;
  position: absolute;
  top: calc(-1 * var(--kd-c-radio-radius-border-width, 1px));
  left: calc(-1 * var(--kd-c-radio-radius-border-width, 1px));
  height: var(--kd-c-radio-square-sizing-height, 32px);
  width: var(--kd-c-radio-radius-border-width, 1px);
  content: '';
  background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-radio-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.kd-radio-button-input[disabled] {
  cursor: not-allowed;
}
.kd-radio-button:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-button-checked {
  z-index: 1;
  color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-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);
}
.kd-radio-button-checked:hover {
  color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
}
.kd-radio-button-checked:not(.kd-radio-button-disabled)::before {
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-button-checked:first-child {
  border-left-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-button-checked:first-child::before {
  content: none;
}
.kd-radio-button-checked + .kd-radio-button::before {
  content: none;
}
.kd-radio-button-checked.kd-radio-button-disabled {
  background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-left-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kd-radio-button-disabled,
.kd-radio-button-disabled:hover {
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kd-radio-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.5;
}
.kd-radio-rtl {
  direction: rtl;
}
.kd-radio-rtl.kd-radio {
  text-align: right;
  padding-right: var(--kd-c-radio-square-sizing-width-height, 14px);
  padding-left: 0;
  margin-left: var(--kd-c-radio-spacing-margin-right, 8px);
  margin-right: 0;
}
.kd-radio-rtl.kd-radio .kd-radio-input {
  right: 0;
  left: auto;
}
.kd-radio-rtl.kd-radio .kd-radio-checked::after {
  right: 2px;
  left: auto;
}
.kd-radio-rtl.kd-radio::before {
  right: 0;
  left: auto;
}
.kd-radio-rtl.kd-radio::after {
  right: 2px;
  left: auto;
}
.kd-radio-button-rtl {
  direction: rtl;
}
.kd-radio-button-rtl.kd-radio-button {
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-right: none;
}
.kd-radio-button-rtl.kd-radio-button.kd-radio-button:first-child {
  border-radius: 0 2px 2px 0;
  border-right: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-radio-button-rtl.kd-radio-button.kd-radio-button:first-child::before {
  content: none;
}
.kd-radio-button-rtl.kd-radio-button.kd-radio-button:last-child {
  border-radius: 2px 0 0 2px;
}
.kd-radio-square-rtl {
  direction: rtl;
}
.kd-radio-square-rtl.kd-radio-square {
  margin-left: var(--kd-c-radio-spacing-margin-right, 8px);
  margin-right: 0;
}
.kd-radio-square-rtl.kd-radio-square.kd-radio-square::after {
  left: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  right: auto;
}
.kd-radio-square-rtl.kd-radio-square.kd-radio-square-checked .kd-radio-square-checked::after {
  left: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  right: auto;
}
.kd-radio-group-rtl {
  direction: rtl;
}
/*! rtl:end:ignore */