.skelenton-suggest__title {
  display: flex;
}
.skelenton-suggest__title-item {
  width: 48px;
  height: 16px;
  background: var(--common-background);
  border-radius: 2px;
}
.skelenton-suggest__title-refresh {
  margin-left: 9px;
  color: #417FF9;
  fill: #417FF9;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: MicrosoftYaHei;
}
.skelenton-suggest__title-refresh svg {
  margin-right: 4px;
}
.skelenton-suggest__title-refresh:hover {
  color: #1F72F1;
  fill: #1F72F1;
}
.skelenton-suggest__title-refresh:active {
  color: #608DFA;
  fill: #608DFA;
}
.skelenton-suggest__app {
  margin-top: 11px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.skelenton-suggest__app-item {
  flex: 1 1;
  height: 40px;
  background: var(--common-background);
  border-radius: 2px;
  margin-left: 16px;
}
.skelenton-suggest__app-item:nth-child(1) {
  margin-left: 0;
}
.skelenton-suggest__moban {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.skelenton-suggest__moban-item {
  flex: 1 1;
  height: 56px;
  background: rgba(198, 206, 214, 0.2);
  border-radius: 2px;
  margin-left: 16px;
}
.skelenton-suggest__moban-item:nth-child(1) {
  margin-left: 0;
}
.skelenton-suggest__moban-item--loading {
  background: linear-gradient(90deg, rgba(179, 189, 199, 0.1) 25%, rgba(228, 232, 236, 0.1) 37%, rgba(179, 189, 199, 0.1));
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}

.tabs {
  position: relative;
  display: flex;
  padding: 0 24px;
  height: 32px;
  margin-left: -5px;
}
.tabs__item {
  height: 32px;
  line-height: 32px;
  margin-right: 21px;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
  padding: 0 5px;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tabs__item--active {
  color: var(--common-text-active-color);
  font-weight: 600;
}
.tabs__item:not(.tabs__item--active):hover {
  background-color: var(--common-item-hover-color);
}
.tabs__item:not(.tabs__item--active):active {
  background-color: var(--common-item-active-color);
}
.tabs__ink-bar {
  position: absolute;
  height: 2px;
  border-radius: 2px;
  bottom: 0;
  background-color: var(--common-line-active-color);
  width: 28px;
  left: 50%;
  margin-left: -14px;
  display: none;
}
.tabs #tab_full_text_search {
  position: relative;
}
.tabs #tab_full_text_search .fulltext-search__vip {
  position: absolute;
  right: -18px;
  top: 3px;
}
.tabs__item--active .tabs__ink-bar {
  display: block !important;
}

.recent-search {
  position: relative;
  padding: 0;
}
.recent-search__close,
.recent-search__more-btn-label {
  color: var(--common-secondary-text);
  line-height: 26px;
  height: 26px;
  padding: 0 4px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}
.recent-search__close:hover,
.recent-search__more-btn-label:hover {
  background-color: var(--common-item-hover-color);
}
.recent-search__close:active,
.recent-search__more-btn-label:active {
  background-color: var(--common-item-active-color);
}
.recent-search__hd {
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recent-search__title {
  padding-left: 12px;
  font-weight: 600;
  color: var(--common-title-color);
}
.recent-search__more-btn {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  position: relative;
  left: -5px;
}
.recent-search__list__label {
  margin-left: 9px;
}
.recent-search__line {
  background-color: var(--common-border-color);
  height: 1px;
  margin: 8px 12px 8px;
}
.recent-search__item {
  line-height: 40px;
  height: 40px;
  border-radius: 8px;
  padding: 0 12px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recent-search__item svg {
  position: relative;
  top: 2px;
}
.recent-search__item:hover {
  background-color: var(--common-item-hover-color);
}
.recent-search__item:active {
  background-color: var(--common-item-active-color);
}

.avatar {
  flex: none;
  width: 32px;
  height: 32px;
  line-height: 0;
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}
.avatar__img {
  width: 50%;
  height: 50%;
}
.avatar_text_bg {
  width: 32px;
  height: 32px;
  background-image: url('skinimg://skin/icon/defaultThemeArea/96/96/ksearchpanel_teamlist_default_avatar');
  background-image: var(--ksearchpanel_teamlist_default_avatar, url('skinimg://skin/icon/defaultThemeArea/96/96/ksearchpanel_teamlist_default_avatar'));
  background-size: 100% 100%;
  margin-right: 10px;
}
.avatar_img_nogood {
  border-radius: 2px;
  overflow: hidden;
  width: 28px !important;
  height: 28px !important;
  margin-left: 2px;
}

.recent-open {
  position: relative;
  margin-bottom: 16px;
}
.recent-open__close {
  position: absolute;
  top: 3px;
  right: 0;
  color: var(--common-secondary-text);
  font-size: 11px;
  line-height: 16px;
  cursor: pointer;
}
.recent-open__title {
  height: 22px;
  line-height: 22px;
  font-weight: 600;
  color: var(--common-title-color);
}
.recent-open__list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  max-height: 96px;
  overflow: hidden;
}
.recent-open__item {
  display: flex;
  align-items: center;
  flex: 1 1;
  min-width: 180px;
  max-width: 278px;
  height: 40px;
  padding: 9px;
  margin-right: 16px;
  margin-top: 8px;
  box-sizing: border-box;
  border: 1px solid var(--common-border-color);
  border-radius: 2px;
  cursor: pointer;
}
.recent-open__item > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.recent-open__item:not(.recent-open__item--placeholder):hover {
  background-color: var(--common-background-hover);
}
.recent-open__item:not(.recent-open__item--placeholder):active {
  background-color: var(--common-background-active);
}
.recent-open__item--placeholder {
  border-color: transparent;
  cursor: default;
}
.recent-open__avatar {
  margin-right: 9px;
  width: 24px;
  height: 24px;
  flex: none;
}

.search-suggest__title {
  height: 30px;
  line-height: 30px;
  font-weight: 600;
  color: var(--common-title-color);
}
.search-suggest__app-list {
  display: flex;
  overflow: hidden;
  margin-right: -16px;
  flex-wrap: wrap;
  height: 48px;
}
.search-suggest__app-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex: 1 1;
  min-width: 180px;
  max-width: 278px;
  height: 48px;
  padding: 9px;
  margin-right: 16px;
  border-radius: 6px;
  cursor: pointer;
  background-color: var(--common-item-plate-color);
}
.search-suggest__app-item > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.search-suggest__app-item--placeholder {
  border-color: transparent;
  cursor: default;
}
.search-suggest__app-item:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: none;
}
.search-suggest__app-item:hover::before {
  display: block;
}
.search-suggest__app-item:hover {
  background-color: var(--common-item-hover-color);
}
.search-suggest__app-item:active {
  background-color: var(--common-item-active-color);
}
.search-suggest__app-avatar {
  flex: none;
  width: 20px;
  height: 20px;
  margin-right: 9px;
}
.search-suggest__moban-list {
  display: flex;
  overflow: hidden;
  margin-right: -16px;
  flex-wrap: wrap;
  height: 62px;
}
.search-suggest__moban-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex: 1 1;
  min-width: 180px;
  max-width: 278px;
  height: 54px;
  padding: 0 15px;
  margin-right: 16px;
  margin-top: 8px;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
}
.search-suggest__moban-item > div {
  overflow: hidden;
}
.search-suggest__moban-item--placeholder {
  border-color: transparent;
  cursor: default;
}
.search-suggest__moban-item:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--common-panel-item-hover-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: none;
}
.search-suggest__moban-item:hover::before {
  display: block;
}
.search-suggest__moban-item:active::before {
  background-color: var(--common-panel-item-active-color);
}
.search-suggest__moban-avatar {
  width: 48px;
  height: 48px;
  margin-right: 13px;
  flex: none;
}
.search-suggest__moban-name {
  color: var(--common-content-name-text);
  line-height: 16px;
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.search-suggest__moban-desc {
  color: var(--common-content-file-label-text);
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.skeleton-block {
  border-radius: 4px;
  background: var(--common-button-secondary-background-active);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}

.skeleton__right {
  flex: 3 1;
  padding: 40px;
}
.skeleton__preview {
  height: 230px;
  margin-bottom: 4px;
}
.skeleton__desc {
  height: 12px;
  margin-top: 32px;
}
.skeleton__desc:last-of-type {
  width: 60%;
}

.web-view {
  position: relative;
  flex: 1 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.web-view > iframe {
  border: none;
  width: 100%;
  height: 100%;
  flex: 1 1;
}
.web-view .skeleton__right {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--common-background);
}

.webview-keep-alive {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: calc(100% - 48px);
}
.webview-keep-alive.webview__full_text_search {
  top: 88px;
  height: calc(100% - 88px);
}

.skeleton {
  display: flex;
  flex: 1 1;
}
.skeleton__left {
  max-width: 480px;
  flex: 172 1;
  padding-right: 2px;
}
.skeleton__left_inner {
  padding: 30px 24px;
  padding-top: 0;
}
.skeleton__full {
  max-width: 100%;
}
.skeleton_right_wrapper {
  flex: 135 1;
  max-width: 480px;
  box-sizing: border-box;
}
.skeleton__item:not(:last-of-type) {
  margin-bottom: 24px;
}
.skeleton__title {
  width: 60px;
  height: 16px;
}
.skeleton__info {
  display: flex;
  align-items: center;
  margin-top: 18px;
}
.skeleton__info__name {
  width: 250px;
  height: 16px;
}
.skeleton__info__sum__submark {
  display: flex;
}
.skeleton__info__sum {
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
}
.skeleton__info__path,
.skeleton__info__modify {
  height: 12px;
  width: 80px;
}
.skeleton__info__creator {
  height: 12px;
  width: 112px;
  margin-left: 24px;
  margin-right: 100px;
}
.skeleton__icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.skeleton__text {
  flex: 1 1;
  height: 12px;
}
.skeleton__content {
  flex: 1 1;
}
.search-result__list-content .skeleton__left_inner {
  padding: 30px 12px;
}

.kd-tooltip {
  z-index: var(--kd-z-index-tip);
  color: var(--kd-color-inverse-base);
  background: var(--kd-color-feedback-regular);
  border: 1px solid var(--kd-color-feedback-regular);
  border-radius: var(--kd-border-radius-middle);
}
.kd-tooltip-content {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 20px;
  color: var(--kd-color-inverse-base);
  word-break: normal;
  overflow-wrap: anywhere;
  word-wrap: break-word;
  white-space: normal;
  box-sizing: border-box;
}
.kd-tooltip-content .kd-tooltip-text {
  white-space: pre;
}
.kd-tooltip-content.is-dark {
  color: var(--kd-color-inverse-base);
  background: var(--kd-color-feedback-regular);
  border: 1px solid var(--kd-color-feedback-regular);
}
.kd-tooltip-content.is-light {
  color: var(--kd-color-text-primary);
  background: rgba(var(--kd-color-white), 1);
  border: 1px solid var(--kd-color-line-regular);
  box-shadow: var(--kd-box-shadow-large);
}
.kd-tooltip-content .kd-tooltip-auto-wrap {
  word-break: normal;
  white-space: pre-wrap;
}
.kd-tooltip-arrow {
  background: var(--kd-color-feedback-regular);
  border-color: var(--kd-color-feedback-regular);
}
.is-dark .kd-tooltip-arrow {
  border-color: var(--kd-color-feedback-regular);
  background-color: var(--kd-color-feedback-regular);
}
.is-light .kd-tooltip-arrow {
  color: var(--kd-color-text-primary);
  background: rgba(var(--kd-color-white), 1);
  border-color: var(--kd-color-line-regular);
}

.kd-popover {
  z-index: var(--kd-z-index-popover);
  background: rgba(var(--kd-color-white), 1);
  border: 1px solid var(--kd-color-line-regular);
  box-shadow: var(--kd-box-shadow-large);
  border-radius: var(--kd-border-radius-middle);
}
.kd-popover-content {
  padding: 16px;
  font-size: 14px;
  line-height: 22px;
  color: var(--kd-color-text-primary);
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  box-sizing: border-box;
}
.kd-popover-content .kd-popover-text {
  white-space: pre;
}
.kd-popover-content .kd-popover-auto-wrap {
  word-break: normal;
  white-space: pre-wrap;
}
.kd-popover-arrow {
  background: rgba(var(--kd-color-white), 1);
  border-color: var(--kd-color-line-regular);
}
@keyframes kd-popover-animation {
  0% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@keyframes kd-popper-animation {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.kd-popper-fade-appear-active {
  animation: kd-popper-animation 0.1s ease;
}
.kd-popper-fade-exit {
  animation: kd-popper-animation 0.1s ease;
}
.kd-popup-arrow {
  position: absolute;
  width: 11px;
  height: 11px;
  border-top-right-radius: 4px;
  border-style: solid;
  border-width: 1px 1px 0 0;
}
[x-placement^='bottom'] .kd-popup-arrow {
  top: -6.5px;
  transform: rotate(-45deg);
}
[x-placement^='top'] .kd-popup-arrow {
  bottom: -6.5px;
  transform: rotate(135deg);
}
[x-placement^='left'] .kd-popup-arrow {
  right: -6.5px;
  transform: rotate(45deg);
}
[x-placement^='right'] .kd-popup-arrow {
  left: -6.5px;
  transform: rotate(-135deg);
}

.file-tag {
  box-sizing: border-box;
  height: 18px;
  min-width: 27px;
  border: 1px solid var(--KWebStartpageRightV2CommonPalette-ctl-border-01);
  border-radius: 10px;
  padding: 0 6px;
  text-align: center;
  margin-right: 6px;
  color: var(--common-item-desc-text);
  position: relative;
}
.file-tag.highlight {
  color: var(--KWebStartpageRightV2CommonPalette-theme-common-01);
  border-color: var(--KWebStartpageRightV2CommonPalette-theme-common-01);
}
.file-tag:last-of-type {
  margin-right: 0;
}
.file-tag:last-child .file-tag-ellipsis {
  display: none;
}
.file-tag .tag-text {
  display: inline-block;
  line-height: 16px;
  font-size: 12px;
  transform: scale(0.917);
  position: relative;
  top: -1px;
}

.com-multiline-tags {
  position: relative;
}
.com-multiline-tags .tag-ellipsis {
  display: flex;
  align-items: center;
  text-align: center;
  height: 18px;
  box-sizing: border-box;
  border: 1px solid var(--KWebStartpageRightV2CommonPalette-ctl-border-01);
  border-radius: 10px;
  padding: 0 6px;
  cursor: pointer;
}

/*
 * @summary 引导条目的公共样式
 * @author zhouzhi <zhouzhi@wps.cn>
 * Created at Thu Mar 17 2022 下午3:15:30
 * Copyright (c) 2022 KSO
 */
.fsg-wrapper {
  box-sizing: border-box;
  margin: 16px 12px 0;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--common-division-color);
}
.fsg-wrapper .fsg-container {
  padding-left: 12px;
  border-radius: 8px;
  width: inherit;
  margin-right: 12px;
}
.fsg-wrapper .fsg-container:hover {
  background-color: var(--common-item-hover-color);
}
.fsg-wrapper .fsg-container:active {
  background-color: var(--common-item-active-color);
}
.fsg-container {
  height: 58px;
  width: 100%;
  cursor: pointer;
}
.fsg-container .fsg-logo-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.fsg-container .fsg-main {
  width: 0;
}
.fsg-container .fsg-vip-icon {
  margin-left: 6px;
}
.fsg-container.fsg-title {
  font-size: 13px;
  color: var(--common-content-name-text);
}
.fsg-container .fsg-desc {
  color: var(--common-item-desc-text);
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}
.fsg-container .fsg-desc span {
  color: var(--common-button-primary-background);
}
.svp-btn {
  background-color: var(--svp-btn-bg-normal);
  border-color: var(--svp-btn-bg-normal);
  color: var(--svp-btn-text);
}
.svp-btn:hover {
  background-color: var(--svp-btn-bg-hover);
  border-color: var(--svp-btn-bg-hover);
}
.svp-btn:active {
  background-color: var(--svp-btn-bg-pressed);
  border-color: var(--svp-btn-bg-pressed);
}
.box-vip-nokeyword-guid {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  flex-direction: column;
}
.box-vip-nokeyword-guid .box-vip-btn {
  display: flex;
  justify-content: center;
}
.box-vip-nokeyword-guid .text {
  text-align: center;
  margin: 8px 0;
}
.box-vip-nokeyword-guid .large {
  width: 182px;
}
html[lang="en"] .box-vip-nokeyword-guid .large {
  width: 320px;
}

.kd-button {
  position: relative;
  display: inline-flex;
  margin: 0;
  font-family: inherit;
  font-size: var(--kd-font-size-base);
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--kd-border-radius-middle);
  outline: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.kd-button .kd-icon {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.kd-button .kd-button-children {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kd-icon + .kd-button-children,
.kd-button-children + .kd-button-suffix-icon {
  margin-left: 4px;
}
.kd-button[disabled] {
  cursor: not-allowed;
}
.kd-button-loading {
  pointer-events: none;
  cursor: unset;
}
.kd-button[disabled],
.kd-button-loading {
  opacity: var(--kd-opacity-disabled);
}
.kd-button-sm {
  height: 24px;
  padding: 0 5px;
  border-radius: var(--kd-border-radius-small);
}
.kd-button-m {
  height: 28px;
  padding: 2px 7px;
}
.kd-button-lg {
  height: 32px;
  padding: 4px 15px;
}
.kd-button-xl {
  height: 36px;
  padding: 6px 19px;
  font-size: var(--kd-font-size-middle);
}
.kd-button-light.is-compact,
.kd-button-icon.is-compact {
  padding: 2px;
}
.kd-button-primary {
  color: rgba(var(--kd-color-white), 1);
  background: var(--kd-color-public-normal);
}
.kd-button-primary:hover {
  background: var(--kd-color-public-hover);
}
.kd-button-primary:active {
  background: var(--kd-color-public-pressed);
}
.kd-button-primary .kd-button-children.pure {
  min-width: 40px;
}
.kd-button-primary.is-active {
  background: var(--kd-color-public-pressed);
}
.kd-button-primary[disabled],
.kd-button-primary.kd-button-loading {
  background: var(--kd-color-public-normal);
}
.kd-button-primary.kd-button-danger {
  background: var(--kd-color-error-normal);
}
.kd-button-primary.kd-button-danger:hover {
  background: var(--kd-color-error-hover);
}
.kd-button-primary.kd-button-danger:active {
  background: var(--kd-color-error-pressed);
}
.kd-button-primary.kd-button-danger.is-active {
  background: var(--kd-color-error-pressed);
}
.kd-button-primary.kd-button-danger[disabled],
.kd-button-primary.kd-button-danger.kd-button-loading {
  background: var(--kd-color-error-normal);
}
.kd-button-primary.kd-button-dropdown .icon-dropdown {
  color: rgba(var(--kd-color-white), 1);
}
.kd-button-secondary {
  color: var(--kd-color-text-primary);
  background: var(--kd-color-fill-base);
  border: 1px solid var(--kd-color-line-regular);
  border-bottom-color: var(--kd-color-line-medium);
}
.kd-button-secondary:hover {
  background: var(--kd-color-fill-light);
}
.kd-button-secondary:active {
  background: var(--kd-color-fill-regular);
}
.kd-button-secondary .kd-button-children.pure {
  min-width: 40px;
}
.kd-button-secondary.is-active {
  color: var(--kd-color-text-primary);
  background: var(--kd-color-fill-light);
}
.kd-button-secondary[disabled],
.kd-button-secondary.kd-button-loading {
  background: var(--kd-color-fill-regular);
  border: 1px solid var(--kd-color-line-medium);
  box-shadow: none;
}
.kd-button-secondary.kd-button-highlight {
  color: var(--kd-color-text-public);
  border: 1px solid var(--kd-color-line-public);
  box-shadow: none;
}
.kd-button-secondary.kd-button-highlight:hover {
  background: var(--kd-color-fill-light);
}
.kd-button-secondary.kd-button-highlight:active {
  background: var(--kd-color-fill-regular);
}
.kd-button-secondary.kd-button-highlight.is-active {
  color: var(--kd-color-text-public);
  background: var(--kd-color-state-pressed-public);
}
.kd-button-secondary.kd-button-highlight[disabled] {
  background: var(--kd-color-fill-base);
}
.kd-button-secondary.kd-button-danger {
  box-shadow: none;
  color: var(--kd-color-error-normal);
  border-color: var(--kd-color-line-error);
}
.kd-button-secondary.kd-button-danger:hover {
  background: var(--kd-color-fill-light);
}
.kd-button-secondary.kd-button-danger:active {
  background: var(--kd-color-fill-regular);
}
.kd-button-secondary.kd-button-danger.is-active {
  color: var(--kd-color-error-normal);
}
.kd-button-secondary.kd-button-danger[disabled],
.kd-button-secondary.kd-button-danger.kd-button-loading {
  background: var(--kd-color-fill-base);
}
.kd-button-light {
  color: var(--kd-color-text-primary);
}
.kd-button-light:hover {
  background: var(--kd-color-state-hover);
}
.kd-button-light:active {
  background: var(--kd-color-state-pressed);
}
.kd-button-light.is-compact {
  height: 26px;
}
.kd-button-light.is-active {
  color: var(--kd-color-text-primary);
  background-color: var(--kd-color-state-pressed);
}
.kd-button-light[disabled],
.kd-button-light.kd-button-loading {
  background: transparent;
}
.kd-button-light.kd-button-highlight {
  color: var(--kd-color-text-public);
}
.kd-button-light.kd-button-highlight.is-active {
  color: var(--kd-color-text-public);
  background-color: var(--kd-color-state-pressed-public);
}
.kd-button-light.kd-button-danger {
  color: var(--kd-color-error-normal);
}
.kd-button-icon {
  min-width: unset;
  padding: 5px;
}
.kd-button-icon[disabled] {
  background: transparent;
}
.kd-button-icon.kd-button-dropdown {
  padding-right: 2px;
}
.kd-button-icon.kd-button-sm,
.kd-button-icon.kd-button-sm.kd-button-dropdown {
  min-width: 24px;
  padding: 3px;
}
.kd-button-icon.kd-button-m,
.kd-button-icon.kd-button-m.kd-button-dropdown {
  min-width: 28px;
  padding: 5px;
}
.kd-button-icon.kd-button-lg,
.kd-button-icon.kd-button-lg.kd-button-dropdown {
  min-width: 32px;
  padding: 7px;
}
.kd-button-icon.kd-button-xl,
.kd-button-icon.kd-button-xl.kd-button-dropdown {
  min-width: 36px;
  padding: 9px;
}
.kd-button-dropdown.kd-button-sm,
.kd-button-dropdown.kd-button-m {
  padding-right: 3px;
}
.kd-button-dropdown.kd-button-lg {
  padding-right: 11px;
}
.kd-button-dropdown.kd-button-xl {
  padding-right: 15px;
}
.kd-button-dropdown .kd-button-children,
.kd-button-dropdown.kd-button-icon > .kd-icon:nth-child(1) {
  margin-right: 4px;
}
.kd-button-dropdown.kd-button-highlight .icon-dropdown {
  color: var(--kd-color-icon-public);
}
.kd-button-dropdown.kd-button-danger .icon-dropdown {
  color: inherit;
}
.kd-button-dropdown .icon-dropdown {
  width: 12px;
  height: 12px;
  margin-right: 0;
  margin-left: auto;
  color: var(--kd-color-icon-secondary);
  transition: transform 0.3s ease;
}
.kd-button-dropdown.is-active .icon-dropdown.is-spin {
  transform: rotate(-180deg);
}
.kd-button-group {
  display: inline-flex;
  align-items: stretch;
}
.kd-button-group .kd-button {
  margin-right: -1px;
}
.kd-button-group .kd-button + .kd-button {
  margin-left: 0;
}
.kd-button-group .kd-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kd-button-group .kd-button:last-child {
  margin-right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.kd-button-group .kd-button-mid {
  border-radius: 0;
}
.kd-button-group.no-split .kd-button {
  margin-right: 0;
}
.kd-button-group.no-split .kd-button-mid {
  border-left: none;
  border-right: none;
}
.kd-button-group.no-split .kd-button:first-child {
  border-right: 0;
}
.kd-button-group.no-split .kd-button:last-child {
  border-left: 0;
}
@media (any-hover: none) {
  .kd-button-primary:hover {
    background: var(--kd-color-public-normal);
  }
  .kd-button-primary:active {
    background: var(--kd-color-public-pressed);
  }
  .kd-button-primary.is-active {
    background: var(--kd-color-public-pressed);
  }
  .kd-button-primary.kd-button-danger:hover {
    background: var(--kd-color-error-normal);
  }
  .kd-button-primary.kd-button-danger:active {
    background: var(--kd-color-error-pressed);
  }
  .kd-button-primary.kd-button-danger.is-active {
    background: var(--kd-color-error-pressed);
  }
  .kd-button-secondary:hover {
    background: var(--kd-color-fill-base);
  }
  .kd-button-secondary:active {
    background: var(--kd-color-fill-regular);
  }
  .kd-button-secondary.is-active {
    color: var(--kd-color-text-primary);
    background: var(--kd-color-fill-light);
  }
  .kd-button-secondary.kd-button-highlight {
    color: var(--kd-color-text-public);
  }
  .kd-button-secondary.kd-button-highlight.is-active {
    color: var(--kd-color-text-public);
    background: var(--kd-color-state-pressed-public);
  }
  .kd-button-secondary.kd-button-highlight:hover {
    background: var(--kd-color-fill-base);
  }
  .kd-button-secondary.kd-button-highlight:active {
    background: var(--kd-color-fill-regular);
  }
  .kd-button-secondary.kd-button-danger:hover {
    background: var(--kd-color-fill-base);
  }
  .kd-button-secondary.kd-button-danger:active {
    background: var(--kd-color-fill-regular);
  }
  .kd-button-secondary.kd-button-danger.is-active {
    color: var(--kd-color-error-normal);
  }
  .kd-button-light:hover {
    background: transparent;
  }
  .kd-button-light:active {
    background: var(--kd-color-state-pressed);
  }
  .kd-button-light.is-active {
    color: var(--kd-color-text-primary);
    background-color: var(--kd-color-state-pressed);
  }
  .kd-button-light.kd-button-highlight:hover {
    background: transparent;
  }
  .kd-button-light.kd-button-highlight:active {
    background: var(--kd-color-state-pressed);
  }
  .kd-button-light.kd-button-highlight.is-active {
    color: var(--kd-color-text-public);
    background-color: var(--kd-color-state-pressed-public);
  }
  .kd-button-light.kd-button-danger:hover {
    background: transparent;
  }
  .kd-button-light.kd-button-danger:active {
    background: var(--kd-color-state-pressed);
  }
}

.kd-icon-loading {
  animation: 0.8s spinning linear infinite;
}
.kd-icon-loading svg {
  animation: none !important;
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.kd-icon {
  display: inline-block;
  font-size: 0;
  line-height: 1;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*
 * @summary 引导条目的公共样式
 * @author zhouzhi <zhouzhi@wps.cn>
 * Created at Thu Mar 17 2022 下午3:15:30
 * Copyright (c) 2022 KSO
 */
.fsg-wrapper {
  box-sizing: border-box;
  margin: 16px 12px 0;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--common-division-color);
}
.fsg-wrapper .fsg-container {
  padding-left: 12px;
  border-radius: 8px;
  width: inherit;
  margin-right: 12px;
}
.fsg-wrapper .fsg-container:hover {
  background-color: var(--common-item-hover-color);
}
.fsg-wrapper .fsg-container:active {
  background-color: var(--common-item-active-color);
}
.fsg-container {
  height: 58px;
  width: 100%;
  cursor: pointer;
}
.fsg-container .fsg-logo-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.fsg-container .fsg-main {
  width: 0;
}
.fsg-container .fsg-vip-icon {
  margin-left: 6px;
}
.fsg-container.fsg-title {
  font-size: 13px;
  color: var(--common-content-name-text);
}
.fsg-container .fsg-desc {
  color: var(--common-item-desc-text);
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}
.fsg-container .fsg-desc span {
  color: var(--common-button-primary-background);
}
.svp-btn {
  background-color: var(--svp-btn-bg-normal);
  border-color: var(--svp-btn-bg-normal);
  color: var(--svp-btn-text);
}
.svp-btn:hover {
  background-color: var(--svp-btn-bg-hover);
  border-color: var(--svp-btn-bg-hover);
}
.svp-btn:active {
  background-color: var(--svp-btn-bg-pressed);
  border-color: var(--svp-btn-bg-pressed);
}
.box-vip-nokeyword-guid {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  flex-direction: column;
}
.box-vip-nokeyword-guid .box-vip-btn {
  display: flex;
  justify-content: center;
}
.box-vip-nokeyword-guid .text {
  text-align: center;
  margin: 8px 0;
}
.box-vip-nokeyword-guid .large {
  width: 182px;
}
html[lang="en"] .box-vip-nokeyword-guid .large {
  width: 320px;
}

.common-highlight-style {
  background-color: var(--common-hightlight-background);
  border: 1px solid var(--common-hightlight-border);
  line-height: 20px;
  border-radius: 2px;
  box-sizing: border-box;
  font-style: normal;
  vertical-align: baseline;
}
.search-item {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex: 1 1;
}
.search-item__avatar {
  flex: none;
}
.search-item__content {
  overflow: hidden;
  flex: 1 1;
  margin-right: 8px;
}
.search-item__line {
  position: relative;
}
.search-item__line::after {
  content: '';
  display: block;
  position: absolute;
  right: 12px;
  height: 1px;
  background-color: var(--common-border-color);
  top: 0px;
  left: 36px;
}
.search-item__name {
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px;
}
.search-item__name--inner em,
.search-item__name .highlight {
  background-color: var(--common-hightlight-background);
  border: 1px solid var(--common-hightlight-border);
  line-height: 20px;
  border-radius: 2px;
  box-sizing: border-box;
  font-style: normal;
  vertical-align: baseline;
}
.search-item__public .search-item__name span:hover,
.search-item__public .double-line-item__desc-location span:hover {
  color: var(--common-text-active-color);
  cursor: pointer;
}
.search-item__openPos--disabled .double-line-item__desc-location span:hover {
  color: var(--common-secondary-text) !important;
  cursor: default !important;
}
.search-item__preview-wrapper {
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  background-color: var(--common-item-hover-color);
}
.search-item__preview-wrapper:hover {
  background-color: var(--common-item-active-color) !important;
}
.search-item__preview-wrapper:active {
  background-color: var(--common-item-arrow-active-color) !important;
}
.search-item__preview {
  color: var(--common-icon-color);
}
.search-item__preview-wrapper:hover .search-item__preview {
  color: var(--common-icon-hover-color);
}
.search-item__preview-wrapper:active .search-item__preview {
  color: var(--common-icon-active-color);
}
.search-item .source-wrapper {
  flex-shrink: 0;
  margin-left: 8px;
  color: var(--common-secondary-text);
}
.search-item .item-tags-wrapper {
  max-height: 18px;
  margin-left: 8px;
  overflow: hidden;
}
.single-line-item {
  height: 40px;
  cursor: pointer;
}
.single-line-item__avatar {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.double-line-item {
  height: 58px;
}
.double-line-item__avatar {
  margin-right: 12px;
  width: 24px;
  height: 24px;
}
.double-line-item__avatar svg {
  width: 24px;
  height: 24px;
}
.double-line-item__icon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  flex: none;
}
.double-line-item__name {
  line-height: 22px;
  color: var(--common-content-name-text);
  font-size: 14px;
}
.double-line-item .item-metadata-cnt {
  height: 20px;
}
.double-line-item__desc {
  color: var(--common-secondary-text);
  line-height: 20px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  width: 100%;
  position: relative;
}
.double-line-item__desc > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.double-line-item__desc-creator,
.double-line-item__desc-location,
.double-line-item__desc-modify {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.double-line-item__desc-modify {
  padding-left: 16px;
}
.double-line-item__desc-creator {
  width: 20%;
  position: absolute;
  right: 32px;
}
.double-line-item__desc-creator em {
  background-color: var(--common-hightlight-background);
  border: 1px solid var(--common-hightlight-border);
  line-height: 20px;
  border-radius: 2px;
  box-sizing: border-box;
  font-style: normal;
  vertical-align: baseline;
  line-height: 18px;
}
.moban-item {
  cursor: pointer;
  height: 80px;
}
.moban-item__name {
  line-height: 22px;
  color: var(--common-content-name-text);
  font-size: 14px;
}
.moban-item__img {
  width: 56px;
  height: 56px;
  border: 1px solid var(--common-division-color);
  border-radius: 6px;
  box-sizing: border-box;
  margin-right: 12px;
  flex: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--common-background);
}
.moban-item__avatar {
  max-width: 100%;
  max-height: 100%;
}
.moban-item__header {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
.moban-item__icon {
  margin-right: 2px;
  flex: none;
  margin-left: 2px;
}
.moban-item__icon--docer {
  width: 15px;
  height: 15px;
}
.moban-item__icon--free {
  width: 13px;
  height: 13px;
}
.moban-item__new-icon {
  margin-right: 2px;
  flex: none;
  margin-left: 6px;
}
.moban-item__new-icon--docer,
.moban-item__new-icon--free {
  width: 16px;
  height: 16px;
}
.moban-item__type {
  line-height: 24px;
  height: 24px;
  padding: 0 6px;
  margin-right: 7px;
  font-size: 12px;
  color: var(--common-secondary-text);
  border-radius: 4px;
  white-space: nowrap;
  box-sizing: border-box;
  display: inline-block;
}
.moban-item__type--wps {
  background-color: var(--common-color-state-pressed-public);
  color: var(--common-color-text-public);
}
.moban-item__type--et {
  background-color: var(--common-color-success-light);
  color: var(--common-color-success-normal);
}
.moban-item__type--wpp {
  background-color: var(--common-color-highlight-light);
  color: var(--common-color-highlight-normal);
}
.moban-item__type--pdf {
  background-color: var(--common-color-error-light);
  color: var(--common-color-error-normal);
}
.moban-item__tags {
  line-height: 22px;
  color: var(--common-secondary-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.library-item {
  padding-left: 36px;
  position: relative;
  cursor: pointer;
}
.library-item * {
  font-family: 'PingFang SC' !important;
}
.library-item .moban-item__name {
  line-height: 22px;
}
.library-item .moban-item__icon {
  width: 16px;
  height: 16px;
}
.library-item__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: 17px;
}
.library-item__desc {
  line-height: 20px;
  height: 20px;
  color: var(--common-secondary-text);
  font-size: 12px;
}
.library-item__desc em {
  display: inline-block;
  border-radius: 1px;
  line-height: 18px;
  vertical-align: baseline;
}
.library-item__bottom {
  color: var(--common-input-placeholder-text);
}
html[lang="en-US"] .double-line-item__desc-modify span::after {
  content: ' ';
}
html[lang="en-US"] .double-line-item__desc-creator span::after {
  content: ' ';
}

.search-result__line {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--common-division-color);
}
.search-list-label__tips {
  display: inline-block;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  color: var(--common-item-desc-text);
  height: 22px;
  line-height: 22px;
}
.search-mark__bg {
  height: 172px;
}
.SlideIn-appear {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  opacity: 1;
}
.SlideIn-appear.SlideIn-appear-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: all 0.6s linear;
}
.list-appear {
  transform: translate3d(0, 8px, 0);
  opacity: 0;
}
.list-appear.list-appear-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s cubic-bezier(0.51, 0.17, 0.5, 1);
}
.local-leave {
  height: 172px;
  opacity: 1;
}
.local-leave.local-leave-active {
  height: 0;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.58, 0.01, 0.5, 1);
}
.item-third-appear {
  opacity: 0;
}
.item-third-appear.item-third-appear-active {
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.58, 0.01, 0.5, 1);
}
.item-second-appear {
  height: 172px;
  opacity: 0;
}
.item-second-appear.item-second-appear-active {
  height: 139px;
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.58, 0.01, 0.5, 1);
}
.item-first-appear {
  height: 172px;
  opacity: 0;
}
.item-first-appear.item-first-appear-active {
  height: 56px;
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.58, 0.01, 0.5, 1);
}
.SlideIn-leave {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
}
.SlideIn-leave.SlideIn-leave-active {
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  -webkit-transform: translate3d(0, -30px, 0);
  transition: all 0.6s linear;
}
.search-result__item:hover .search-result__item-more,
.search-result__item--active .search-result__item-more {
  visibility: visible;
}
.search-result__item-more-wrap {
  width: 32px;
  height: 32px;
  right: 12px;
  position: absolute;
}
.search-result__item-more {
  display: flex;
  visibility: hidden;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}
.search-result__item-more:hover,
.search-result__item-more--active {
  background-color: var(--common-item-active-color);
}
.search-result__context-menu {
  position: fixed;
  z-index: 999;
}

.kd-loading {
  display: flex;
  height: 24px;
  font-size: var(--kd-font-size-middle);
  line-height: 24px;
  justify-content: center;
}
.kd-loading-icon {
  display: flex;
  width: 24px;
  height: 24px;
  color: var(--kd-color-public-normal);
}
.kd-loading-custom {
  justify-content: center;
  align-items: center;
}
.kd-loading-text {
  height: 24px;
  margin-left: 12px;
}
.kd-loading-small {
  height: 16px;
  font-size: var(--kd-font-size-base);
  line-height: 16px;
}
.kd-loading-small .kd-loading-icon {
  width: 16px;
  height: 16px;
}
.kd-loading-small .kd-loading-text {
  height: 16px;
  margin-left: 8px;
}
.kd-loading-large {
  height: 48px;
  font-size: var(--kd-font-size-xx-large);
  line-height: 48px;
}
.kd-loading-large .kd-loading-icon {
  width: 48px;
  height: 48px;
}
.kd-loading-large .kd-loading-text {
  height: 48px;
  margin-left: 16px;
}
.kd-loading-vertical {
  flex-direction: column;
  height: auto;
  align-items: center;
}
.kd-loading-vertical .kd-loading-text {
  margin-top: 12px;
  margin-left: 0;
}
.kd-loading-vertical.kd-loading-small .kd-loading-text {
  margin-top: 8px;
}
.kd-loading-vertical.kd-loading-large .kd-loading-text {
  margin-top: 16px;
}
.kd-loading-container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.file {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 22px;
  flex: 1 1;
  height: 100%;
  padding-bottom: 48px;
}
.file__img {
  width: 96px;
  height: 96px;
  margin-bottom: 8px;
}
.file__name {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  max-height: 66px;
  overflow: hidden;
  padding: 0 24px;
  word-break: break-all;
  display: -webkit-box;
  color: var(--common-content-name-text);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.file__type {
  color: var(--common-content-file-label-text);
}
.file__desc {
  margin-top: 24px;
  padding: 0 24px;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}
.file__desc-item {
  display: flex;
}
.file__desc-label {
  color: var(--common-content-file-label-text);
  margin-right: 12px;
  white-space: nowrap;
}
.file__desc-path {
  word-break: break-all;
  max-height: 110px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}
.file__desc-value {
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file__desc-value.com-multiline-tags {
  max-height: 44px;
  overflow: hidden;
}
.file__desc-value.com-multiline-tags .file-tag {
  margin-top: 2px;
  margin-bottom: 2px;
}
.file__desc-value.com-multiline-tags .tag-ellipsis {
  margin: 2px 0 2px 0;
}
.file__footer {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  height: 24px;
}
.file__footer-btn {
  display: flex;
  align-items: center;
  margin-right: 8px;
  box-sizing: border-box;
  padding: 0 16px;
  border-radius: 12px;
  cursor: pointer;
  background-color: var(--common-button-primary-background);
  color: var(--common-button-primary-text);
}
.file__footer-btn > svg {
  margin-right: 2px;
}
.file__footer-btn--focus {
  border: 2px solid #90b5ff;
  padding: 0 14px;
}
.file__footer-btn:hover {
  background-color: var(--common-button-primary-background-hover);
}
.file__footer-btn:active {
  background-color: var(--common-button-primary-background-active);
}
.file__footer-btn--light {
  color: var(--common-color-text-primary);
  border: 1px solid var(--common-button-secondary-border);
  background-color: var(--common-button-secondary-background);
}
.file__footer-btn--light:hover {
  border-color: var(--common-button-secondary-border-hover);
  background-color: var(--common-button-secondary-background-hover);
}
.file__footer-btn--light:active {
  border-color: var(--common-button-secondary-border-active);
  background-color: var(--common-button-secondary-background-active);
}
.file__footer-btn--light.file__footer-btn--focus {
  border: 2px solid var(--common-button-secondary-border-focus);
  padding: 0 15px;
}
.file__footer-btn:last-of-type {
  margin-right: 0;
}
.folder {
  flex: 1 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-right: 2px;
}
.folder__list {
  overflow: hidden;
}
.folder--overflow .folder__list {
  overflow-y: auto;
}
.folder__header {
  border-bottom: 1px solid var(--common-division-color);
}
.folder__skeleton {
  padding: 6px 32px;
}
.folder__skeleton-item {
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.folder__skeleton-icon {
  width: 32px;
  height: 32px;
  border-radius: 2px;
  margin-right: 16px;
}
.folder__skeleton-name {
  flex: 1 1;
  height: 14px;
}
.folder-header {
  position: relative;
  display: flex;
  align-items: center;
  height: 58px;
  margin: 0 16px;
  box-sizing: content-box;
  flex: none;
}
.folder-header__avatar {
  margin-right: 12px;
  flex: none;
}
.folder-header__info {
  flex: 1 1;
  overflow: hidden;
  margin-right: 8px;
}
.folder-header__name {
  font-size: 14px;
  color: var(--common-content-name-text);
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.folder-header__path {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: var(--common-item-desc-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.folder-header__path > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.folder-header__open {
  flex: none;
  display: flex;
  align-items: center;
  background-color: var(--common-button-primary-background);
  color: var(--common-button-primary-text);
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  cursor: pointer;
}
.folder-header__open > svg {
  margin-right: 2px;
}
.folder-header__open:hover {
  background-color: var(--common-button-primary-background-hover);
}
.folder-header__open:active {
  background-color: var(--common-button-primary-background-active);
}
.folder-header__open--focus {
  border: 2px solid #90b5ff;
  padding: 0 10px;
}
.folder-header__icon {
  margin-right: 2px;
  height: 16px;
  width: 16px;
  flex: none;
}
.folder-item {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 31px;
  cursor: pointer;
}
.folder-item:hover {
  background-color: var(--common-item-hover-color);
}
.folder-item:active,
.folder-item--active {
  background-color: var(--common-item-active-color) !important;
}
.folder-item__avatar {
  margin-right: 8px;
}
.folder-item__name {
  font-size: 13px;
  line-height: 18px;
  color: var(--common-title-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder-item__desc {
  color: var(--common-item-desc-text);
  font-size: 11px;
  line-height: 18px;
}
.folder-item__info {
  overflow: hidden;
}
.app-header {
  display: flex;
  align-items: center;
  padding: 16px 24px 16px 24px;
}
.app-header__avatar {
  height: 32px;
  width: 32px;
  flex: none;
  margin-right: 12px;
}
.app-header__name {
  flex: 1 1;
  color: var(--common-content-name-text);
  font-size: 14px;
}
.app-header__open {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--common-button-primary-background);
  color: var(--common-button-primary-text);
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  width: 50px;
  border-radius: 3px;
  cursor: pointer;
}
.app-header__open > svg {
  margin-right: 2px;
}
.app-header__open:hover {
  background-color: var(--common-button-primary-background-hover);
}
.app-header__open:active {
  background-color: var(--common-button-primary-background-active);
}
.app-header__open--focus {
  border: 2px solid #90b5ff;
  padding: 0 10px;
}
.app {
  overflow-y: auto;
  height: 100%;
}
.app__preview {
  margin: 0 24px 16px;
}
.app__preview-content {
  position: relative;
}
.app__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--common-icon-light-color);
}
.app__arrow:hover {
  color: var(--common-icon-color);
}
.app__arrow:active {
  color: var(--common-icon-active-color);
}
.app__arrow--left {
  left: -20px;
}
.app__arrow--right {
  right: -20px;
}
.app__placeholder-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
}
.app__placeholder {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--common-app-placeholder-background);
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: var(--common-input-placeholder-text);
  line-height: 22px;
}
.app__placeholder-img {
  width: 100px;
  height: 100px;
  margin-bottom: 8px;
}
.app__img {
  width: 100%;
  border-radius: 8px;
}
.app__desc {
  font-size: 12px;
  color: var(--common-content-name-text);
  line-height: 22px;
  padding: 0 24px;
}
.web {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.web__img {
  margin-top: 121px;
  width: 96px;
  height: 96px;
}
.web__url {
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  word-break: break-all;
  color: var(--common-content-name-text);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  max-height: 110px;
}
.web__tip {
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  color: var(--common-content-file-label-text);
}
.web__overlay {
  position: absolute;
  height: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
  pointer-events: none;
}
.web__open {
  position: absolute;
  bottom: 24px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--common-button-primary-background);
  color: var(--common-button-primary-text);
  height: 24px;
  width: 74px;
  border-radius: 12px;
  cursor: pointer;
}
.web__open > svg {
  margin-right: 2px;
}
.web__open:hover {
  background-color: var(--common-button-primary-background-hover);
}
.web__open:active {
  background-color: var(--common-button-primary-background-active);
}
.web__open--focus {
  border: 2px solid #90b5ff;
  width: 70px;
}
.skill-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  background-color: var(--common-background);
  padding: 14px 40px 0;
}
.skill-skeleton__header {
  margin-bottom: 20px;
  display: flex;
}
.skill-skeleton__avatar {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.skill-skeleton__info {
  flex: 1 1;
}
.skill-skeleton__info > .skeleton-block {
  width: 100%;
  height: 12px;
  margin-bottom: 8px;
}
.skill-skeleton__info > .skeleton-block:last-of-type {
  margin-bottom: 0;
  width: 60%;
}
.skill-skeleton__text {
  height: 12px;
  margin-bottom: 8px;
}
.skill-skeleton__img {
  margin-top: 12px;
  height: 270px;
}
.skill-skeleton__video {
  height: 356px;
}
.docer-skeleton.skeleton__right {
  padding-left: 40px;
  padding-right: 40px;
}
.act_keyword {
  position: relative;
  padding: 5px 10px 5px 5px;
  height: 100%;
  width: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}
.act_keyword__img {
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  display: none;
}
.act_keyword__img--focus {
  outline: 2px solid #90b5ff;
}
.act_keyword__img--loaded {
  display: block;
}

.prepare-local {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: var(--common-input-placeholder-text);
  line-height: 22px;
}
.prepare-local__icon {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
  animation: rotate 0.96s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.search-result__infinite-virtual-list {
  overflow-y: scroll !important;
}
.search-result {
  display: flex;
  overflow: hidden;
  flex: 1 1;
  padding: 0 0 0 12px;
}
.search-result__infinite-virtual-list > div > div:first-child .search-item__line::after,
.search-result__infinite-virtual-list > div > div:hover + div .search-item__line::after {
  display: none;
}
.search-result__empty {
  position: relative;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.search-result .shortcut-file-logo {
  position: relative;
}
.search-result .shortcut-file-logo::before {
  content: '';
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGRkYiIGQ9Ik0zLjc3NTMyMDc4LDEuNDEzODg4MDQgTDEwLjcyMjMwMjYsMi40MjIzMjA4OCBMOC4xNDY1MDU1LDkuMTQxNzkxNDkgTDYuOTI1ODA3MzUsNi4zMTczMDc1OCBDNS4wMzE4Mzk1LDcuMzQ4OTM3OTEgMy4yNjc1MzIzNCw4Ljg0MDc4NDggMS42MzcwNTkxMSwxMC43OTY2OTk2IEMxLjI4MDU4NjcsOS4yNDA0ODA4NSAxLjM3NjYzMDExLDguMDEyMTIyOTggMS43MzY0MzY4Myw3LjAzMjkwNjc1IEMyLjQ2NzUxNjc1LDUuMDQzMjY4MjIgNC4yNTgzODEyLDQuMTA5Mzk0NDggNS4yNzI1ODkzNiwzLjQ5NzA5Mjk2IEwzLjc3NTMyMDc4LDEuNDEzODg4MDQgWiIvPjwvc3ZnPg==);
  width: 12px;
  height: 12px;
  left: 0;
  bottom: 0px;
}
.search-result .shortcut-file-logo.big::before {
  width: 24px;
  height: 24px;
  left: 0;
  bottom: 14px;
}
.search-result.with-padding {
  margin-top: 13px;
  border-top: 1px solid var(--KWebStartpageRightV2CommonPalette-separator-04);
}
.search-result__list-wrapper {
  flex: 172 1;
  overflow: hidden;
  display: flex;
}
.search-result__list-wrapper--scroll {
  padding-right: 1px;
}
.search-result__list-wrapper--width-limited {
  max-width: 480px;
}
.search-result__list-wrapper--width-intranetVersion-limited {
  max-width: 100%;
}
.search-result__list {
  flex: 1 1;
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
}
.search-result__list--scroll {
  background-color: var(--common-scroll-background);
}
.search-result__list--allwrapper {
  transition: all 5s ease-in-out;
}
.search-result__list--virtual-list {
  overflow: hidden;
}
.search-result__list-content {
  position: relative;
  background-color: var(--common-background);
}
.search-result__list-content--scroll .open-pos__btn {
  margin-right: 16px !important;
}
.search-result__item {
  background-color: var(--common-background);
  display: flex;
  align-items: center;
  padding-left: 12px;
  border-radius: 8px;
}
.search-result__item:hover {
  background-color: var(--common-item-hover-color);
}
.search-result__item:hover .search-item__preview-wrapper {
  display: flex;
}
.search-result__item:hover .open-pos__btn {
  display: flex;
}
.search-result__item:hover .search-item__line::after {
  display: none;
}
.search-result__item:hover + .search-result__item .search-item__line::after {
  display: none;
}
.search-result__item--active,
.search-result__item:active {
  background-color: var(--common-item-active-color) !important;
}
.search-result__item--active .search-item__line::after,
.search-result__item:active .search-item__line::after {
  display: none;
}
.search-result__item--active + .search-result__item .search-item__line::after {
  display: none;
}
.search-result__item--active:hover .search-item__preview-wrapper {
  display: none;
}
.search-result__item--blur {
  background-color: var(--common-item-hover-color) !important;
}
.search-result__item--test-b .search-item__preview-wrapper {
  display: none !important;
  cursor: default;
}
.search-result__item--placeholder {
  height: 56px;
  background-color: var(--common-background) !important;
}
.search-result__item--placeholder:active {
  background-color: var(--common-background) !important;
}
.search-result__item .open-pos__btn {
  display: none;
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 14px;
  margin-right: 24px;
  flex-shrink: 0;
  color: var(--KWebStartpageRightV2CommonPalette-text-03);
  border: 1px solid var(--KWebStartpageRightV2CommonPalette-ctl-border-01);
  background-color: var(--KWebStartpageRightV2CommonPalette-ctl-background-01);
}
.search-result__item .open-pos__btn:hover {
  border: 1px solid var(--KWebStartpageRightV2CommonPalette-ctl-border-02);
  background-color: var(--KWebStartpageRightV2CommonPalette-ctl-background-02);
}
.search-result__item .open-pos__btn:active {
  border: 1px solid var(--KWebStartpageRightV2CommonPalette-ctl-border-03);
  background-color: var(--KWebStartpageRightV2CommonPalette-ctl-background-03);
}
.search-result__item .open-pos__btn .open-pos__icon {
  margin-right: 3px;
}
.search-result__label {
  height: 30px;
  line-height: 30px;
  padding-left: 12px;
  color: var(--common-color-text-primary);
  background-color: var(--common-background);
  font-weight: 600;
}
.search-result__label--fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: content-box;
  opacity: 1;
  z-index: 1;
}
.search-result__label--fixed.search-result__label--scroll {
  width: calc(100% - 16px);
}
.search-result__label .highlight_label {
  color: var(--KWebStartpageRightV2CommonPalette-theme-common-01);
}
.search-result__label + .search-result__item .search-item__line::after {
  display: none;
}
.search-result__more-tip {
  text-align: center;
  font-size: 12px;
  color: #8b97af;
  line-height: 22px;
  padding-bottom: 12px;
}
.search-result__more-tip > a {
  color: var(--common-button-primary-background);
  cursor: pointer;
}
.search-result__more-tip > a:hover {
  color: var(--common-button-primary-background-hover);
}
.search-result__more-tip > a:active {
  color: var(--common-button-primary-background-active);
}
.search-result__content-wrapper {
  flex-shrink: 1;
  max-width: 480px;
  overflow: hidden;
}
.search-result__content-wrapper-visible {
  flex: 135 1;
}
.search-result__content-wrapper-visible .search-result__toggle-content {
  visibility: hidden;
}
.search-result__content-wrapper-visible:hover:hover .search-result__toggle-content,
.search-result__content-wrapper-hidden:hover .search-result__toggle-content {
  visibility: visible;
}
.search-result__content {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: 0 12px 24px 0;
  border: 1px solid var(--common-border-color);
  border-radius: 8px;
}
.search-result__content--hidden {
  display: none;
}
.search-result__toggle-content {
  overflow: hidden;
  flex-shrink: 0;
}
.search-result__toggle-content__arrow {
  display: block;
  overflow: hidden;
  width: 12px;
  height: 64px;
  color: var(--common-secondary-text);
  margin: 0 0 0 4px;
  border-radius: 4px 0 0 4px;
  background-color: var(--KWebStartpageRightV2CommonPalette-scroll-01);
}
.search-result__toggle-content__arrow.collapsed {
  border-radius: 0 4px 4px 0;
  margin: 0 4px 0 0;
}
.search-result__toggle-content__arrow:hover {
  background-color: var(--KWebStartpageRightV2CommonPalette-scroll-02);
}
.search-result__toggle-content__arrow:active {
  background-color: var(--KWebStartpageRightV2CommonPalette-scroll-03);
}
.search-result__bottom-line {
  margin: 8px 12px;
  border-bottom: 1px solid var(--common-division-color);
}
.search-result__bottom-line:last-of-type {
  border-bottom: none;
}
.search-result__more {
  height: 22px;
  line-height: 22px;
  margin: 0 12px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-top: 5px;
  border-bottom: 1px solid var(--common-division-color);
}
.search-result__more:hover,
.search-result__more:active {
  color: var(--common-color-text-public);
}
.search-result__more:last-of-type {
  border-bottom: none;
}
.search-result__more--local-more {
  border-bottom: 1px solid var(--common-division-color) !important;
}
.search-result__more > span {
  color: var(--common-secondary-text);
  cursor: pointer;
}
.search-result__more > span:active,
.search-result__more > span:hover {
  color: var(--common-color-text-public);
  text-decoration: underline;
}
.search-result__more--active {
  background-color: var(--common-item-active-color) !important;
}
.search-result #view-more-cloud {
  border-bottom: none;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.search-result__network-tip {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--common-feedback-text);
}
.search-result__network-tip > svg {
  margin-right: 2px;
  margin-top: 2px;
}
.search-result__local-error {
  padding: 12px 16px 0;
}
.search-result__filter-group {
  height: 24px;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 2px;
  padding-left: 12px;
  background-color: var(--common-background);
}
.search-result__filter-group--fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: content-box;
  opacity: 1;
  z-index: 2;
}
.search-result__filter-group--fixed.search-result__filter-group--scroll {
  width: calc(100% - 16px);
}
.local-error {
  display: flex;
  padding: 8px;
  line-height: 22px;
  color: var(--common-input-text);
  background-color: var(--common-local-error-background);
}
.local-error__info-icon {
  margin-top: 3px;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  flex: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5Zu+5qCHL+aPkOekui8xNnB4L3JlbWluZGVyX3N1cmZhY2VfaW5mb3JtYXRpb25fbF8xNjwvdGl0bGU+CiAgICA8ZyBpZD0i5Zu+5qCHL+aPkOekui8xNnB4L3JlbWluZGVyX3N1cmZhY2VfaW5mb3JtYXRpb25fbF8xNiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWbvuaghy/mtYXoibIv5o+Q56S6LzE2cHgvcmVtaW5kZXJfc3VyZmFjZV93YXJuaW5nX2xfMTYiPgogICAgICAgICAgICA8cmVjdCBpZD0iIzE2IiBmaWxsLW9wYWNpdHk9IjAuMSIgZmlsbD0iI0QwMDIxQiIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzQxN0ZGOSIgY3g9IjgiIGN5PSI4IiByPSI4Ij48L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMjAwMDAwLCA0LjcwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtOC4yMDAwMDAsIC00LjcwMDAwMCkgIiBjeD0iOC4yIiBjeT0iNC43IiByPSIxLjIiPjwvY2lyY2xlPgogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjIwMDAwMCwgOS45MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTguMjAwMDAwLCAtOS45MDAwMDApICIgeD0iNy4yIiB5PSI2LjkiIHdpZHRoPSIyIiBoZWlnaHQ9IjYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 100%;
}
.local-error__loading-icon {
  margin-top: 4px;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  transform-origin: center;
  animation: rotate 0.96s linear infinite;
  flex: none;
}
.local-error__content {
  flex: 1 1;
}
.local-error__title {
  margin-top: 2px;
  line-height: 18px;
}
.local-error__close-icon {
  margin-top: 3px;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--common-feedback-text);
}
.local-error__close-icon:hover {
  color: var(--common-local-error-close-hover-color);
}
.local-error__close-icon:active {
  color: var(--common-local-error-close-active-color);
}
.local-error__footer {
  display: flex;
  margin-top: 2px;
  margin-right: -30px;
}
.local-error__footer .local-error__button:not(:last-of-type) {
  margin-right: 16px;
}
.local-error__button {
  cursor: pointer;
  color: var(--common-input-placeholder-text);
}
.local-error__button:hover {
  color: var(--common-color-text-primary);
}
.local-error__button:active {
  color: var(--common-input-text);
}
.local-error__button--primary {
  color: var(--common-button-primary-background);
}
.local-error__button--primary:hover {
  color: var(--common-local-error-primary-hover-color);
}
.local-error__button--primary:active {
  color: var(--common-local-error-primary-active-color);
}
@keyframes rotate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.wps-filter-group .kd-button-children .wps-filter-icon {
  padding-left: 20px;
}
.wps-filter-group .kd-button-dropdown {
  color: var(--common-secondary-text);
}
.wps-filter-group .kd-button-dropdown.dropdown-active,
.wps-filter-group .kd-button-dropdown.is-active {
  color: var(--common-color-text-primary);
}
.wps-filter-group .wps-filter-group-split {
  display: inline-block;
  height: 12px;
  width: 1px;
  margin-right: 12px;
  background-color: var(--common-line-color);
  position: relative;
  top: 2px;
}
.wps-filter-group .wps-filter-group-split__hidden {
  display: none;
}
.wps-filter-group .wps-filter-group-button {
  cursor: pointer;
  color: var(--common-secondary-text);
  font-size: 14px;
  line-height: 28px;
  position: relative;
  top: 1px;
}
.wps-filter-group .wps-filter-group-button:hover {
  color: var(--common-color-text-public);
}
.wps-filter-group .wps-filter-group-button:active {
  color: var(--common-color-text-public);
}
.wps-filter-group .wps-filter-group-button__hidden {
  display: none;
}
.wps-filter-group .wps-filter-wrapper {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding-right: 10px;
}
.wps-filter-group .wps-filter-wrapper .wps-filter-wrapper-button {
  padding-left: 10px;
  height: 32px;
  line-height: 32px;
  padding-left: 35px;
  font-size: 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.wps-filter-group .wps-filter-wrapper .wps-filter-wrapper-button:hover {
  background-color: var(--common-item-hover-color);
}
.wps-filter-group .wps-filter-wrapper .wps-filter-wrapper-button:active {
  background-color: var(--common-item-active-color);
}
.wps-filter-group .wps-filter-wrapper .wps-filter-wrapper-button svg {
  width: 16px;
  height: 16px;
  color: var(--common-icon-public-color);
}
.wps-filter-group .wps-filter-wrapper .wps-filter-wrapper-button span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  max-width: 136px;
  line-height: 28px;
  margin-left: 6px;
}
.wps-filter-group .wps-filter-icon {
  display: inline-block;
  padding-left: 28px;
  background: none no-repeat 0 center / 16px 16px;
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-et {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_et');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-wps {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_wps');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-wpp {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_wpp');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-pdf {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_pdf');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-ofd {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_ofd');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-pic {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_pic');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-mind {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_mind');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-flow {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_flow');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-folder {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_folder');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-txt {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_txt');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-other {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_other');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-otl {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_otl');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-dbt {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_dbt');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-note {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_note');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-ksheet {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_ksheet');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-ebook {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_ebook');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-form {
  background-image: url('skinimg://skin/icon/defaultThemeArea/32/32/format_fill_form');
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-all {
  padding-left: 0;
  display: flex;
  align-items: center;
}
.wps-filter-group .wps-filter-icon.wps-filter-file-type-all svg {
  width: 16px;
  height: 16px;
  color: var(--common-icon-public-color);
  margin-right: 8px;
}
.wps-filter-group .wps-filter-creator {
  padding-left: 60px;
  width: 100%;
  box-sizing: border-box;
}
.wps-filter-group .wps-filter-creator img {
  position: absolute;
  top: 6px !important;
  left: 6px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
}
.wps-filter-group .wps-filter-creator .wps-filter-dept {
  box-sizing: border-box;
  width: 100%;
  padding-right: 6px;
  min-height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: var(--common-secondary-text);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -2px;
}
.wps-filter-group .wps-filter-creator__large {
  line-height: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.wps-filter-group .wps-filter-creator__large span {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  max-width: calc(100% - 25px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.wps-filter-group .wps-selection .wps-filter-dept {
  display: none;
}
.wps-filter-group .wps-selection-text .wps-filter-creator {
  min-height: 28px;
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
.wps-filter-group .wps-selection-text .wps-filter-creator span {
  max-width: none;
  height: 28px;
  line-height: 28px;
}
.wps-filter-group .wps-selection-text .wps-filter-creator img {
  top: 4px;
}
.wps-filter-group .wps-filter-location {
  position: relative;
  max-width: 156px;
  display: flex;
  align-items: center;
}
.wps-filter-group .wps-filter-location img,
.wps-filter-group .wps-filter-location svg {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  color: var(--common-icon-public-color);
}
.wps-filter-group .wps-filter-location span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 136px;
  line-height: 28px;
}
.wps-filter-group .highlight {
  color: var(--KWebStartpageRightV2CommonPalette-theme-common-01);
}
.wps-filter-wrapper-location .wps-filter-option {
  padding-left: 35px !important;
}
.menu-location .ico-location-custom {
  margin-right: 4px;
}
.wps-filter-wrapper-button {
  display: flex;
  align-items: center;
}
.wps-filter-wrapper-button span {
  margin-left: 2px;
}
.filter-popover .kd-menu {
  padding: 0;
  border: none;
  box-shadow: none;
}
.filter-popover .filter-popover-title {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 20px;
}
.filter-popover .filter-popover-title .mark {
  margin-right: 10px;
  color: var(--common-title-color);
  font-weight: 600;
  margin-left: 8px;
}
.filter-popover .filter-popover-title .submark {
  color: var(--yun-secondary-text);
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kd-menu {
  position: relative;
  padding: 12px;
  background: var(--kd-color-background-top);
  border: 1px solid var(--kd-color-line-regular);
  box-shadow: var(--kd-box-shadow-large);
  border-radius: 8px;
}
.kd-menu ul {
  height: 100%;
  padding-right: 8px;
}
.kd-menu:focus-visible {
  outline: none;
}
.kd-menu-divider {
  height: 1px;
  margin: 4px 0;
  background-color: rgba(24, 26, 31, 0.1);
}
.kd-menu-selectable,
.kd-menu-checkable {
  cursor: pointer;
}
.kd-menu .kd-menu-submenu-item {
  padding-right: 40px;
}
.kd-menu-selectable .kd-menu-item {
  padding-left: 32px;
}
.kd-menu-item {
  position: relative;
  display: flex;
  padding: 5px 8px;
  margin-bottom: 4px;
  font-size: var(--kd-font-size-base);
  font-weight: var(--kd-font-weight-regular);
  line-height: var(--kd-font-line-height-base);
  color: var(--kd-color-text-primary);
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.kd-menu-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kd-menu-item:last-child {
  margin-bottom: 0;
}
.kd-menu-item:hover,
.kd-menu-item-open {
  background: var(--kd-color-state-hover);
}
.kd-menu-item:active {
  background: var(--kd-color-state-pressed);
}
.kd-menu-item.only-text {
  line-height: 22px;
}
.kd-menu-item-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.kd-menu-item-disabled:hover {
  background: transparent;
}
.kd-menu-item-disabled > .kd-checkbox {
  pointer-events: none;
}
.kd-menu-item .kd-menu-item-icon {
  margin-right: 8px;
}
.kd-menu-item .kd-menu-item-suffixicon {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}
.kd-menu-item .kd-menu-item-tick {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  font-size: 16px;
  color: var(--kd-color-public-normal);
}
.kd-menu-item .kd-menu-item-arrow {
  color: var(--kd-color-icon-secondary);
}
.kd-menu-item .component-input-number {
  position: relative;
  margin-left: 10px;
}
.kd-menu-item::after {
  top: calc(50% - 8px);
}
.kd-menu-submenu-item {
  display: flex;
  align-items: center;
}
.kd-menu-group-title {
  padding: 8px 8px 2px;
  font-size: var(--kd-font-size-base);
  font-weight: var(--kd-font-weight-bold);
  line-height: var(--kd-font-line-height-base);
  color: var(--kd-color-text-primary);
}
.kd-menu .kd-scrollbar-track-horizontal {
  display: none;
}
.right-to-left .sub-menu-item::after {
  transform: rotateY(180deg);
}

.kd-scrollbar-track-vertical {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  border-radius: 3px;
}
.kd-scrollbar-thumb-vertical,
.kd-scrollbar-thumb-horizontal {
  background: var(--kd-color-fill-heavy);
  border-radius: 6px;
}
.kd-scrollbar-thumb-vertical:hover,
.kd-scrollbar-thumb-horizontal:hover,
.kd-scrollbar-thumb-vertical:active,
.kd-scrollbar-thumb-horizontal:active {
  background: var(--kd-color-fill-extra-heavy);
}
.kd-scrollbar-track-horizontal {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 6px;
  border-radius: 3px;
}

.kd-checkbox {
  position: relative;
  display: inline-flex;
  color: var(--kd-color-text-primary);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
}
.kd-checkbox-input {
  position: relative;
  display: flex;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
}
.kd-checkbox-input.is-disabled .kd-checkbox-inner {
  cursor: not-allowed;
  background-color: var(--kd-color-fill-light);
  border-color: var(--kd-color-line-light);
}
.kd-checkbox-input.is-disabled .kd-checkbox-inner::after {
  cursor: not-allowed;
  border-color: var(--kd-color-fill-light);
}
.kd-checkbox-input.is-disabled .kd-checkbox-inner + .kd-checkbox-label {
  cursor: not-allowed;
}
.kd-checkbox-input.is-disabled.is-checked .kd-checkbox-inner {
  opacity: var(--kd-opacity-disabled);
}
.kd-checkbox-input.is-disabled.is-indeterminate .kd-checkbox-inner {
  opacity: var(--kd-opacity-disabled);
}
.kd-checkbox-input.is-disabled + .kd-checkbox-label {
  color: var(--kd-color-text-disable);
  cursor: not-allowed;
}
.kd-checkbox-input.is-checked .kd-checkbox-inner {
  background-color: var(--kd-color-public-normal);
  border-color: transparent;
}
.kd-checkbox-input.is-checked .kd-checkbox-inner::after {
  transform: rotate(45deg) scaleY(1);
}
.kd-checkbox-input.is-focus .kd-checkbox-inner {
  border-color: var(--kd-color-public-hover);
}
.kd-checkbox-input.is-indeterminate .kd-checkbox-inner {
  background-color: var(--kd-color-public-normal);
  border-color: transparent;
}
.kd-checkbox-input.is-indeterminate .kd-checkbox-inner::before {
  position: absolute;
  top: 50%;
  right: 3px;
  left: 3px;
  display: block;
  margin-top: -1px;
  content: '';
  border-top: 2px solid rgba(var(--kd-color-white), 1);
}
.kd-checkbox-input.is-indeterminate .kd-checkbox-inner::after {
  display: none;
}
.kd-checkbox-inner {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: rgba(var(--kd-color-white), 1);
  border-radius: var(--kd-border-radius-extra-small);
  border-width: 1px;
  border-style: solid;
  border-color: var(--kd-color-line-heavy);
  box-sizing: border-box;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.kd-checkbox-inner:hover {
  border-color: var(--kd-color-public-hover);
}
.kd-checkbox-inner::after {
  position: absolute;
  top: 1px;
  left: 5px;
  width: 3px;
  height: 7px;
  border: 2px solid rgba(var(--kd-color-white), 1);
  content: "";
  transform: rotate(45deg) scaleY(0);
  box-sizing: content-box;
  border-left: 0;
  border-top: 0;
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  transform-origin: center;
}
.kd-checkbox-original {
  position: absolute;
  left: -9999px;
  margin: 0;
  outline: none;
  opacity: 0;
  visibility: hidden;
  size: 0;
}
.kd-checkbox-label {
  padding-left: 8px;
  font-size: var(--kd-font-size-base);
}

.kd-checkbox-group-horizontal .kd-checkbox + .kd-checkbox {
  margin-left: 15px;
}
.kd-checkbox-group-vertical {
  display: flex;
  flex-direction: column;
}
.kd-checkbox-group-vertical .kd-checkbox + .kd-checkbox {
  margin-top: 16px;
  margin-left: 0;
}

.kd-divider {
  border-top: 1px solid var(--kd-color-line-regular);
}
.kd-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid var(--kd-color-line-regular);
}
.kd-divider-horizontal {
  display: flex;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
  clear: both;
}
.kd-divider-horizontal.kd-divider-with-text {
  display: flex;
  margin: 16px 0;
  font-size: var(--kd-font-size-middle);
  font-weight: 400;
  line-height: 24px;
  color: var(--kd-color-text-primary);
  text-align: center;
  white-space: nowrap;
  border-top: 0;
  border-top-color: var(--kd-color-line-regular);
}
.kd-divider-horizontal.kd-divider-with-text::before,
.kd-divider-horizontal.kd-divider-with-text::after {
  position: relative;
  width: 50%;
  content: '';
  transform: translateY(50%);
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
}
.kd-divider-horizontal.kd-divider-with-text-left::before {
  width: 5%;
}
.kd-divider-horizontal.kd-divider-with-text-left::after {
  width: 95%;
}
.kd-divider-horizontal.kd-divider-with-text-right::before {
  width: 95%;
}
.kd-divider-horizontal.kd-divider-with-text-right::after {
  width: 5%;
}
.kd-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.kd-divider-dashed {
  background: none;
  border-color: var(--kd-color-line-regular);
  border-style: dashed;
  border-width: 1px 0 0;
}
.kd-divider-horizontal.kd-divider-with-text.kd-divider-dashed::before,
.kd-divider-horizontal.kd-divider-with-text.kd-divider-dashed::after {
  border-style: dashed none none;
}
.kd-divider-vertical.kd-divider-dashed {
  border-width: 0 0 0 1px;
}
.kd-divider-horizontal.kd-divider-with-text-left.kd-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.kd-divider-horizontal.kd-divider-with-text-left.kd-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.kd-divider-horizontal.kd-divider-with-text-left.kd-divider-no-default-orientation-margin-left .ant-divider-inner-text {
  padding-left: 0;
}
.kd-divider-horizontal.kd-divider-with-text-right.kd-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.kd-divider-horizontal.kd-divider-with-text-right.kd-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.kd-divider-horizontal.kd-divider-with-text-right.kd-divider-no-default-orientation-margin-right .ant-divider-inner-text {
  padding-right: 0;
}

.kd-dropdown-button .kd-icon {
  transition: transform 0.3s;
  transform: rotate(180deg);
}
.kd-dropdown-button .kd-icon.is-reverse {
  transform: rotate(0deg);
}

.kd-dropdown-split-button {
  display: inline-block;
}
.kd-dropdown-split-button .kd-split-button .kd-button:first-child {
  padding-right: 10px;
}
.kd-dropdown-split-button .kd-split-button .kd-button {
  margin-right: 0;
  vertical-align: middle;
}
.kd-dropdown-split-button .kd-split-button .kd-button-children {
  min-width: auto;
}
.kd-dropdown-split-button .kd-split-button .kd-button.is-active .icon-dropdown.is-spin {
  transform: rotate(-180deg);
}
.kd-dropdown-split-button .kd-split-button .kd-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.kd-dropdown-split-button .kd-split-button .kd-button:first-child:hover:not(.is-active, [disabled], .kd-button-loading) + .kd-button::after {
  background-color: transparent;
}
.kd-dropdown-split-button .kd-split-button .kd-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.kd-dropdown-split-button .kd-split-button .kd-button:last-child::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  content: '';
  transform: scale(1, 0.6);
}
.kd-dropdown-split-button .kd-split-button .kd-button:hover:not(.is-active, [disabled], .kd-button-loading)::after {
  background-color: transparent;
}
.kd-dropdown-split-button .kd-split-button .kd-button-primary::after {
  background-color: var(--kd-color-public-hover);
}
.kd-dropdown-split-button .kd-split-button .kd-button-secondary::after {
  background-color: var(--kd-color-line-medium);
}
.kd-dropdown-split-button .kd-split-button .kd-button-secondary.kd-button-highlight::after {
  background-color: var(--kd-color-public-normal);
}
.kd-dropdown-split-button .kd-split-button .kd-button-secondary.is-active:not(.kd-button-highlight)::after {
  background-color: var(--kd-color-line-medium);
}
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-disabled .kd-button:first-child::before,
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-loading .kd-button:first-child::before {
  inset: -1px 0 -1px -1px;
}
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-disabled .kd-button:last-child::before,
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-loading .kd-button:last-child::before {
  inset: -1px -1px -1px 0;
}
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-sm .kd-split-button-trigger,
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-sm .kd-split-button-trigger {
  min-width: 16px;
  padding: 0;
}
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-lg .kd-split-button-trigger,
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-lg .kd-split-button-trigger,
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-m .kd-split-button-trigger,
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-m .kd-split-button-trigger {
  min-width: 22px;
  padding: 0;
}
.kd-dropdown-split-button .kd-split-button-primary.kd-split-button-xl .kd-split-button-trigger,
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-xl .kd-split-button-trigger {
  min-width: 26px;
  padding: 0;
}
.kd-dropdown-split-button .kd-split-button-secondary .kd-button {
  border-bottom-color: var(--kd-color-line-medium);
}
.kd-dropdown-split-button .kd-split-button-secondary .kd-split-button-trigger:not(.kd-button-highlight) {
  color: var(--kd-color-icon-secondary);
}
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button {
  border-color: transparent;
}
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-disabled .kd-button:first-child::before {
  inset: -1px 0 -1px -1px;
}
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-disabled .kd-button:last-child::before {
  inset: -1px -1px -1px 0;
}
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-xl {
  border-radius: var(--kd-border-radius-middle);
}
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-lg,
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-m {
  border-radius: var(--kd-border-radius-middle);
}
.kd-dropdown-split-button .kd-split-button-secondary.kd-split-button-sm {
  border-radius: var(--kd-border-radius-small);
}
.kd-dropdown-split-button .kd-split-button-light {
  display: inline-flex;
}
.kd-dropdown-split-button .kd-split-button-light:hover:not(.kd-split-button-active, .kd-split-button-disabled, .kd-split-button-loading) {
  background-color: var(--kd-color-state-hover);
}
.kd-dropdown-split-button .kd-split-button-light .kd-button:first-child {
  padding-right: 4px;
  padding-left: 8px;
}
.kd-dropdown-split-button .kd-split-button-light.kd-split-button-xl {
  border-radius: var(--kd-border-radius-middle);
}
.kd-dropdown-split-button .kd-split-button-light.kd-split-button-lg,
.kd-dropdown-split-button .kd-split-button-light.kd-split-button-m {
  border-radius: var(--kd-border-radius-middle);
}
.kd-dropdown-split-button .kd-split-button-light.kd-split-button-sm {
  border-radius: var(--kd-border-radius-small);
}
.kd-dropdown-split-button .kd-split-button-light .kd-split-button-trigger {
  min-width: 14px;
  padding: 0;
}
.kd-dropdown-split-button .kd-split-button-light .kd-split-button-trigger:not(.kd-button-highlight) {
  color: var(--kd-color-icon-secondary);
}
.kd-dropdown-split-button .kd-split-button-icon {
  display: inline-flex;
  border-radius: var(--kd-border-radius-middle);
}
.kd-dropdown-split-button .kd-split-button-icon .kd-button:first-child {
  padding-right: 5px;
  padding-left: 7px;
}
.kd-dropdown-split-button .kd-split-button-icon:hover:not(.kd-split-button-active, .kd-split-button-disabled, .kd-split-button-loading) {
  background-color: var(--kd-color-state-hover);
}
.kd-dropdown-split-button .kd-split-button-icon.kd-split-button-xl {
  border-radius: var(--kd-border-radius-middle);
}
.kd-dropdown-split-button .kd-split-button-icon.kd-split-button-lg,
.kd-dropdown-split-button .kd-split-button-icon.kd-split-button-m {
  border-radius: var(--kd-border-radius-middle);
}
.kd-dropdown-split-button .kd-split-button-icon.kd-split-button-sm {
  border-radius: var(--kd-border-radius-small);
}
.kd-dropdown-split-button .kd-split-button-icon .kd-split-button-trigger {
  flex: 1 1;
  width: 14px;
}
.kd-dropdown-split-button .kd-split-button-icon .kd-split-button-trigger:not(.kd-button-highlight) {
  color: var(--kd-color-icon-secondary);
}
.kd-dropdown-split-button .kd-split-button-trigger .kd-button-children {
  font-size: 0;
}
.kd-dropdown-split-button .kd-split-button-trigger .kd-icon {
  margin-right: 0;
  transition: transform 0.3s ease;
}
.kd-dropdown-split-button .kd-split-button-trigger.is-selected .kd-icon.icon-triangle {
  transform: rotate(-180deg);
}
.kd-dropdown-split-button .kd-split-button-loading .kd-button {
  cursor: unset;
}
.kd-dropdown-split-button .kd-split-button-loading .kd-button:last-child .kd-icon-loading {
  display: none;
}

.wps-radio-group-card {
  background-color: var(--common-button-secondary-background-active);
  height: 32px;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 2px;
}
.wps-radio-card {
  background-color: var(--common-button-secondary-background-active);
  cursor: pointer;
  line-height: 28px;
  height: 28px;
  flex-grow: 1;
  border-radius: 4px;
  text-align: center;
}
.wps-radio-card__active {
  background-color: var(--common-button-secondary-background);
}

@charset "UTF-8";.el-month-table,.el-year-table{margin:-1px;border-collapse:collapse}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-date-picker table,.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-table{font-size:12px;min-width:224px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-date-table td{width:32px;height:32px;box-sizing:border-box;text-align:center;cursor:pointer}.el-date-table td.next-month,.el-date-table td.prev-month{color:#ddd}.el-date-table td.today{color:#20a0ff;position:relative}.el-date-table td.today:before{content:" ";position:absolute;top:0;right:0;width:0;height:0;border-top:.5em solid #20a0ff;border-left:.5em solid transparent}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.available:hover{background-color:#e4e8f1}.el-date-table td.in-range{background-color:#d2ecff}.el-date-table td.in-range:hover{background-color:#afddff}.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{background-color:#20a0ff!important;color:#fff}.el-date-table td.disabled{background-color:#f4f4f4;opacity:1;cursor:not-allowed;color:#ccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:#8391a5}.el-date-table th{padding:5px;color:#8391a5;font-weight:400}.el-date-table.is-week-mode .el-date-table__row:hover{background-color:#e4e8f1}.el-date-table.is-week-mode .el-date-table__row.current{background-color:#d2ecff}.el-month-table{font-size:12px}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td .cell{color:#48576a}.el-month-table td .cell:hover{background-color:#e4e8f1}.el-month-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-month-table td.current:not(.disabled) .cell{background-color:#20a0ff!important;color:#fff}.el-year-table{font-size:12px}.el-year-table .el-icon{color:#97a8be}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td .cell{color:#48576a}.el-year-table td .cell:hover{background-color:#e4e8f1}.el-year-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-year-table td.current:not(.disabled) .cell{background-color:#20a0ff!important;color:#fff}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#e4e8f1;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:#d1dbe5;cursor:not-allowed}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-picker-panel{color:#48576a;border:1px solid #d1dbe5;box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#48576a;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:#e4e8f1}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#20a0ff}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#97a8be;border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#20a0ff}.el-picker-panel__link-btn{cursor:pointer;color:#20a0ff;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:#fbfdff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{min-width:520px}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker.has-sidebar.has-time{min-width:766px}.el-date-range-picker.has-sidebar{min-width:620px}.el-date-range-picker.has-time{min-width:660px}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header button{float:left}.el-date-range-picker__header div{font-size:14px;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-right .el-date-range-picker__header button{float:right}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#97a8be}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-time-range-picker{min-width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #d1dbe5}.el-time-panel{margin:5px 0;border:1px solid #d1dbe5;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#20a0ff;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#8391a5}.el-time-panel__btn.confirm{font-weight:800;color:#20a0ff}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:#eef1f6;border-color:#d1dbe5;color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#bfcbd9}.el-input.is-disabled .el-input__inner::placeholder{color:#bfcbd9}.el-input.is-active .el-input__inner{outline:0;border-color:#20a0ff}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid #bfcbd9;color:#1f2d3d;display:inline-block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-moz-placeholder{color:#97a8be}.el-input__inner::placeholder{color:#97a8be}.el-input__inner:hover{border-color:#8391a5}.el-input__inner:focus{outline:0;border-color:#20a0ff}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:#bfcbd9;transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:#8391a5}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:#8391a5}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#fbfdff;color:#97a8be;vertical-align:middle;display:table-cell;position:relative;border:1px solid #bfcbd9;border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:#eef1f6;border-color:#d1dbe5;color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#bfcbd9}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#bfcbd9}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:#1f2d3d;background-color:#fff;border:1px solid #bfcbd9;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-moz-placeholder{color:#97a8be}.el-textarea__inner::placeholder{color:#97a8be}.el-textarea__inner:hover{border-color:#8391a5}.el-textarea__inner:focus{outline:0;border-color:#20a0ff}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
@font-face{font-family:element-icons;src:url(data:font/woff;base64,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) format('woff'),url(font/element-icons.ttf) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
.wps-date-filter {
  position: relative;
}
.wps-date-filter .kd-menu {
  padding: 0;
  border: none;
  box-shadow: none;
}
.wps-date-filter .wps-selection {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 172px;
  height: 28px;
  line-height: 28px;
  color: var(--common-secondary-text);
  cursor: pointer;
  border-radius: 6px;
}
.wps-date-filter .wps-selection:active {
  background-color: var(--common-item-active-color);
  color: var(--common-color-text-primary);
}
.wps-date-filter .wps-selection__active {
  background-color: var(--common-item-active-color);
}
.wps-date-filter .wps-selection .wps-selection-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 6px;
}
.wps-date-filter .wps-selection .wps-selection-text .wps-filter-icon {
  padding-left: 20px;
}
.wps-date-filter .wps-selection .wps-selection-arrow {
  color: var(--common-secondary-text);
  flex-shrink: 0;
}
.wps-date-filter .wps-selection .wps-selection-arrow.arrow-up {
  transform: rotate(180deg);
}
.wps-date-filter .wps-date-filter-dropmenu {
  width: 245px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 32px;
  padding: 12px;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 8px;
  background-color: var(--common-background);
  border: 1px solid var(--common-line-color);
  box-shadow: 0px 12px 32px rgba(13, 13, 13, 0.08);
}
.wps-date-filter .wps-date-filter-dropmenu.wps-date-filter-dropmenu-collapsed {
  display: none;
}
.wps-date-filter .wps-date-filter-dropmenu .wps-date-filter-option-after-split {
  border-top: 1px solid var(--common-line-color);
  padding-bottom: 4px;
}
.wps-date-filter .wps-date-filter-option {
  position: relative;
  flex-flow: row nowrap;
  height: 32px;
  display: flex;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 4px;
  border-radius: 6px;
  padding-left: 34px;
}
.wps-date-filter .wps-date-filter-option:last-child {
  margin-bottom: 0px;
}
.wps-date-filter .wps-date-filter-option:hover {
  background-color: var(--common-item-hover-color);
}
.wps-date-filter .wps-date-filter-option:active {
  background-color: var(--common-item-active-color);
}
.wps-date-filter .wps-date-filter-option:last-child {
  margin: 0;
}
.wps-date-filter .wps-date-filter-option .wps-date-filter-option-checked {
  position: absolute;
  top: 7px;
  left: 10px;
  color: var(--common-load-circle-progress);
}
.wps-date-filter .wps-date-filter-button-wrapper {
  text-align: right;
}
.wps-date-filter .wps-date-filter-button {
  width: 70px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  color: var(--common-button-primary-text);
  font-size: 14px;
  background-color: var(--common-button-primary-background);
  cursor: pointer;
}
.wps-date-filter .wps-date-filter-button:hover {
  background-color: var(--common-button-primary-background-hover);
}
.wps-date-filter .wps-date-filter-button:active {
  background-color: var(--common-button-primary-background-active);
}
.wps-date-filter .wps-date-filter-button__disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.wps-date-filter .wps-date-filter-radio-group {
  margin-bottom: 8px;
}
.wps-date-filter .wps-data-filter-picker-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 14px;
  margin-top: 12px;
}
.wps-date-filter .wps-data-filter-picker-wrapper .el-date-editor {
  display: inline-block;
  width: 110px;
}
.wps-date-filter .wps-data-filter-picker-wrapper .el-date-editor .el-input input {
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid var(--common-line-color);
  border-bottom-color: var(--common-button-secondary-border);
  font-size: 14px;
  background: var(--common-button-secondary-background);
  color: var(--common-color-text-primary);
}
.wps-date-filter .wps-data-filter-picker-wrapper .el-date-editor .el-input input::-moz-placeholder {
  color: var(--common-input-placeholder-text);
}
.wps-date-filter .wps-data-filter-picker-wrapper .el-date-editor .el-input input::placeholder {
  color: var(--common-input-placeholder-text);
}
.wps-date-filter .wps-data-filter-picker-wrapper .wps-date-filter-connect-line {
  display: inline-block;
  width: 6px;
  height: 1px;
  margin: 0 4px;
  background-color: var(--KWebStartpageRightV2CommonPalette-text-05);
}
.el-date-table td.current:not(.disabled) {
  background-color: var(--common-button-primary-background) !important;
}
.el-picker-panel {
  top: 60px !important;
  left: 43px !important;
  background-color: var(--common-background) !important;
  border: 1px solid var(--common-line-color) !important;
  box-shadow: 0px 12px 32px rgba(13, 13, 13, 0.08) !important;
  border-radius: 8px !important;
}
.el-date-table td.disabled {
  background-color: var(--common-background) !important;
}

.wps-filter {
  position: relative;
}
.wps-filter--disabled .wps-selection {
  background-color: var(--common-background) !important;
  color: var(--common-color-text-disable) !important;
  cursor: not-allowed !important;
}
.wps-filter--disabled .kd-icon {
  color: var(--common-color-text-disable) !important;
}
.wps-filter .wps-selection {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 172px;
  height: 28px;
  line-height: 28px;
  color: var(--common-secondary-text);
  cursor: pointer;
  border-radius: 6px;
}
.wps-filter .wps-selection:active {
  background-color: var(--common-item-active-color);
  color: var(--common-color-text-primary);
}
.wps-filter .wps-selection__active {
  background-color: var(--common-item-active-color);
  color: var(--common-color-text-primary);
}
.wps-filter .wps-selection .wps-selection-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 6px;
}
.wps-filter .wps-selection .wps-selection-text .wps-filter-icon {
  padding-left: 20px;
}
.wps-filter .wps-selection .wps-selection-arrow {
  color: var(--common-secondary-text);
  flex-shrink: 0;
}
.wps-filter .wps-selection .wps-selection-arrow.arrow-up {
  transform: rotate(180deg);
}
.wps-filter .wps-filter-dropmenu {
  background-color: var(--common-background);
  border: 1px solid var(--common-line-color);
  box-shadow: 0px 12px 32px rgba(13, 13, 13, 0.08);
  padding: 12px;
  border-radius: 8px;
  width: 180px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 32px;
  max-height: 490px;
  overflow-y: auto;
}
.wps-filter .wps-filter-dropmenu.wps-filter-dropmenu-collapsed {
  display: none;
}
.wps-filter .wps-filter-dropmenu__large {
  width: 272px;
  min-height: 280px;
}
.wps-filter .wps-filter-dropmenu .wps-filter-option-after-split {
  border-top: 1px solid var(--common-line-color);
  padding-bottom: 4px;
}
.wps-filter .wps-filter-option {
  height: 32px;
  align-items: center;
  font-size: 12px;
  margin-bottom: 4px;
  border-radius: 6px;
  padding-left: 10px;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  cursor: pointer;
}
.wps-filter .wps-filter-option:last-child {
  margin-bottom: 0px;
}
.wps-filter .wps-filter-option:hover {
  background-color: var(--common-item-hover-color);
}
.wps-filter .wps-filter-option:active {
  background-color: var(--common-item-active-color);
}
.wps-filter .wps-filter-option.wps-filter-option-hidden {
  display: none;
}
.wps-filter .wps-filter-option .wps-filter-option-checked {
  position: absolute;
  top: 6px;
  left: 10px;
  color: var(--common-load-circle-progress);
}
.wps-filter .wps-filter-option .wps-filter-icon {
  padding-left: 25px;
  margin-left: 25px;
}
.wps-filter .wps-filter-search-wrapper {
  position: relative;
  border: 1px solid var(--common-line-color);
  border-bottom-color: var(--common-button-secondary-border);
  height: 30px;
  padding: 3px 11px;
  margin-bottom: 9px;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  background: var(--common-button-secondary-background);
}
.wps-filter .wps-filter-search-wrapper .wps-filter-search-icon {
  color: var(--common-secondary-text);
  flex-shrink: 0;
}
.wps-filter .wps-filter-search-wrapper input {
  flex-grow: 1;
  height: 24px;
  line-height: 24px;
  padding: 0;
  padding-left: 1px;
  font-size: 12px;
  border: none;
  outline: none;
  background: transparent;
  color: var(--common-color-text-primary);
}
.wps-userfilter-option-container .kd-menu {
  padding: 0;
  border: none;
  box-shadow: none;
}
.wps-userfilter-option-container__empty {
  line-height: 226px;
  height: 226px;
  font-size: 12px;
  text-align: center;
  color: var(--common-secondary-text);
}
.wps-userfilter-option-container .wps-filter-option {
  height: 48px;
  line-height: 48px;
}
.wps-userfilter-option-container .wps-filter-option .wps-filter-creator img {
  position: absolute;
  top: 6px !important;
  left: 35px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
}
.wps-userfilter-option-container .wps-filter-option-checked {
  top: 15px !important;
}
.wps-userfilter-option-container .wps-filter-creator {
  padding-left: 71px !important;
}
.wps-userfilter-option-container .wps-filter-creator {
  padding-left: 60px;
  width: 100%;
  box-sizing: border-box;
}
.wps-userfilter-option-container .wps-filter-creator img {
  position: absolute;
  top: 6px !important;
  left: 6px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
}
.wps-userfilter-option-container .wps-filter-creator .wps-filter-dept {
  box-sizing: border-box;
  width: 100%;
  padding-right: 6px;
  min-height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: var(--common-secondary-text);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -2px;
}
.wps-userfilter-option-container .wps-filter-creator__large {
  line-height: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.wps-userfilter-option-container .wps-filter-creator__large span {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  max-width: calc(100% - 25px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.wps-filter-dropmenu.wps-filter-dropmenu-user {
  padding: 12px 0;
}
.wps-filter-dropmenu.wps-filter-dropmenu-user .wps-filter-search-wrapper {
  margin: 0 12px 8px;
}
.wps-filter-dropmenu.wps-filter-dropmenu-user .wps-userfilter-option-container {
  padding: 0 0px 0 12px;
  overflow-y: scroll;
  max-height: 384px;
}

.svg-icon {
  color: var(--common-icon-public-colort);
  flex-shrink: 0;
}

.panel-content {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-top: 16px;
  flex: 1 1;
}
.panel-content .tabs {
  flex: none;
}
.panel-content__history {
  background-color: var(--common-background);
  padding: 0px 12px 0;
}
.panel-content__history--noborder .recent-search__line {
  display: none;
}
.panel-content__desk {
  margin: 0 24px;
}
.panel-content__wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.panel-content__wrap--inner {
  margin: 6px;
  padding: 10px;
}
.panel-content .filter-group {
  position: relative;
  z-index: 2;
  height: 24px;
  line-height: 24px;
  padding-bottom: 16px;
  padding-left: 14px;
  background-color: var(--common-background);
}
.panel-content .filter-group.without-padding-bottom {
  padding-bottom: 0;
}
.panel-content .filter-group.filter-group__hidden {
  display: none;
}
.webview-rank {
  margin: 9px 24px 0;
  height: 100%;
}
.panel-content-r {
  position: absolute;
  z-index: 1;
  top: -4px;
  right: 16px;
  display: flex;
  align-items: center;
  height: 48px;
}
.box-feedback {
  font-size: 12px;
  position: absolute;
  z-index: 1;
  right: 24px;
  top: 5px;
  display: flex;
  align-items: center;
  height: 20px;
}
.feedback,
.file-filter-btn {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 4px;
  font-size: 12px;
  color: var(--common-secondary-text);
  cursor: pointer;
  border-radius: 2px;
}
.feedback__icon,
.file-filter-btn__icon {
  margin-right: 2px;
}
.feedback:hover,
.file-filter-btn:hover {
  background-color: var(--common-item-hover-color);
}
.feedback:active,
.file-filter-btn:active {
  background-color: var(--common-item-active-color);
}
.feedback {
  border-radius: 4px;
}
.file-filter-btn {
  margin-right: 10px;
}
.file-filter-btn.active {
  background-color: var(--common-item-active-color);
}
.content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--common-background);
  padding: 16px 24px;
  padding-top: 0px;
  box-sizing: border-box;
}
.content-skeleton__line {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  height: 155px;
  overflow: hidden;
}
.content-skeleton__item {
  height: 100%;
  margin-right: 16px;
  padding: 20px 15px;
  flex: 1 1;
  border-radius: 2px;
  border: 1px solid var(--common-border-color);
  box-sizing: border-box;
}
.content-skeleton__header {
  display: flex;
  margin-bottom: 21px;
}
.content-skeleton__avatar {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.content-skeleton__title {
  height: 16px;
  flex: 1 1;
}
.content-skeleton__text {
  margin-top: 20px;
  height: 12px;
}
.content-skeleton__text:last-of-type {
  width: 50%;
}
@media screen and (max-width: 800px) {
  .content-skeleton__item {
    min-width: 40%;
  }
}
.vip-guide-tip {
  color: var(--common-content-name-text);
  font-size: 13px;
  cursor: pointer;
  margin-top: 10px;
}
.vip-guide-tip .upgrade-vip,
.vip-guide-tip .goto-login {
  color: #FF980F;
  text-decoration: none;
  margin-left: 16px;
}
.vip-guide-tip .goto-login {
  color: var(--common-button-primary-background);
}
.vip-guide-tip:hover .upgrade-vip {
  color: #FFC271;
}
.vip-guide-tip:active .upgrade-vip {
  color: #FF7C14;
}
.rank-skeleton {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.rank-skeleton__title {
  width: 48px;
  height: 16px;
  background: var(--common-background);
  border-radius: 2px;
  margin-bottom: 12px;
}
.rank-skeleton__list {
  display: flex;
}
.rank-skeleton__list__item {
  flex: 1 1;
  height: 110px;
  background: var(--common-background);
  border-radius: 2px;
  margin-left: 16px;
}
.rank-skeleton__list__item:nth-child(1) {
  margin-left: 0;
}
.rank-skeleton__list__item--notAll {
  height: 162px;
}

.search-bar {
  display: flex;
  position: relative;
  margin: 0 14px;
  z-index: 10;
}
.search-bar__input-cnt {
  flex: 1 1;
  font-size: 12px;
  line-height: 38px;
  height: 38px;
  padding: 0 16px 0 34px;
  box-sizing: border-box;
  color: var(--common-color-text-primary);
  border-radius: 6px;
  background: var(--common-button-secondary-background);
  border: 1px solid var(--common-line-color);
  border-bottom-color: var(--common-button-secondary-border);
}
.search-bar__input-cnt:hover {
  border: 1px solid var(--common-button-primary-background-hover);
  box-shadow: none;
  border-radius: 6px;
}
.search-bar__input-cnt.focused {
  border: 1px solid var(--common-button-primary-background-active);
  box-shadow: none;
  border-radius: 6px;
}
.search-bar__folder-tip {
  height: 26px;
  margin-right: 8px;
  padding: 0 6px 0 12px;
  border-radius: 13px;
  color: var(--KWebStartpageRightV2CommonPalette-text-03);
  background: var(--KWebStartpageRightV2CommonPalette-status-03);
}
.search-bar__folder-tip:hover {
  background: var(--KWebStartpageRightV2CommonPalette-status-04);
}
.search-bar__folder-tip:active {
  background: var(--KWebStartpageRightV2CommonPalette-status-03);
}
.search-bar__folder-tip svg,
.search-bar__folder-tip img {
  width: 16px;
  height: 16px;
}
.search-bar__folder-name {
  margin: 0 6px 0 4px;
  max-width: 124px;
  color: var(--KWebStartpageRightV2CommonPalette-text-03);
}
.search-bar__del-folder {
  cursor: pointer;
  color: var(--KWebStartpageRightV2CommonPalette-icon-06);
}
.search-bar__del-folder:hover {
  color: var(--KWebStartpageRightV2CommonPalette-icon-04);
}
.search-bar__del-folder:active {
  color: var(--KWebStartpageRightV2CommonPalette-icon-03);
}
.search-bar__input {
  font-size: 14px;
  border: none;
  outline: none;
  line-height: 22px;
  height: 22px;
  background: transparent;
  color: var(--common-color-text-primary);
  text-indent: 3px;
}
.search-bar__input::-moz-placeholder {
  color: var(--common-input-placeholder-text);
}
.search-bar__input::placeholder {
  color: var(--common-input-placeholder-text);
}
.search-bar__icon {
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  color: var(--common-icon-public-color);
}
.search-bar__input:focus + .search-bar__icon {
  color: var(--common-icon-public-color);
}
.search-bar__close {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  color: #757575;
}
.search-bar__close:hover {
  color: #919191;
}
.search-bar__close:active {
  color: var(--common-icon-active-color);
}
.search-bar__tip {
  position: fixed;
  z-index: 100;
  width: 150px;
}
.search-bar__tip-item {
  height: 28px;
  line-height: 28px;
  color: var(--common-color-text-primary);
  padding-left: 30px;
}
.search-bar__tip-item:hover {
  background-color: var(--common-background-hover);
}
.search-bar__tip-item:active {
  background-color: var(--common-background-active);
}
.search-bar__tip-item--disabled {
  color: var(--common-secondary-text) !important;
  background-color: transparent !important;
  cursor: default;
}
.dashboardview-html .search-bar__input-cnt {
  padding-left: 42px;
}
.dashboardview-html .search-bar__folder-tip {
  font-size: 15px;
}
.dashboardview-html .search-bar__input {
  font-size: 15px;
}
.dashboardview-html .search-bar__input::-moz-placeholder {
  color: var(--common-secondary-text);
}
.dashboardview-html .search-bar__input::placeholder {
  color: var(--common-secondary-text);
}

html {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden !important;
  background-color: var(--common-background);
}
body {
  margin: 0;
  font-family: 'PingFang SC';
}
::-webkit-scrollbar {
  width: 12px;
  height: 6px;
  min-height: 6px;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 7px;
}
::-webkit-scrollbar-thumb {
  background: var(--common-scroll-color);
  border-radius: 8px;
  border: 2px solid var(--common-background);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--common-scroll-hover-color);
}
::-webkit-scrollbar-thumb:active {
  background: var(--common-scroll-active-color);
}
div,
ul,
li,
span,
a,
button {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  /* 取消点击高亮效果 */
}
button {
  background-color: inherit;
  border: none;
  outline: none;
  padding: 0;
  font-size: inherit;
  color: inherit;
}
.mr10 {
  margin-right: 10px;
}
.mr5 {
  margin-right: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml5 {
  margin-left: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt5 {
  margin-top: 5px;
}
.ellipsis,
.ellipsis-paragraph {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ellipsis {
  white-space: nowrap;
  word-break: break-all;
}
.ellipsis-paragraph {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.search-page {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 14px;
  font-size: 14px;
  line-height: 22px;
  color: var(--common-color-text-primary);
  background-color: var(--common-background);
}
.hidden {
  display: none;
}
.out-of-viewbox {
  position: absolute;
  left: -100vw;
  top: -100vh;
}
.svg-icon {
  color: var(--common-icon-color);
  flex-shrink: 0;
}
.svg-icon-public {
  color: var(--common-icon-public-color);
  flex-shrink: 0;
}
.g-tip {
  width: 100%;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.g-tip__img {
  width: 100px;
  height: 100px;
}
.g-tip__text {
  margin-top: 16px;
  font-size: 16px;
  color: var(--common-color-text-primary);
  line-height: 24px;
  white-space: pre-wrap;
  font-weight: 400;
  text-align: center;
}
.g-tip__fulltext-search-guide {
  cursor: pointer;
}
.g-tip__fulltext-search-guide span {
  color: var(--common-button-primary-background);
}
.g-tip__desc {
  margin-top: 4px;
  font-size: 14px;
  color: var(--common-text);
  line-height: 22px;
}
.g-tip__btn {
  font-size: 14px;
  margin-top: 16px;
  cursor: pointer;
  width: 88px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-weight: 400;
  background-color: var(--common-button-primary-background);
  color: var(--common-button-primary-text);
  border-radius: 6px;
}
.g-tip__btn:hover {
  background-color: var(--common-button-primary-background-hover);
}
.g-tip__btn:active {
  background-color: var(--common-button-primary-background-active);
}
.g-tip__vip-btn {
  background-color: #ff980f;
}
.g-tip__vip-btn:hover {
  background-color: #ffc271;
}
.g-tip__vip-btn:active {
  background-color: #ff7c14;
}
.g-tip__center-btn {
  margin: 20px auto 0;
}
.g-tip__wider-btn {
  width: auto;
  display: table;
  border-collapse: separate;
  padding: 0 16px;
}
.wps-context-menu {
  background-color: var(--common-background);
  border: 1px solid var(--common-line-color);
  box-shadow: 0px 12px 32px rgba(13, 13, 13, 0.08);
  padding: 8px;
  width: 180px;
  box-sizing: border-box;
  border-radius: 8px;
}
.wps-context-menu__item {
  height: 32px;
  display: flex;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 4px;
  border-radius: 6px;
  padding-left: 10px;
}
.wps-context-menu__item:last-child {
  margin-bottom: 0px;
}
.wps-context-menu__item:hover {
  background-color: var(--common-item-hover-color);
}
.wps-context-menu__item:active {
  background-color: var(--common-item-active-color);
}
.wps-context-menu__item--disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.wps-context-menu__icon {
  margin-right: 5px;
  width: 20px;
  display: flex;
  align-items: center;
}
.wps-context-menu__icon svg {
  color: var(--common-icon-color);
}
.wps-context-menu__line {
  height: 1px;
  background-color: var(--common-line-color);
  margin: 7px 0 8px;
}
.kd-tooltip {
  box-shadow: 0px 12px 32px rgba(13, 13, 13, 0.08);
  background: var(--common-background);
  border: 1px solid var(--common-line-color);
}
.kd-tooltip .kd-tooltip-content {
  color: var(--common-title-color);
  font-size: 12px;
}
.kd-tooltip .kd-tooltip-arrow {
  background: var(--common-background) !important;
  border-color: var(--common-line-color);
}
.kd-loading-icon {
  color: var(--common-load-circle-progress);
}
.kd-menu-item {
  height: 32px;
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 0 8px;
  outline: none !important;
}
.kd-menu-item:focus-visible,
.kd-menu-item:focus {
  outline: none !important;
}
.kd-divider-horizontal {
  margin: 0px;
  margin-bottom: 4px;
}
.kd-popover-content {
  padding: 12px;
}
.kd-popover {
  background-color: var(--common-background) !important;
  border: 1px solid var(--common-line-color) !important;
  box-shadow: 0px 12px 32px rgba(13, 13, 13, 0.08) !important;
}
/*
 * @summary flex布局公共类
 * @author zhouzhi <zhouzhi@wps.cn>
 * Created at Tue Jun 22 2021 上午11:04:36
 * Copyright (c) 2021 KSO
 */
.flex-row,
.flex-col {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-row {
  flex-direction: row;
}
.flex-row.flex-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col.flex-reverse {
  flex-direction: column-reverse;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-hcenter {
  justify-content: center;
}
.flex-jc-start {
  justify-content: flex-start;
}
.flex-jc-end {
  justify-content: flex-end;
}
.flex-jc-between {
  justify-content: space-between;
}
.flex-jc-around {
  justify-content: space-around;
}
.flex-jc-evenly {
  justify-content: space-evenly;
}
.flex-vcenter {
  align-items: center;
}
.flex-ai-start {
  align-items: flex-start;
}
.flex-ai-end {
  align-items: flex-end;
}
.flex-ai-stretch {
  align-items: stretch;
}
.flex-g-1 {
  flex-grow: 1;
}
.flex-no-shrink {
  flex-shrink: 0;
}
/*
 * @summary button公共样式
 * @author zhouzhi <zhouzhi@wps.cn>
 * Created at Thu Jun 17 2021 下午5:53:50
 * Copyright (c) 2021 KSO
 */
.wps-button {
  display: block;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  padding: 0 18px;
  text-align: center;
  font-size: 14px;
  border: none;
  outline: none;
}
.wps-button.wps-button-normal {
  color: var(--common-content-name-text);
  background: var(--common-button-secondary-background);
  border: 1px solid var(--common-button-secondary-border);
}
.wps-button.wps-button-normal:hover:not([disabled]) {
  border-color: var(--common-button-secondary-border-hover);
  background: var(--common-button-secondary-background-hover);
}
.wps-button.wps-button-normal:active:not([disabled]) {
  border-color: var(--common-button-secondary-border-active);
  background: var(--common-button-secondary-background-active);
}
.wps-button.wps-button-primary {
  color: var(--common-button-primary-text);
  background: var(--common-button-primary-background);
}
.wps-button.wps-button-primary:hover:not([disabled]) {
  background: var(--common-button-primary-background-hover);
}
.wps-button.wps-button-primary:active:not([disabled]) {
  background: var(--common-button-primary-background-active);
}
.wps-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

html{--kd-color-orange-1:254,241,234;--kd-color-orange-2:253,224,207;--kd-color-orange-3:252,196,162;--kd-color-orange-4:251,164,113;--kd-color-orange-5:251,126,51;--kd-color-orange-6:226,101,26;--kd-color-orange-7:194,80,16;--kd-color-orange-8:159,64,9;--kd-color-orange-9:123,48,5;--kd-color-orange-10:88,34,2;--kd-color-yellow-1:252,242,224;--kd-color-yellow-2:248,228,187;--kd-color-yellow-3:248,214,144;--kd-color-yellow-4:249,201,107;--kd-color-yellow-5:248,185,56;--kd-color-yellow-6:233,157,0;--kd-color-yellow-7:196,130,0;--kd-color-yellow-8:154,102,0;--kd-color-yellow-9:112,74,0;--kd-color-yellow-10:72,48,0;--kd-color-verdure-1:239,246,212;--kd-color-verdure-2:224,236,174;--kd-color-verdure-3:200,216,136;--kd-color-verdure-4:176,195,99;--kd-color-verdure-5:151,175,61;--kd-color-verdure-6:123,153,0;--kd-color-verdure-7:102,127,0;--kd-color-verdure-8:82,101,0;--kd-color-verdure-9:61,77,0;--kd-color-verdure-10:44,55,0;--kd-color-green-1:233,246,227;--kd-color-green-2:202,241,185;--kd-color-green-3:169,222,146;--kd-color-green-4:134,197,107;--kd-color-green-5:101,171,72;--kd-color-green-6:65,143,31;--kd-color-green-7:52,115,23;--kd-color-green-8:39,91,16;--kd-color-green-9:30,72,11;--kd-color-green-10:22,58,7;--kd-color-teal-1:228,246,240;--kd-color-teal-2:188,241,222;--kd-color-teal-3:143,224,195;--kd-color-teal-4:104,205,170;--kd-color-teal-5:63,182,140;--kd-color-teal-6:16,153,104;--kd-color-teal-7:5,124,82;--kd-color-teal-8:2,98,64;--kd-color-teal-9:0,79,51;--kd-color-teal-10:0,60,39;--kd-color-azure-1:230,246,248;--kd-color-azure-2:196,238,243;--kd-color-azure-3:131,222,234;--kd-color-azure-4:95,200,214;--kd-color-azure-5:59,179,195;--kd-color-azure-6:0,155,176;--kd-color-azure-7:0,130,148;--kd-color-azure-8:0,106,121;--kd-color-azure-9:0,82,93;--kd-color-azure-10:0,59,67;--kd-color-blue-1:237,244,255;--kd-color-blue-2:214,230,255;--kd-color-blue-3:166,200,255;--kd-color-blue-4:116,169,253;--kd-color-blue-5:69,139,250;--kd-color-blue-6:31,105,224;--kd-color-blue-7:30,95,199;--kd-color-blue-8:23,76,160;--kd-color-blue-9:15,58,128;--kd-color-blue-10:10,48,108;--kd-color-navy-1:244,243,253;--kd-color-navy-2:229,227,250;--kd-color-navy-3:197,191,243;--kd-color-navy-4:165,156,236;--kd-color-navy-5:137,124,235;--kd-color-navy-6:108,90,251;--kd-color-navy-7:86,69,236;--kd-color-navy-8:72,52,214;--kd-color-navy-9:60,47,166;--kd-color-navy-10:49,40,119;--kd-color-indigo-1:247,242,254;--kd-color-indigo-2:236,225,252;--kd-color-indigo-3:212,186,246;--kd-color-indigo-4:187,148,238;--kd-color-indigo-5:167,112,240;--kd-color-indigo-6:147,72,243;--kd-color-indigo-7:128,45,240;--kd-color-indigo-8:111,38,208;--kd-color-indigo-9:90,38,160;--kd-color-indigo-10:66,33,109;--kd-color-violet-1:251,238,254;--kd-color-violet-2:246,222,252;--kd-color-violet-3:240,192,251;--kd-color-violet-4:231,156,248;--kd-color-violet-5:219,111,242;--kd-color-violet-6:195,67,224;--kd-color-violet-7:157,49,182;--kd-color-violet-8:128,39,149;--kd-color-violet-9:103,30,120;--kd-color-violet-10:83,23,97;--kd-color-purple-1:252,239,247;--kd-color-purple-2:254,221,240;--kd-color-purple-3:254,180,223;--kd-color-purple-4:249,143,205;--kd-color-purple-5:242,102,182;--kd-color-purple-6:225,67,160;--kd-color-purple-7:196,50,134;--kd-color-purple-8:165,35,111;--kd-color-purple-9:134,22,88;--kd-color-purple-10:100,9,62;--kd-color-red-1:254,241,241;--kd-color-red-2:253,223,223;--kd-color-red-3:250,193,193;--kd-color-red-4:245,143,143;--kd-color-red-5:241,92,91;--kd-color-red-6:221,51,50;--kd-color-red-7:187,39,38;--kd-color-red-8:157,28,28;--kd-color-red-9:131,19,19;--kd-color-red-10:106,11,10;--kd-color-gray-1:245,245,245;--kd-color-gray-2:238,238,238;--kd-color-gray-3:230,230,230;--kd-color-gray-4:219,219,219;--kd-color-gray-5:204,204,204;--kd-color-gray-6:145,145,145;--kd-color-gray-7:117,117,117;--kd-color-gray-8:87,87,87;--kd-color-gray-9:51,51,51;--kd-color-gray-10:13,13,13;--kd-color-white:255,255,255;--kd-color-black:0,0,0;--kd-color-brand-1:237,244,255;--kd-color-brand-2:214,230,255;--kd-color-brand-3:166,200,255;--kd-color-brand-4:116,169,253;--kd-color-brand-5:69,139,250;--kd-color-brand-6:31,105,224;--kd-color-brand-7:30,95,199;--kd-color-brand-8:23,76,160;--kd-color-brand-9:15,58,128;--kd-color-brand-10:10,48,108;--kd-color-public-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-public-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-public-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-public-light:rgba(var(--kd-color-blue-1), 1);--kd-color-brand-normal:rgba(var(--kd-color-brand-6), 1);--kd-color-brand-hover:rgba(var(--kd-color-brand-5), 1);--kd-color-brand-pressed:rgba(var(--kd-color-brand-7), 1);--kd-color-brand-light:rgba(var(--kd-color-brand-1), 1);--kd-color-ai-normal:rgba(131,80,242,1);--kd-color-ai-hover:rgba(156,117,240,1);--kd-color-ai-pressed:rgba(104,42,239,1);--kd-color-ai-light:rgba(244,239,253,1);--kd-color-ai-light-gradient:linear-gradient(90deg, #ede1fd 0%, #e0d4fa 100%);--kd-color-text-primary:rgba(var(--kd-color-gray-10), 0.9);--kd-color-text-secondary:rgba(var(--kd-color-gray-10), 0.66);--kd-color-text-tertiary:rgba(var(--kd-color-gray-10), 0.46);--kd-color-text-public:rgba(var(--kd-color-blue-7), 1);--kd-color-text-white:rgba(var(--kd-color-white), 1);--kd-color-text-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-text-ai:rgba(104,42,239,1);--kd-color-text-success:rgba(var(--kd-color-green-7), 1);--kd-color-text-info:rgba(var(--kd-color-blue-7), 1);--kd-color-text-error:rgba(var(--kd-color-red-7), 1);--kd-color-text-warning:rgba(var(--kd-color-orange-7), 1);--kd-color-text-highlight:rgba(var(--kd-color-yellow-7), 1);--kd-color-icon-primary:rgba(var(--kd-color-gray-9), 1);--kd-color-icon-secondary:rgba(var(--kd-color-gray-7), 1);--kd-color-icon-public:rgba(var(--kd-color-blue-7), 1);--kd-color-icon-white:rgba(var(--kd-color-white), 1);--kd-color-icon-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-icon-ai:rgba(104,42,239,1);--kd-color-icon-success:rgba(var(--kd-color-green-6), 1);--kd-color-icon-info:rgba(var(--kd-color-blue-6), 1);--kd-color-icon-error:rgba(var(--kd-color-red-6), 1);--kd-color-icon-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-icon-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-state-normal:rgba(var(--kd-color-gray-10), 0);--kd-color-state-hover:rgba(var(--kd-color-gray-10), 0.06);--kd-color-state-pressed:rgba(var(--kd-color-gray-10), 0.1);--kd-color-state-pressed-public:rgba(var(--kd-color-blue-6), 0.1);--kd-color-state-pressed-brand:rgba(var(--kd-color-brand-6), 0.1);--kd-color-state-pressed-ai:rgba(131, 80, 242, 0.10);--kd-color-background-top:rgba(var(--kd-color-white), 1);--kd-color-background-middle:rgba(var(--kd-color-white), 1);--kd-color-background-bottom:rgba(var(--kd-color-white), 1);--kd-color-background-plate:rgba(var(--kd-color-gray-1), 1);--kd-color-background-base:rgba(var(--kd-color-gray-2), 1);--kd-color-background-frame:rgba(var(--kd-color-gray-3), 1);--kd-color-background-ai:rgba(246, 249, 255, 1);--kd-color-line-heavy:rgba(var(--kd-color-gray-10), 0.48);--kd-color-line-medium:rgba(var(--kd-color-gray-10), 0.24);--kd-color-line-regular:rgba(var(--kd-color-gray-10), 0.12);--kd-color-line-light:rgba(var(--kd-color-gray-10), 0.06);--kd-color-line-public:rgba(var(--kd-color-blue-7), 1);--kd-color-line-white:rgba(var(--kd-color-white), 1);--kd-color-line-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-line-ai:rgba(104,42,239,1);--kd-color-line-success:rgba(var(--kd-color-green-6), 1);--kd-color-line-info:rgba(var(--kd-color-blue-6), 1);--kd-color-line-error:rgba(var(--kd-color-red-6), 1);--kd-color-line-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-line-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-fill-extra-heavy:rgba(var(--kd-color-gray-5), 1);--kd-color-fill-heavy:rgba(var(--kd-color-gray-4), 1);--kd-color-fill-medium:rgba(var(--kd-color-gray-3), 1);--kd-color-fill-regular:rgba(var(--kd-color-gray-2), 1);--kd-color-fill-light:rgba(var(--kd-color-gray-1), 1);--kd-color-fill-base:rgba(var(--kd-color-white), 1);--kd-color-mask-regular:rgba(var(--kd-color-gray-10), 0.5);--kd-color-mask-heavy:rgba(var(--kd-color-gray-10), 0.8);--kd-color-feedback-regular:rgba(var(--kd-color-gray-8), 1);--kd-color-inverse-base:rgba(var(--kd-color-white), 1);--kd-color-info-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-info-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-info-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-info-light:rgba(var(--kd-color-blue-1), 1);--kd-color-success-normal:rgba(var(--kd-color-green-6), 1);--kd-color-success-hover:rgba(var(--kd-color-green-5), 1);--kd-color-success-pressed:rgba(var(--kd-color-green-7), 1);--kd-color-success-light:rgba(var(--kd-color-green-1), 1);--kd-color-error-normal:rgba(var(--kd-color-red-6), 1);--kd-color-error-hover:rgba(var(--kd-color-red-5), 1);--kd-color-error-pressed:rgba(var(--kd-color-red-7), 1);--kd-color-error-light:rgba(var(--kd-color-red-1), 1);--kd-color-highlight-normal:rgba(var(--kd-color-yellow-6), 1);--kd-color-highlight-hover:rgba(var(--kd-color-yellow-5), 1);--kd-color-highlight-pressed:rgba(var(--kd-color-yellow-7), 1);--kd-color-highlight-light:rgba(var(--kd-color-yellow-1), 1);--kd-color-warning-normal:rgba(var(--kd-color-orange-6), 1);--kd-color-warning-hover:rgba(var(--kd-color-orange-5), 1);--kd-color-warning-pressed:rgba(var(--kd-color-orange-7), 1);--kd-color-warning-light:rgba(var(--kd-color-orange-1), 1);--kd-box-shadow-extra-small:0px 0px 0px 1px rgba(var(--kd-color-gray-10), 0.1),0px 1px 0px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-small:0px 1px 4px rgba(var(--kd-color-gray-10), 0.1);--kd-box-shadow-middle:0px 1px 4px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-large:0px 12px 32px rgba(var(--kd-color-gray-10), 0.08);--kd-box-shadow-extra-large:0px 32px 48px rgba(var(--kd-color-gray-10), 0.2);--kd-box-shadow-glow:0px 0px 4px rgba(var(--kd-color-blue-6), 1);--kd-font-family:"-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","PingFang SC","Noto Sans","Noto Sans CJK SC","Microsoft YaHei","微软雅黑","sans-serif";--kd-font-size-extra-small:10px;--kd-font-size-small:12px;--kd-font-size-base:14px;--kd-font-size-middle:16px;--kd-font-size-large:18px;--kd-font-size-extra-large:20px;--kd-font-size-xx-large:24px;--kd-font-size-xxx-large:28px;--kd-font-weight-regular:400;--kd-font-weight-bold:600;--kd-font-line-height-extra-small:calc(var(--kd-font-size-extra-small) + 8px);--kd-font-line-height-small:calc(var(--kd-font-size-small) + 8px);--kd-font-line-height-base:calc(var(--kd-font-size-base) + 8px);--kd-font-line-height-middle:calc(var(--kd-font-size-middle) + 8px);--kd-font-line-height-large:calc(var(--kd-font-size-large) + 12px);--kd-font-line-height-extra-large:calc(var(--kd-font-size-extra-large) + 12px);--kd-font-line-height-xx-large:calc(var(--kd-font-size-xx-large) + 12px);--kd-font-line-height-xxx-large:calc(var(--kd-font-size-xxx-large) + 12px);--kd-font-line-height-reset:1;--kd-font-line-height-text:1.625;--kd-border-radius-none:0;--kd-border-radius-extra-small:2px;--kd-border-radius-small:4px;--kd-border-radius-middle:6px;--kd-border-radius-large:8px;--kd-border-radius-extra-large:12px;--kd-border-radius-circle:999px;--kd-all-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);--kd-fade-transition:opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);--kd-fade-linear-transition:opacity 200ms linear;--kd-md-fade-transition:transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms,opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;--kd-border-transition-base:border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);--kd-color-transition-base:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);--kd-animation-fade-in-down:fadeInDown 0.2s;--kd-animation-fade-out-up:fadeOutUp 0.2s;--kd-animation-fade-in-up:fadeInUp 0.2s;--kd-animation-fade-in-right:fadeInRight 0.2s;--kd-animation-fade-scaleY-in:fadeScaleYIn 0.2s;--kd-animation-bounce-in:bounceIn 0.3s 1;--kd-z-index-invisible:-100;--kd-z-index-default:1;--kd-z-index-float:10;--kd-z-index-mask:999;--kd-z-index-dialog:1000;--kd-z-index-reminder:1020;--kd-z-index-popover:1030;--kd-z-index-popupmenu:1040;--kd-z-index-tip:1050;--kd-color-state-pressed-brand-filter:invert(37%) sepia(95%) saturate(4253%) hue-rotate(209deg) brightness(99%) contrast(107%);--kd-opacity-disabled:0.3;--kd-color-brand-disable:rgba(var(--kd-color-brand-6), var(--kd-opacity-disabled));--kd-color-text-disable:rgba(var(--kd-color-gray-10), .27)}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-50%,0)}to{opacity:1}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-5px,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeScaleYIn{0%{opacity:0;transform:scaleY(.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1;transform:scale3d(1,1,1)}}
html[theme-mode=dark]{--kd-color-orange-1:66,49,45;--kd-color-orange-2:95,57,46;--kd-color-orange-3:124,67,45;--kd-color-orange-4:153,77,42;--kd-color-orange-5:181,85,36;--kd-color-orange-6:208,96,29;--kd-color-orange-7:245,109,28;--kd-color-orange-8:254,147,76;--kd-color-orange-9:255,188,148;--kd-color-orange-10:255,230,215;--kd-color-yellow-1:60,52,35;--kd-color-yellow-2:87,71,41;--kd-color-yellow-3:117,93,45;--kd-color-yellow-4:149,115,49;--kd-color-yellow-5:183,138,51;--kd-color-yellow-6:218,163,57;--kd-color-yellow-7:247,187,67;--kd-color-yellow-8:254,208,109;--kd-color-yellow-9:254,224,157;--kd-color-yellow-10:255,233,184;--kd-color-verdure-1:51,55,35;--kd-color-verdure-2:63,70,36;--kd-color-verdure-3:75,85,34;--kd-color-verdure-4:89,103,31;--kd-color-verdure-5:105,126,25;--kd-color-verdure-6:127,152,27;--kd-color-verdure-7:151,176,47;--kd-color-verdure-8:176,199,86;--kd-color-verdure-9:203,221,128;--kd-color-verdure-10:228,241,175;--kd-color-green-1:45,57,40;--kd-color-green-2:48,67,39;--kd-color-green-3:48,67,39;--kd-color-green-4:57,101,38;--kd-color-green-5:62,121,36;--kd-color-green-6:69,144,37;--kd-color-green-7:92,171,57;--kd-color-green-8:123,197,91;--kd-color-green-9:160,220,131;--kd-color-green-10:214,243,200;--kd-color-teal-1:40,56,50;--kd-color-teal-2:39,70,59;--kd-color-teal-3:38,85,69;--kd-color-teal-4:32,105,79;--kd-color-teal-5:20,123,87;--kd-color-teal-6:0,148,96;--kd-color-teal-7:12,175,118;--kd-color-teal-8:59,201,154;--kd-color-teal-9:117,227,189;--kd-color-teal-10:198,244,230;--kd-color-azure-1:36,56,58;--kd-color-azure-2:37,70,74;--kd-color-azure-3:36,86,93;--kd-color-azure-4:31,103,112;--kd-color-azure-5:18,121,134;--kd-color-azure-6:0,141,159;--kd-color-azure-7:16,166,185;--kd-color-azure-8:58,196,213;--kd-color-azure-9:117,221,234;--kd-color-azure-10:213,240,244;--kd-color-blue-1:40,53,74;--kd-color-blue-2:39,61,97;--kd-color-blue-3:37,71,126;--kd-color-blue-4:34,85,169;--kd-color-blue-5:24,99,218;--kd-color-blue-6:30,116,255;--kd-color-blue-7:66,137,255;--kd-color-blue-8:104,161,255;--kd-color-blue-9:148,189,255;--kd-color-blue-10:223,235,255;--kd-color-navy-1:53,49,82;--kd-color-navy-2:59,50,121;--kd-color-navy-3:66,52,171;--kd-color-navy-4:76,57,211;--kd-color-navy-5:91,70,232;--kd-color-navy-6:109,92,244;--kd-color-navy-7:135,120,250;--kd-color-navy-8:168,156,253;--kd-color-navy-9:199,190,255;--kd-color-navy-10:235,232,255;--kd-color-indigo-1:60,47,76;--kd-color-indigo-2:74,48,106;--kd-color-indigo-3:87,50,136;--kd-color-indigo-4:104,53,171;--kd-color-indigo-5:122,53,213;--kd-color-indigo-6:144,75,233;--kd-color-indigo-7:168,110,242;--kd-color-indigo-8:193,150,249;--kd-color-indigo-9:217,189,253;--kd-color-indigo-10:241,231,254;--kd-color-violet-1:66,46,70;--kd-color-violet-2:87,51,95;--kd-color-violet-3:111,55,123;--kd-color-violet-4:135,60,151;--kd-color-violet-5:162,67,183;--kd-color-violet-6:192,74,219;--kd-color-violet-7:209,109,233;--kd-color-violet-8:224,150,241;--kd-color-violet-9:234,187,245;--kd-color-violet-10:246,229,250;--kd-color-purple-1:69,47,60;--kd-color-purple-2:100,50,79;--kd-color-purple-3:126,53,96;--kd-color-purple-4:152,58,113;--kd-color-purple-5:182,66,133;--kd-color-purple-6:215,76,158;--kd-color-purple-7:235,110,182;--kd-color-purple-8:243,150,204;--kd-color-purple-9:249,186,223;--kd-color-purple-10:254,227,243;--kd-color-red-1:74,45,45;--kd-color-red-2:101,45,45;--kd-color-red-3:129,47,47;--kd-color-red-4:155,50,50;--kd-color-red-5:184,54,54;--kd-color-red-6:214,61,61;--kd-color-red-7:237,75,75;--kd-color-red-8:244,120,120;--kd-color-red-9:250,169,169;--kd-color-red-10:254,229,229;--kd-color-gray-1:51,51,51;--kd-color-gray-2:56,56,56;--kd-color-gray-3:64,64,64;--kd-color-gray-4:71,71,71;--kd-color-gray-5:82,82,82;--kd-color-gray-6:102,102,102;--kd-color-gray-7:133,133,133;--kd-color-gray-8:153,153,153;--kd-color-gray-9:199,199,199;--kd-color-gray-10:245,245,245;--kd-color-white:255,255,255;--kd-color-black:0,0,0;--kd-color-brand-1:40,53,74;--kd-color-brand-2:39,61,97;--kd-color-brand-3:37,71,126;--kd-color-brand-4:34,85,169;--kd-color-brand-5:24,99,218;--kd-color-brand-6:30,116,255;--kd-color-brand-7:66,137,255;--kd-color-brand-8:104,161,255;--kd-color-brand-9:148,189,255;--kd-color-brand-10:223,235,255;--kd-color-public-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-public-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-public-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-public-light:rgba(var(--kd-color-blue-1), 1);--kd-color-brand-normal:rgba(var(--kd-color-brand-6), 1);--kd-color-brand-hover:rgba(var(--kd-color-brand-5), 1);--kd-color-brand-pressed:rgba(var(--kd-color-brand-7), 1);--kd-color-brand-light:rgba(var(--kd-color-brand-1), 1);--kd-color-ai-normal:rgba(136,87,242,1);--kd-color-ai-hover:rgba(113,61,225,1);--kd-color-ai-pressed:rgba(158,117,245,1);--kd-color-ai-light:rgba(58, 48, 85, 1);--kd-color-ai-light-gradient:linear-gradient(90deg, #3f3c5f 0%, #6e46a3 100%);--kd-color-text-primary:rgba(var(--kd-color-gray-10), 0.9);--kd-color-text-secondary:rgba(var(--kd-color-gray-10), 0.56);--kd-color-text-tertiary:rgba(var(--kd-color-gray-10), 0.40);--kd-color-text-public:rgba(var(--kd-color-blue-7), 1);--kd-color-text-white:rgba(var(--kd-color-white), 1);--kd-color-text-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-text-ai:rgba(158,117,245,1);--kd-color-text-success:rgba(var(--kd-color-green-7), 1);--kd-color-text-info:rgba(var(--kd-color-blue-7), 1);--kd-color-text-error:rgba(var(--kd-color-red-7), 1);--kd-color-text-warning:rgba(var(--kd-color-orange-7), 1);--kd-color-text-highlight:rgba(var(--kd-color-yellow-7), 1);--kd-color-icon-primary:rgba(var(--kd-color-gray-9), 1);--kd-color-icon-secondary:rgba(var(--kd-color-gray-7), 1);--kd-color-icon-public:rgba(var(--kd-color-blue-7), 1);--kd-color-icon-white:rgba(var(--kd-color-white), 1);--kd-color-icon-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-icon-ai:rgba(158,117,245,1);--kd-color-icon-success:rgba(var(--kd-color-green-6), 1);--kd-color-icon-info:rgba(var(--kd-color-blue-6), 1);--kd-color-icon-error:rgba(var(--kd-color-red-6), 1);--kd-color-icon-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-icon-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-state-normal:rgba(var(--kd-color-gray-10), 0);--kd-color-state-hover:rgba(var(--kd-color-gray-10), 0.06);--kd-color-state-pressed:rgba(var(--kd-color-gray-10), 0.1);--kd-color-state-pressed-public:rgba(var(--kd-color-blue-6), 0.16);--kd-color-state-pressed-brand:rgba(var(--kd-color-brand-6), 0.16);--kd-color-state-pressed-ai:rgba(136, 87, 242, 0.16);--kd-color-background-top:rgba(51, 51, 51, 1);--kd-color-background-middle:rgba(45, 45, 45, 1);--kd-color-background-bottom:rgba(38, 38, 38, 1);--kd-color-background-plate:rgba(34, 34, 34, 1);--kd-color-background-base:rgba(25, 25, 25, 1);--kd-color-background-frame:rgba(13, 13, 13, 1);--kd-color-background-ai:rgba(31, 33, 36, 1);--kd-color-line-heavy:rgba(var(--kd-color-gray-10), 0.48);--kd-color-line-medium:rgba(var(--kd-color-gray-10), 0.24);--kd-color-line-regular:rgba(var(--kd-color-gray-10), 0.14);--kd-color-line-light:rgba(var(--kd-color-gray-10), 0.08);--kd-color-line-public:rgba(var(--kd-color-blue-7), 1);--kd-color-line-white:rgba(var(--kd-color-white), 1);--kd-color-line-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-line-ai:rgba(158,117,245,1);--kd-color-line-success:rgba(var(--kd-color-green-6), 1);--kd-color-line-info:rgba(var(--kd-color-blue-6), 1);--kd-color-line-error:rgba(var(--kd-color-red-6), 1);--kd-color-line-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-line-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-fill-extra-heavy:rgba(var(--kd-color-gray-5), 1);--kd-color-fill-heavy:rgba(var(--kd-color-gray-4), 1);--kd-color-fill-medium:rgba(var(--kd-color-gray-3), 1);--kd-color-fill-regular:rgba(var(--kd-color-gray-2), 1);--kd-color-fill-light:rgba(var(--kd-color-gray-1), 1);--kd-color-fill-base:rgba(var(--kd-color-white), 0.08);--kd-color-mask-regular:rgba(var(--kd-color-black), 0.6);--kd-color-mask-heavy:rgba(var(--kd-color-black), 0.8);--kd-color-feedback-regular:rgba(var(--kd-color-gray-8), 1);--kd-color-inverse-base:rgba(var(--kd-color-black), 1);--kd-color-info-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-info-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-info-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-info-light:rgba(var(--kd-color-blue-1), 1);--kd-color-success-normal:rgba(var(--kd-color-green-6), 1);--kd-color-success-hover:rgba(var(--kd-color-green-5), 1);--kd-color-success-pressed:rgba(var(--kd-color-green-7), 1);--kd-color-success-light:rgba(var(--kd-color-green-1), 1);--kd-color-error-normal:rgba(var(--kd-color-red-6), 1);--kd-color-error-hover:rgba(var(--kd-color-red-5), 1);--kd-color-error-pressed:rgba(var(--kd-color-red-7), 1);--kd-color-error-light:rgba(var(--kd-color-red-1), 1);--kd-color-highlight-normal:rgba(var(--kd-color-yellow-6), 1);--kd-color-highlight-hover:rgba(var(--kd-color-yellow-5), 1);--kd-color-highlight-pressed:rgba(var(--kd-color-yellow-7), 1);--kd-color-highlight-light:rgba(var(--kd-color-yellow-1), 1);--kd-color-warning-normal:rgba(var(--kd-color-orange-6), 1);--kd-color-warning-hover:rgba(var(--kd-color-orange-5), 1);--kd-color-warning-pressed:rgba(var(--kd-color-orange-7), 1);--kd-color-warning-light:rgba(var(--kd-color-orange-1), 1);--kd-box-shadow-extra-small:0px 0px 0px 1px rgba(var(--kd-color-white), 0.14);--kd-box-shadow-small:0px 1px 4px rgba(var(--kd-color-black), 0.18);--kd-box-shadow-middle:0px 1px 4px rgba(var(--kd-color-black), 0.24);--kd-box-shadow-large:0px 12px 32px rgba(var(--kd-color-black), 0.16);--kd-box-shadow-extra-large:0px 32px 48px rgba(var(--kd-color-black), 0.32);--kd-box-shadow-glow:0px 0px 4px rgba(var(--kd-color-blue-6), 1)}
html[theme-mode=comfortable]{--kd-color-orange-1:254,241,234;--kd-color-orange-2:253,224,207;--kd-color-orange-3:252,196,162;--kd-color-orange-4:251,164,113;--kd-color-orange-5:251,126,51;--kd-color-orange-6:226,101,26;--kd-color-orange-7:194,80,16;--kd-color-orange-8:159,64,9;--kd-color-orange-9:123,48,5;--kd-color-orange-10:88,34,2;--kd-color-yellow-1:252,242,224;--kd-color-yellow-2:248,228,187;--kd-color-yellow-3:248,214,144;--kd-color-yellow-4:249,201,107;--kd-color-yellow-5:248,185,56;--kd-color-yellow-6:233,157,0;--kd-color-yellow-7:196,130,0;--kd-color-yellow-8:154,102,0;--kd-color-yellow-9:112,74,0;--kd-color-yellow-10:72,48,0;--kd-color-verdure-1:239,246,212;--kd-color-verdure-2:224,236,174;--kd-color-verdure-3:200,216,136;--kd-color-verdure-4:176,195,99;--kd-color-verdure-5:151,175,61;--kd-color-verdure-6:123,153,0;--kd-color-verdure-7:102,127,0;--kd-color-verdure-8:82,101,0;--kd-color-verdure-9:61,77,0;--kd-color-verdure-10:44,55,0;--kd-color-green-1:233,246,227;--kd-color-green-2:202,241,185;--kd-color-green-3:169,222,146;--kd-color-green-4:134,197,107;--kd-color-green-5:63,183,114;--kd-color-green-6:0,161,71;--kd-color-green-7:0,136,59;--kd-color-green-8:39,91,16;--kd-color-green-9:30,72,11;--kd-color-green-10:22,58,7;--kd-color-teal-1:228,246,240;--kd-color-teal-2:188,241,222;--kd-color-teal-3:143,224,195;--kd-color-teal-4:104,205,170;--kd-color-teal-5:63,182,140;--kd-color-teal-6:16,153,104;--kd-color-teal-7:5,124,82;--kd-color-teal-8:2,98,64;--kd-color-teal-9:0,79,51;--kd-color-teal-10:0,60,39;--kd-color-azure-1:230,246,248;--kd-color-azure-2:196,238,243;--kd-color-azure-3:131,222,234;--kd-color-azure-4:95,200,214;--kd-color-azure-5:59,179,195;--kd-color-azure-6:0,155,176;--kd-color-azure-7:0,130,148;--kd-color-azure-8:0,106,121;--kd-color-azure-9:0,82,93;--kd-color-azure-10:0,59,67;--kd-color-blue-1:237,244,255;--kd-color-blue-2:214,230,255;--kd-color-blue-3:166,200,255;--kd-color-blue-4:116,169,253;--kd-color-blue-5:69,139,250;--kd-color-blue-6:31,105,224;--kd-color-blue-7:30,95,199;--kd-color-blue-8:23,76,160;--kd-color-blue-9:15,58,128;--kd-color-blue-10:10,48,108;--kd-color-navy-1:244,243,253;--kd-color-navy-2:229,227,250;--kd-color-navy-3:197,191,243;--kd-color-navy-4:165,156,236;--kd-color-navy-5:137,124,235;--kd-color-navy-6:108,90,251;--kd-color-navy-7:86,69,236;--kd-color-navy-8:72,52,214;--kd-color-navy-9:60,47,166;--kd-color-navy-10:49,40,119;--kd-color-indigo-1:247,242,254;--kd-color-indigo-2:236,225,252;--kd-color-indigo-3:212,186,246;--kd-color-indigo-4:187,148,238;--kd-color-indigo-5:167,112,240;--kd-color-indigo-6:147,72,243;--kd-color-indigo-7:128,45,240;--kd-color-indigo-8:111,38,208;--kd-color-indigo-9:90,38,160;--kd-color-indigo-10:66,33,109;--kd-color-violet-1:251,238,254;--kd-color-violet-2:246,222,252;--kd-color-violet-3:240,192,251;--kd-color-violet-4:231,156,248;--kd-color-violet-5:219,111,242;--kd-color-violet-6:195,67,224;--kd-color-violet-7:157,49,182;--kd-color-violet-8:128,39,149;--kd-color-violet-9:103,30,120;--kd-color-violet-10:83,23,97;--kd-color-purple-1:252,239,247;--kd-color-purple-2:254,221,240;--kd-color-purple-3:254,180,223;--kd-color-purple-4:249,143,205;--kd-color-purple-5:242,102,182;--kd-color-purple-6:225,67,160;--kd-color-purple-7:196,50,134;--kd-color-purple-8:165,35,111;--kd-color-purple-9:134,22,88;--kd-color-purple-10:100,9,62;--kd-color-red-1:254,241,241;--kd-color-red-2:253,223,223;--kd-color-red-3:250,193,193;--kd-color-red-4:245,143,143;--kd-color-red-5:241,92,91;--kd-color-red-6:221,51,50;--kd-color-red-7:187,39,38;--kd-color-red-8:157,28,28;--kd-color-red-9:131,19,19;--kd-color-red-10:106,11,10;--kd-color-gray-1:242,242,242;--kd-color-gray-2:227,227,227;--kd-color-gray-3:217,217,217;--kd-color-gray-4:207,207,207;--kd-color-gray-5:191,191,191;--kd-color-gray-6:133,133,133;--kd-color-gray-7:105,105,105;--kd-color-gray-8:74,74,74;--kd-color-gray-9:38,38,38;--kd-color-gray-10:0,0,0;--kd-color-white:255,255,255;--kd-color-black:0,0,0;--kd-color-brand-1:237,244,255;--kd-color-brand-2:214,230,255;--kd-color-brand-3:166,200,255;--kd-color-brand-4:116,169,253;--kd-color-brand-5:69,139,250;--kd-color-brand-6:31,105,224;--kd-color-brand-7:30,95,199;--kd-color-brand-8:23,76,160;--kd-color-brand-9:15,58,128;--kd-color-brand-10:10,48,108;--kd-color-public-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-public-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-public-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-public-light:rgba(var(--kd-color-blue-1), 1);--kd-color-brand-normal:rgba(var(--kd-color-brand-6), 1);--kd-color-brand-hover:rgba(var(--kd-color-brand-5), 1);--kd-color-brand-pressed:rgba(var(--kd-color-brand-7), 1);--kd-color-brand-light:rgba(var(--kd-color-brand-1), 1);--kd-color-ai-normal:rgba(131,80,242,1);--kd-color-ai-hover:rgba(156,117,240,1);--kd-color-ai-pressed:rgba(104,42,239,1);--kd-color-ai-light:rgba(244,239,253,1);--kd-color-ai-light-gradient:linear-gradient(90deg, #ede1fd 0%, #e0d4fa 100%);--kd-color-text-primary:rgba(var(--kd-color-gray-10), 0.9);--kd-color-text-secondary:rgba(var(--kd-color-gray-10), 0.66);--kd-color-text-tertiary:rgba(var(--kd-color-gray-10), 0.46);--kd-color-text-public:rgba(var(--kd-color-blue-7), 1);--kd-color-text-white:rgba(var(--kd-color-white), 1);--kd-color-text-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-text-ai:rgba(104,42,239,1);--kd-color-text-success:rgba(var(--kd-color-green-7), 1);--kd-color-text-info:rgba(var(--kd-color-blue-7), 1);--kd-color-text-error:rgba(var(--kd-color-red-7), 1);--kd-color-text-warning:rgba(var(--kd-color-orange-7), 1);--kd-color-text-highlight:rgba(var(--kd-color-yellow-7), 1);--kd-color-icon-primary:rgba(var(--kd-color-gray-9), 1);--kd-color-icon-secondary:rgba(var(--kd-color-gray-7), 1);--kd-color-icon-public:rgba(var(--kd-color-blue-7), 1);--kd-color-icon-white:rgba(var(--kd-color-white), 1);--kd-color-icon-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-icon-ai:rgba(104,42,239,1);--kd-color-icon-success:rgba(var(--kd-color-green-6), 1);--kd-color-icon-info:rgba(var(--kd-color-blue-6), 1);--kd-color-icon-error:rgba(var(--kd-color-red-6), 1);--kd-color-icon-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-icon-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-state-normal:rgba(var(--kd-color-gray-10), 0);--kd-color-state-hover:rgba(var(--kd-color-gray-10), 0.06);--kd-color-state-pressed:rgba(var(--kd-color-gray-10), 0.1);--kd-color-state-pressed-public:rgba(var(--kd-color-blue-6), 0.1);--kd-color-state-pressed-brand:rgba(var(--kd-color-brand-6), 0.1);--kd-color-state-pressed-ai:rgba(131, 80, 242, 0.10);--kd-color-background-top:rgba(var(--kd-color-white), 1);--kd-color-background-middle:rgba(var(--kd-color-white), 1);--kd-color-background-bottom:rgba(var(--kd-color-white), 1);--kd-color-background-plate:rgba(var(--kd-color-gray-1), 1);--kd-color-background-base:rgba(var(--kd-color-gray-2), 1);--kd-color-background-frame:rgba(var(--kd-color-gray-3), 1);--kd-color-background-ai:rgba(246, 249, 255, 1);--kd-color-line-heavy:rgba(var(--kd-color-gray-10), 0.48);--kd-color-line-medium:rgba(var(--kd-color-gray-10), 0.24);--kd-color-line-regular:rgba(var(--kd-color-gray-10), 0.12);--kd-color-line-light:rgba(var(--kd-color-gray-10), 0.06);--kd-color-line-public:rgba(var(--kd-color-blue-7), 1);--kd-color-line-white:rgba(var(--kd-color-white), 1);--kd-color-line-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-line-ai:rgba(104,42,239,1);--kd-color-line-success:rgba(var(--kd-color-green-6), 1);--kd-color-line-info:rgba(var(--kd-color-blue-6), 1);--kd-color-line-error:rgba(var(--kd-color-red-6), 1);--kd-color-line-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-line-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-fill-extra-heavy:rgba(var(--kd-color-gray-6), 1);--kd-color-fill-heavy:rgba(var(--kd-color-gray-5), 1);--kd-color-fill-medium:rgba(var(--kd-color-gray-4), 1);--kd-color-fill-regular:rgba(var(--kd-color-gray-3), 1);--kd-color-fill-light:rgba(var(--kd-color-gray-2), 1);--kd-color-fill-base:rgba(var(--kd-color-white), 1);--kd-color-mask-regular:rgba(var(--kd-color-gray-10), 0.5);--kd-color-mask-heavy:rgba(var(--kd-color-gray-10), 0.8);--kd-color-feedback-regular:rgba(var(--kd-color-gray-8), 1);--kd-color-inverse-base:rgba(var(--kd-color-white), 1);--kd-color-info-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-info-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-info-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-info-light:rgba(var(--kd-color-blue-1), 1);--kd-color-success-normal:rgba(var(--kd-color-green-6), 1);--kd-color-success-hover:rgba(var(--kd-color-green-5), 1);--kd-color-success-pressed:rgba(var(--kd-color-green-7), 1);--kd-color-success-light:rgba(var(--kd-color-green-1), 1);--kd-color-error-normal:rgba(var(--kd-color-red-6), 1);--kd-color-error-hover:rgba(var(--kd-color-red-5), 1);--kd-color-error-pressed:rgba(var(--kd-color-red-7), 1);--kd-color-error-light:rgba(var(--kd-color-red-1), 1);--kd-color-highlight-normal:rgba(var(--kd-color-yellow-6), 1);--kd-color-highlight-hover:rgba(var(--kd-color-yellow-5), 1);--kd-color-highlight-pressed:rgba(var(--kd-color-yellow-7), 1);--kd-color-highlight-light:rgba(var(--kd-color-yellow-1), 1);--kd-color-warning-normal:rgba(var(--kd-color-orange-6), 1);--kd-color-warning-hover:rgba(var(--kd-color-orange-5), 1);--kd-color-warning-pressed:rgba(var(--kd-color-orange-7), 1);--kd-color-warning-light:rgba(var(--kd-color-orange-1), 1);--kd-box-shadow-extra-small:0px 0px 0px 1px rgba(var(--kd-color-gray-10), 0.1),0px 1px 0px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-small:0px 1px 4px rgba(var(--kd-color-gray-10), 0.1);--kd-box-shadow-middle:0px 1px 4px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-large:0px 12px 32px rgba(var(--kd-color-gray-10), 0.08);--kd-box-shadow-extra-large:0px 32px 48px rgba(var(--kd-color-gray-10), 0.2);--kd-box-shadow-glow:0px 0px 4px rgba(var(--kd-color-blue-6), 1)}
html[theme-mode=green]{--kd-color-orange-1:254,241,234;--kd-color-orange-2:253,224,207;--kd-color-orange-3:252,196,162;--kd-color-orange-4:251,164,113;--kd-color-orange-5:251,126,51;--kd-color-orange-6:226,101,26;--kd-color-orange-7:194,80,16;--kd-color-orange-8:159,64,9;--kd-color-orange-9:123,48,5;--kd-color-orange-10:88,34,2;--kd-color-yellow-1:252,242,224;--kd-color-yellow-2:248,228,187;--kd-color-yellow-3:248,214,144;--kd-color-yellow-4:249,201,107;--kd-color-yellow-5:248,185,56;--kd-color-yellow-6:233,157,0;--kd-color-yellow-7:196,130,0;--kd-color-yellow-8:154,102,0;--kd-color-yellow-9:112,74,0;--kd-color-yellow-10:72,48,0;--kd-color-verdure-1:239,246,212;--kd-color-verdure-2:224,236,174;--kd-color-verdure-3:200,216,136;--kd-color-verdure-4:176,195,99;--kd-color-verdure-5:151,175,61;--kd-color-verdure-6:123,153,0;--kd-color-verdure-7:102,127,0;--kd-color-verdure-8:82,101,0;--kd-color-verdure-9:61,77,0;--kd-color-verdure-10:44,55,0;--kd-color-green-1:232,246,240;--kd-color-green-2:186,240,217;--kd-color-green-3:145,221,189;--kd-color-green-4:108,200,162;--kd-color-green-5:41,174,118;--kd-color-green-6:35,149,101;--kd-color-green-7:31,132,90;--kd-color-green-8:0,105,61;--kd-color-green-9:0,82,48;--kd-color-green-10:0,60,35;--kd-color-teal-1:228,246,240;--kd-color-teal-2:188,241,222;--kd-color-teal-3:143,224,195;--kd-color-teal-4:104,205,170;--kd-color-teal-5:63,182,140;--kd-color-teal-6:16,153,104;--kd-color-teal-7:5,124,82;--kd-color-teal-8:2,98,64;--kd-color-teal-9:0,79,51;--kd-color-teal-10:0,60,39;--kd-color-azure-1:230,246,248;--kd-color-azure-2:196,238,243;--kd-color-azure-3:131,222,234;--kd-color-azure-4:95,200,214;--kd-color-azure-5:59,179,195;--kd-color-azure-6:0,155,176;--kd-color-azure-7:0,130,148;--kd-color-azure-8:0,106,121;--kd-color-azure-9:0,82,93;--kd-color-azure-10:0,59,67;--kd-color-blue-1:237,244,255;--kd-color-blue-2:214,230,255;--kd-color-blue-3:166,200,255;--kd-color-blue-4:116,169,253;--kd-color-blue-5:69,139,250;--kd-color-blue-6:31,105,224;--kd-color-blue-7:30,95,199;--kd-color-blue-8:23,76,160;--kd-color-blue-9:15,58,128;--kd-color-blue-10:10,48,108;--kd-color-navy-1:244,243,253;--kd-color-navy-2:229,227,250;--kd-color-navy-3:197,191,243;--kd-color-navy-4:165,156,236;--kd-color-navy-5:137,124,235;--kd-color-navy-6:108,90,251;--kd-color-navy-7:86,69,236;--kd-color-navy-8:72,52,214;--kd-color-navy-9:60,47,166;--kd-color-navy-10:49,40,119;--kd-color-indigo-1:247,242,254;--kd-color-indigo-2:236,225,252;--kd-color-indigo-3:212,186,246;--kd-color-indigo-4:187,148,238;--kd-color-indigo-5:167,112,240;--kd-color-indigo-6:147,72,243;--kd-color-indigo-7:128,45,240;--kd-color-indigo-8:111,38,208;--kd-color-indigo-9:90,38,160;--kd-color-indigo-10:66,33,109;--kd-color-violet-1:251,238,254;--kd-color-violet-2:246,222,252;--kd-color-violet-3:240,192,251;--kd-color-violet-4:231,156,248;--kd-color-violet-5:219,111,242;--kd-color-violet-6:195,67,224;--kd-color-violet-7:157,49,182;--kd-color-violet-8:128,39,149;--kd-color-violet-9:103,30,120;--kd-color-violet-10:83,23,97;--kd-color-purple-1:252,239,247;--kd-color-purple-2:254,221,240;--kd-color-purple-3:254,180,223;--kd-color-purple-4:249,143,205;--kd-color-purple-5:242,102,182;--kd-color-purple-6:225,67,160;--kd-color-purple-7:196,50,134;--kd-color-purple-8:165,35,111;--kd-color-purple-9:134,22,88;--kd-color-purple-10:100,9,62;--kd-color-red-1:254,241,241;--kd-color-red-2:253,223,223;--kd-color-red-3:250,193,193;--kd-color-red-4:245,143,143;--kd-color-red-5:241,92,91;--kd-color-red-6:221,51,50;--kd-color-red-7:187,39,38;--kd-color-red-8:157,28,28;--kd-color-red-9:131,19,19;--kd-color-red-10:106,11,10;--kd-color-gray-1:245,250,245;--kd-color-gray-2:235,244,234;--kd-color-gray-3:224,237,222;--kd-color-gray-4:201,222,214;--kd-color-gray-5:182,211,199;--kd-color-gray-6:105,155,134;--kd-color-gray-7:61,143,109;--kd-color-gray-8:47,106,81;--kd-color-gray-9:30,56,46;--kd-color-gray-10:0,26,15;--kd-color-white:255,255,255;--kd-color-black:0,0,0;--kd-color-brand-1:232,246,240;--kd-color-brand-2:186,240,217;--kd-color-brand-3:145,221,189;--kd-color-brand-4:108,200,162;--kd-color-brand-5:41,174,118;--kd-color-brand-6:35,149,101;--kd-color-brand-7:31,132,90;--kd-color-brand-8:0,105,61;--kd-color-brand-9:0,82,48;--kd-color-brand-10:0,60,35;--kd-color-public-normal:rgba(var(--kd-color-green-6), 1);--kd-color-public-hover:rgba(var(--kd-color-green-5), 1);--kd-color-public-pressed:rgba(var(--kd-color-green-7), 1);--kd-color-public-light:rgba(var(--kd-color-green-1), 1);--kd-color-brand-normal:rgba(var(--kd-color-brand-6), 1);--kd-color-brand-hover:rgba(var(--kd-color-brand-5), 1);--kd-color-brand-pressed:rgba(var(--kd-color-brand-7), 1);--kd-color-brand-light:rgba(var(--kd-color-brand-1), 1);--kd-color-ai-normal:rgba(131,80,242,1);--kd-color-ai-hover:rgba(156,117,240,1);--kd-color-ai-pressed:rgba(104,42,239,1);--kd-color-ai-light:rgba(244,239,253,1);--kd-color-ai-light-gradient:linear-gradient(90deg, #ede1fd 0%, #e0d4fa 100%);--kd-color-text-primary:rgba(var(--kd-color-gray-10), 0.9);--kd-color-text-secondary:rgba(var(--kd-color-gray-10), 0.66);--kd-color-text-tertiary:rgba(var(--kd-color-gray-10), 0.46);--kd-color-text-public:rgba(var(--kd-color-green-7), 1);--kd-color-text-white:rgba(var(--kd-color-white), 1);--kd-color-text-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-text-ai:rgba(104,42,239,1);--kd-color-text-success:rgba(var(--kd-color-green-7), 1);--kd-color-text-info:rgba(var(--kd-color-blue-7), 1);--kd-color-text-error:rgba(var(--kd-color-red-7), 1);--kd-color-text-warning:rgba(var(--kd-color-orange-7), 1);--kd-color-text-highlight:rgba(var(--kd-color-yellow-7), 1);--kd-color-icon-primary:rgba(var(--kd-color-gray-9), 1);--kd-color-icon-secondary:rgba(var(--kd-color-gray-7), 1);--kd-color-icon-public:rgba(var(--kd-color-green-7), 1);--kd-color-icon-white:rgba(var(--kd-color-white), 1);--kd-color-icon-brand:rgba(var(--kd-color-brand-7), 1);--kd-color-icon-ai:rgba(104,42,239,1);--kd-color-icon-success:rgba(var(--kd-color-green-6), 1);--kd-color-icon-info:rgba(var(--kd-color-blue-6), 1);--kd-color-icon-error:rgba(var(--kd-color-red-6), 1);--kd-color-icon-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-icon-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-state-normal:rgba(var(--kd-color-green-6), 0);--kd-color-state-hover:rgba(var(--kd-color-green-6), 0.1);--kd-color-state-pressed:rgba(var(--kd-color-green-6), 0.2);--kd-color-state-pressed-public:rgba(var(--kd-color-green-6), 0.1);--kd-color-state-pressed-brand:rgba(var(--kd-color-brand-6), 0.1);--kd-color-state-pressed-ai:rgba(131, 80, 242, 0.10);--kd-color-background-top:rgba(var(--kd-color-white), 1);--kd-color-background-middle:rgba(var(--kd-color-white), 1);--kd-color-background-bottom:rgba(var(--kd-color-white), 1);--kd-color-background-plate:rgba(var(--kd-color-gray-1), 1);--kd-color-background-base:rgba(var(--kd-color-gray-2), 1);--kd-color-background-frame:rgba(var(--kd-color-gray-3), 1);--kd-color-background-ai:rgba(246, 249, 255, 1);--kd-color-line-heavy:rgba(var(--kd-color-gray-10), 0.48);--kd-color-line-medium:rgba(var(--kd-color-gray-10), 0.24);--kd-color-line-regular:rgba(var(--kd-color-gray-10), 0.12);--kd-color-line-light:rgba(var(--kd-color-gray-10), 0.06);--kd-color-line-public:rgba(var(--kd-color-green-7), 1);--kd-color-line-white:rgba(var(--kd-color-white), 1);--kd-color-line-brand:rgba(var(--kd-color-brand-6), 1);--kd-color-line-ai:rgba(104,42,239,1);--kd-color-line-success:rgba(var(--kd-color-green-6), 1);--kd-color-line-info:rgba(var(--kd-color-blue-6), 1);--kd-color-line-error:rgba(var(--kd-color-red-6), 1);--kd-color-line-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-line-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-fill-extra-heavy:rgba(var(--kd-color-gray-6), 1);--kd-color-fill-heavy:rgba(var(--kd-color-gray-5), 1);--kd-color-fill-medium:rgba(var(--kd-color-gray-4), 1);--kd-color-fill-regular:rgba(var(--kd-color-gray-3), 1);--kd-color-fill-light:rgba(var(--kd-color-gray-2), 1);--kd-color-fill-base:rgba(var(--kd-color-white), 1);--kd-color-mask-regular:rgba(var(--kd-color-gray-10), 0.5);--kd-color-mask-heavy:rgba(var(--kd-color-gray-10), 0.8);--kd-color-feedback-regular:rgba(87, 87, 87, 1);--kd-color-inverse-base:rgba(var(--kd-color-white), 1);--kd-color-info-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-info-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-info-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-info-light:rgba(var(--kd-color-blue-1), 1);--kd-color-success-normal:rgba(var(--kd-color-green-6), 1);--kd-color-success-hover:rgba(var(--kd-color-green-5), 1);--kd-color-success-pressed:rgba(var(--kd-color-green-7), 1);--kd-color-success-light:rgba(var(--kd-color-green-1), 1);--kd-color-error-normal:rgba(var(--kd-color-red-6), 1);--kd-color-error-hover:rgba(var(--kd-color-red-5), 1);--kd-color-error-pressed:rgba(var(--kd-color-red-7), 1);--kd-color-error-light:rgba(var(--kd-color-red-1), 1);--kd-color-highlight-normal:rgba(var(--kd-color-yellow-6), 1);--kd-color-highlight-hover:rgba(var(--kd-color-yellow-5), 1);--kd-color-highlight-pressed:rgba(var(--kd-color-yellow-7), 1);--kd-color-highlight-light:rgba(var(--kd-color-yellow-1), 1);--kd-color-warning-normal:rgba(var(--kd-color-orange-6), 1);--kd-color-warning-hover:rgba(var(--kd-color-orange-5), 1);--kd-color-warning-pressed:rgba(var(--kd-color-orange-7), 1);--kd-color-warning-light:rgba(var(--kd-color-orange-1), 1);--kd-box-shadow-extra-small:0px 0px 0px 1px rgba(var(--kd-color-gray-10), 0.1),0px 1px 0px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-small:0px 1px 4px rgba(var(--kd-color-gray-10), 0.1);--kd-box-shadow-middle:0px 1px 4px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-large:0px 12px 32px rgba(var(--kd-color-gray-10), 0.08);--kd-box-shadow-extra-large:0px 32px 48px rgba(var(--kd-color-gray-10), 0.2);--kd-box-shadow-glow:0px 0px 4px rgba(var(--kd-color-blue-6), 1)}
html[theme-mode=vip]{--kd-color-orange-1:254,241,234;--kd-color-orange-2:253,224,207;--kd-color-orange-3:252,196,162;--kd-color-orange-4:251,164,113;--kd-color-orange-5:251,126,51;--kd-color-orange-6:226,101,26;--kd-color-orange-7:194,80,16;--kd-color-orange-8:159,64,9;--kd-color-orange-9:123,48,5;--kd-color-orange-10:88,34,2;--kd-color-yellow-1:252,242,224;--kd-color-yellow-2:245,204,135;--kd-color-yellow-3:248,214,144;--kd-color-yellow-4:249,201,107;--kd-color-yellow-5:248,185,56;--kd-color-yellow-6:233,157,0;--kd-color-yellow-7:196,130,0;--kd-color-yellow-8:154,102,0;--kd-color-yellow-9:112,74,0;--kd-color-yellow-10:72,48,0;--kd-color-verdure-1:239,246,212;--kd-color-verdure-2:224,236,174;--kd-color-verdure-3:200,216,136;--kd-color-verdure-4:176,195,99;--kd-color-verdure-5:151,175,61;--kd-color-verdure-6:123,153,0;--kd-color-verdure-7:102,127,0;--kd-color-verdure-8:82,101,0;--kd-color-verdure-9:61,77,0;--kd-color-verdure-10:44,55,0;--kd-color-green-1:233,246,227;--kd-color-green-2:202,241,185;--kd-color-green-3:169,222,146;--kd-color-green-4:134,197,107;--kd-color-green-5:89,80,80;--kd-color-green-6:70,67,67;--kd-color-green-7:56,41,40;--kd-color-green-8:0,112,49;--kd-color-green-9:0,86,37;--kd-color-green-10:0,62,27;--kd-color-teal-1:228,246,240;--kd-color-teal-2:188,241,222;--kd-color-teal-3:143,224,195;--kd-color-teal-4:104,205,170;--kd-color-teal-5:63,182,140;--kd-color-teal-6:16,153,104;--kd-color-teal-7:5,124,82;--kd-color-teal-8:2,98,64;--kd-color-teal-9:0,79,51;--kd-color-teal-10:0,60,39;--kd-color-azure-1:230,246,248;--kd-color-azure-2:196,238,243;--kd-color-azure-3:131,222,234;--kd-color-azure-4:95,200,214;--kd-color-azure-5:59,179,195;--kd-color-azure-6:0,155,176;--kd-color-azure-7:0,130,148;--kd-color-azure-8:0,106,121;--kd-color-azure-9:0,82,93;--kd-color-azure-10:0,59,67;--kd-color-blue-1:237,244,255;--kd-color-blue-2:214,230,255;--kd-color-blue-3:166,200,255;--kd-color-blue-4:116,169,253;--kd-color-blue-5:69,139,250;--kd-color-blue-6:31,105,224;--kd-color-blue-7:30,95,199;--kd-color-blue-8:23,76,160;--kd-color-blue-9:15,58,128;--kd-color-blue-10:10,48,108;--kd-color-navy-1:244,243,253;--kd-color-navy-2:229,227,250;--kd-color-navy-3:197,191,243;--kd-color-navy-4:165,156,236;--kd-color-navy-5:137,124,235;--kd-color-navy-6:108,90,251;--kd-color-navy-7:86,69,236;--kd-color-navy-8:72,52,214;--kd-color-navy-9:60,47,166;--kd-color-navy-10:49,40,119;--kd-color-indigo-1:247,242,254;--kd-color-indigo-2:236,225,252;--kd-color-indigo-3:212,186,246;--kd-color-indigo-4:187,148,238;--kd-color-indigo-5:167,112,240;--kd-color-indigo-6:147,72,243;--kd-color-indigo-7:128,45,240;--kd-color-indigo-8:111,38,208;--kd-color-indigo-9:90,38,160;--kd-color-indigo-10:66,33,109;--kd-color-violet-1:251,238,254;--kd-color-violet-2:246,222,252;--kd-color-violet-3:240,192,251;--kd-color-violet-4:231,156,248;--kd-color-violet-5:219,111,242;--kd-color-violet-6:195,67,224;--kd-color-violet-7:157,49,182;--kd-color-violet-8:128,39,149;--kd-color-violet-9:103,30,120;--kd-color-violet-10:83,23,97;--kd-color-purple-1:252,239,247;--kd-color-purple-2:254,221,240;--kd-color-purple-3:254,180,223;--kd-color-purple-4:249,143,205;--kd-color-purple-5:242,102,182;--kd-color-purple-6:225,67,160;--kd-color-purple-7:196,50,134;--kd-color-purple-8:165,35,111;--kd-color-purple-9:134,22,88;--kd-color-purple-10:100,9,62;--kd-color-red-1:254,241,241;--kd-color-red-2:253,223,223;--kd-color-red-3:250,193,193;--kd-color-red-4:245,143,143;--kd-color-red-5:241,92,91;--kd-color-red-6:221,51,50;--kd-color-red-7:187,39,38;--kd-color-red-8:157,28,28;--kd-color-red-9:131,19,19;--kd-color-red-10:106,11,10;--kd-color-gray-1:250,248,245;--kd-color-gray-2:245,243,240;--kd-color-gray-3:230,227,223;--kd-color-gray-4:219,216,212;--kd-color-gray-5:204,202,198;--kd-color-gray-6:166,149,116;--kd-color-gray-7:147,122,81;--kd-color-gray-8:132,110,73;--kd-color-gray-9:103,85,57;--kd-color-gray-10:13,13,13;--kd-color-white:255,255,255;--kd-color-black:0,0,0;--kd-color-brand-1:237,244,255;--kd-color-brand-2:214,230,255;--kd-color-brand-3:166,200,255;--kd-color-brand-4:116,169,253;--kd-color-brand-5:89,80,80;--kd-color-brand-6:70,67,67;--kd-color-brand-7:56,41,40;--kd-color-brand-8:23,76,160;--kd-color-brand-9:15,58,128;--kd-color-brand-10:10,48,108;--kd-color-public-normal:rgba(var(--kd-color-green-6), 1);--kd-color-public-hover:rgba(var(--kd-color-green-5), 1);--kd-color-public-pressed:rgba(var(--kd-color-green-7), 1);--kd-color-public-light:rgba(var(--kd-color-blue-1), 1);--kd-color-brand-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-brand-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-brand-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-brand-light:rgba(var(--kd-color-brand-1), 1);--kd-color-ai-normal:rgba(131,80,242,1);--kd-color-ai-hover:rgba(156,117,240,1);--kd-color-ai-pressed:rgba(104,42,239,1);--kd-color-ai-light:rgba(244,239,253,1);--kd-color-ai-light-gradient:linear-gradient(90deg, #ede1fd 0%, #e0d4fa 100%);--kd-color-text-primary:rgba(var(--kd-color-gray-10), 0.9);--kd-color-text-secondary:rgba(var(--kd-color-gray-10), 0.66);--kd-color-text-tertiary:rgba(var(--kd-color-gray-10), 0.46);--kd-color-text-public:rgba(var(--kd-color-gray-7), 1);--kd-color-text-white:rgba(var(--kd-color-yellow-2), 1);--kd-color-text-brand:rgba(var(--kd-color-gray-7), 1);--kd-color-text-ai:rgba(104,42,239,1);--kd-color-text-success:rgba(var(--kd-color-green-7), 1);--kd-color-text-info:rgba(var(--kd-color-blue-7), 1);--kd-color-text-error:rgba(var(--kd-color-red-7), 1);--kd-color-text-warning:rgba(var(--kd-color-orange-7), 1);--kd-color-text-highlight:rgba(var(--kd-color-yellow-7), 1);--kd-color-icon-primary:rgba(var(--kd-color-gray-9), 1);--kd-color-icon-secondary:rgba(var(--kd-color-gray-7), 1);--kd-color-icon-public:rgba(var(--kd-color-gray-7), 1);--kd-color-icon-white:rgba(var(--kd-color-yellow-2), 1);--kd-color-icon-brand:rgba(var(--kd-color-gray-7), 1);--kd-color-icon-ai:rgba(104,42,239,1);--kd-color-icon-success:rgba(var(--kd-color-green-6), 1);--kd-color-icon-info:rgba(var(--kd-color-blue-6), 1);--kd-color-icon-error:rgba(var(--kd-color-red-6), 1);--kd-color-icon-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-icon-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-state-normal:rgba(var(--kd-color-green-6), 0);--kd-color-state-hover:rgba(var(--kd-color-gray-7), 0.1);--kd-color-state-pressed:rgba(var(--kd-color-gray-7), 0.2);--kd-color-state-pressed-public:rgba(var(--kd-color-gray-7), 0.1);--kd-color-state-pressed-brand:rgba(var(--kd-color-brand-6), 0.1);--kd-color-state-pressed-ai:rgba(131, 80, 242, 0.10);--kd-color-background-top:rgba(var(--kd-color-white), 1);--kd-color-background-middle:rgba(var(--kd-color-white), 1);--kd-color-background-bottom:rgba(var(--kd-color-white), 1);--kd-color-background-plate:rgba(var(--kd-color-gray-1), 1);--kd-color-background-base:rgba(var(--kd-color-gray-2), 1);--kd-color-background-frame:rgba(var(--kd-color-gray-3), 1);--kd-color-background-ai:rgba(246, 249, 255, 1);--kd-color-line-heavy:rgba(var(--kd-color-gray-10), 0.48);--kd-color-line-medium:rgba(var(--kd-color-gray-10), 0.24);--kd-color-line-regular:rgba(var(--kd-color-gray-10), 0.12);--kd-color-line-light:rgba(var(--kd-color-gray-10), 0.06);--kd-color-line-public:rgba(var(--kd-color-gray-7), 1);--kd-color-line-white:rgba(var(--kd-color-white), 1);--kd-color-line-brand:rgba(var(--kd-color-gray-7), 1);--kd-color-line-ai:rgba(104,42,239,1);--kd-color-line-success:rgba(var(--kd-color-green-6), 1);--kd-color-line-info:rgba(var(--kd-color-gray-7), 1);--kd-color-line-error:rgba(var(--kd-color-red-6), 1);--kd-color-line-warning:rgba(var(--kd-color-orange-6), 1);--kd-color-line-highlight:rgba(var(--kd-color-yellow-6), 1);--kd-color-fill-extra-heavy:rgba(var(--kd-color-gray-6), 1);--kd-color-fill-heavy:rgba(var(--kd-color-gray-5), 1);--kd-color-fill-medium:rgba(var(--kd-color-gray-4), 1);--kd-color-fill-regular:rgba(var(--kd-color-gray-3), 1);--kd-color-fill-light:rgba(var(--kd-color-gray-2), 1);--kd-color-fill-base:rgba(var(--kd-color-white), 1);--kd-color-mask-regular:rgba(var(--kd-color-gray-10), 0.5);--kd-color-mask-heavy:rgba(var(--kd-color-gray-10), 0.8);--kd-color-feedback-regular:rgba(87, 87, 87, 1);--kd-color-inverse-base:rgba(var(--kd-color-white), 1);--kd-color-info-normal:rgba(var(--kd-color-blue-6), 1);--kd-color-info-hover:rgba(var(--kd-color-blue-5), 1);--kd-color-info-pressed:rgba(var(--kd-color-blue-7), 1);--kd-color-info-light:rgba(var(--kd-color-blue-1), 1);--kd-color-success-normal:rgba(var(--kd-color-green-6), 1);--kd-color-success-hover:rgba(var(--kd-color-green-5), 1);--kd-color-success-pressed:rgba(var(--kd-color-green-7), 1);--kd-color-success-light:rgba(var(--kd-color-green-1), 1);--kd-color-error-normal:rgba(var(--kd-color-red-6), 1);--kd-color-error-hover:rgba(var(--kd-color-red-5), 1);--kd-color-error-pressed:rgba(var(--kd-color-red-7), 1);--kd-color-error-light:rgba(var(--kd-color-red-1), 1);--kd-color-highlight-normal:rgba(var(--kd-color-yellow-6), 1);--kd-color-highlight-hover:rgba(var(--kd-color-yellow-5), 1);--kd-color-highlight-pressed:rgba(var(--kd-color-yellow-7), 1);--kd-color-highlight-light:rgba(var(--kd-color-yellow-1), 1);--kd-color-warning-normal:rgba(var(--kd-color-orange-6), 1);--kd-color-warning-hover:rgba(var(--kd-color-orange-5), 1);--kd-color-warning-pressed:rgba(var(--kd-color-orange-7), 1);--kd-color-warning-light:rgba(var(--kd-color-orange-1), 1);--kd-box-shadow-extra-small:0px 0px 0px 1px rgba(var(--kd-color-gray-10), 0.1),0px 1px 0px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-small:0px 1px 4px rgba(var(--kd-color-gray-10), 0.1);--kd-box-shadow-middle:0px 1px 4px rgba(var(--kd-color-gray-10), 0.14);--kd-box-shadow-large:0px 12px 32px rgba(var(--kd-color-gray-10), 0.08);--kd-box-shadow-extra-large:0px 32px 48px rgba(var(--kd-color-gray-10), 0.2);--kd-box-shadow-glow:0px 0px 4px rgba(var(--kd-color-blue-6), 1)}
.kd-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}.kd-icon-spin svg{animation:kd-icon-spin 1s infinite linear}@keyframes kd-icon-spin{100%{transform:rotate(360deg)}}

/*# sourceMappingURL=""*/