.semi-badge {
  display: inline-block;
  position: relative;
}

.semi-badge-dot {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-circle);
  background-color: var(--semi-color-bg-1);
  border: 1px var(--semi-color-bg-1) solid;
  z-index: 1;
  width: 8px;
  height: 8px;
}

.semi-badge-count {
  box-sizing: border-box;
  background-color: var(--semi-color-bg-1);
  border: 1px var(--semi-color-bg-1) solid;
  z-index: 1;
  text-align: center;
  min-width: 18px;
  height: 18px;
  color: var(--semi-color-bg-2);
  border-radius: 9px;
  padding: 0 4px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.semi-badge-rightTop {
  transform-origin: 100% 0;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.semi-badge-rightBottom {
  transform-origin: 100% 0;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.semi-badge-leftTop {
  transform-origin: 100% 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.semi-badge-leftBottom {
  transform-origin: 100% 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.semi-badge-custom {
  display: flex;
}

.semi-badge-block {
  display: inline-block;
  position: static;
}

.semi-badge-primary.semi-badge-solid {
  background-color: var(--semi-color-primary);
}

.semi-badge-primary.semi-badge-light {
  background-color: var(--semi-color-primary-light-default);
  color: var(--semi-color-primary);
}

.semi-badge-primary.semi-badge-inverted {
  color: var(--semi-color-primary);
}

.semi-badge-secondary.semi-badge-solid {
  background-color: var(--semi-color-secondary);
}

.semi-badge-secondary.semi-badge-light {
  background-color: var(--semi-color-secondary-light-default);
  color: var(--semi-color-secondary);
}

.semi-badge-secondary.semi-badge-inverted {
  color: var(--semi-color-secondary);
}

.semi-badge-tertiary.semi-badge-solid {
  background-color: var(--semi-color-tertiary);
}

.semi-badge-tertiary.semi-badge-light {
  background-color: var(--semi-color-tertiary-light-default);
  color: var(--semi-color-tertiary);
}

.semi-badge-tertiary.semi-badge-inverted {
  color: var(--semi-color-tertiary);
}

.semi-badge-danger.semi-badge-solid {
  background-color: var(--semi-color-danger);
}

.semi-badge-danger.semi-badge-light {
  background-color: var(--semi-color-danger-light-default);
  color: var(--semi-color-danger);
}

.semi-badge-danger.semi-badge-inverted {
  color: var(--semi-color-danger);
}

.semi-badge-warning.semi-badge-solid {
  background-color: var(--semi-color-warning);
}

.semi-badge-warning.semi-badge-light {
  background-color: var(--semi-color-warning-light-default);
  color: var(--semi-color-warning);
}

.semi-badge-warning.semi-badge-inverted {
  color: var(--semi-color-warning);
}

.semi-badge-success.semi-badge-solid {
  background-color: var(--semi-color-success);
}

.semi-badge-success.semi-badge-light {
  background-color: var(--semi-color-success-light-default);
  color: var(--semi-color-success);
}

.semi-badge-success.semi-badge-inverted {
  color: var(--semi-color-success);
}

.semi-rtl .semi-badge, .semi-portal-rtl .semi-badge {
  direction: rtl;
}

.semi-button-split {
  display: inline-block;
}

.semi-button-split .semi-button {
  border-radius: 0;
  margin-right: 1px;
}

.semi-button-split .semi-button-first {
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}

.semi-button-split .semi-button-last {
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
  margin-right: unset;
}

.semi-button-split:hover .semi-button-borderless:active {
  background-color: var(--semi-color-fill-1);
}

.semi-button {
  --semi-button-colorful-multiple-fill-0: rgba(var(--semi-ai-general-5-3));
  --semi-button-colorful-multiple-fill-1: rgba(var(--semi-ai-general-5-2));
  --semi-button-colorful-multiple-fill-2: rgba(var(--semi-ai-general-5-1));
  --semi-button-colorful-multiple-fill-3: rgba(var(--semi-ai-general-5-0));
  --semi-button-colorful-disabled-fill: var(--semi-color-disabled-text);
  --semi-button-colorful-fill-primary: var(--semi-color-ai-purple);
  --semi-button-colorful-fill-secondary: var(--semi-color-text-0);
  box-shadow: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: var(--semi-border-radius-small);
  vertical-align: middle;
  white-space: nowrap;
  border: 0 solid #0000;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
}

.semi-button.semi-button-primary:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-button.semi-button-secondary:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-button.semi-button-tertiary:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-button.semi-button-warning:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-button.semi-button-danger:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-button-content {
  align-items: center;
  display: flex;
}

.semi-button-danger {
  background-color: var(--semi-color-danger);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-button-danger-disabled {
  background-color: var(--semi-color-disabled-bg);
}

.semi-button-danger-disabled.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-danger-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}

.semi-button-danger:hover {
  background-color: var(--semi-color-danger-hover);
}

.semi-button-danger:active {
  background-color: var(--semi-color-danger-active);
}

.semi-button-danger.semi-button-outline {
  border: 1px solid var(--semi-color-danger);
  background-color: #0000;
}

.semi-button-danger.semi-button-light, .semi-button-danger.semi-button-outline, .semi-button-danger.semi-button-borderless {
  color: var(--semi-color-danger);
}

.semi-button-danger:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
  outline: 2px solid var(--semi-color-danger-light-active);
}

.semi-button-warning {
  background-color: var(--semi-color-warning);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-button-warning-disabled {
  background-color: var(--semi-color-disabled-bg);
}

.semi-button-warning-disabled.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-warning-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}

.semi-button-warning:hover {
  background-color: var(--semi-color-warning-hover);
}

.semi-button-warning:active {
  background-color: var(--semi-color-warning-active);
}

.semi-button-warning.semi-button-outline {
  border: 1px solid var(--semi-color-warning);
  background-color: #0000;
}

.semi-button-warning.semi-button-light, .semi-button-warning.semi-button-outline, .semi-button-warning.semi-button-borderless {
  color: var(--semi-color-warning);
}

.semi-button-warning:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
  outline: 2px solid var(--semi-color-warning-light-active);
}

.semi-button-tertiary {
  background-color: var(--semi-color-tertiary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-button-tertiary.semi-button-colorful.semi-button-solid {
  background: var(--semi-ai-general-0);
}

.semi-button-tertiary.semi-button-colorful.semi-button-solid:hover {
  background: var(--semi-ai-general-1);
}

.semi-button-tertiary.semi-button-colorful.semi-button-solid:active {
  background: var(--semi-ai-general-2);
}

.semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content-right {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content:not(:has( > .semi-button-content-right)) {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-button-tertiary-disabled {
  background-color: var(--semi-color-disabled-bg);
}

.semi-button-tertiary-disabled.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-tertiary-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}

.semi-button-tertiary:hover {
  background-color: var(--semi-color-tertiary-hover);
}

.semi-button-tertiary:active {
  background-color: var(--semi-color-tertiary-active);
}

.semi-button-tertiary.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
  color: var(--semi-color-text-1);
}

.semi-button-primary {
  background-color: var(--semi-color-primary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-button-primary.semi-button-colorful.semi-button-solid {
  background: var(--semi-color-ai-general);
}

.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
  background: var(--semi-color-ai-general-hover);
}

.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
  background: var(--semi-color-ai-general-active);
}

.semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content-right {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content:not(:has( > .semi-button-content-right)) {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-button-primary.semi-button-colorful.semi-button-outline {
  color: var(--semi-color-ai-purple);
  border-color: var(--semi-color-ai-purple);
}

.semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content-right {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content:not(:has( > .semi-button-content-right)) {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-button-primary-disabled {
  background-color: var(--semi-color-disabled-bg);
}

.semi-button-primary-disabled.semi-button-light {
  background: var(--semi-color-fill-0);
}

.semi-button-primary-disabled.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
  background-color: var(--semi-color-primary-hover);
}

.semi-button-primary.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
  background-color: var(--semi-color-primary-active);
}

.semi-button-primary.semi-button-light, .semi-button-primary.semi-button-outline, .semi-button-primary.semi-button-borderless {
  color: var(--semi-color-primary);
}

.semi-button-secondary {
  background-color: var(--semi-color-secondary);
  outline-color: var(--semi-color-secondary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-button-secondary-disabled {
  background-color: var(--semi-color-disabled-bg);
}

.semi-button-secondary-disabled.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-secondary-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}

.semi-button-secondary.semi-button-outline {
  border: 1px solid var(--semi-color-border);
  background-color: #0000;
}

.semi-button-secondary:hover {
  background-color: var(--semi-color-secondary-hover);
}

.semi-button-secondary:active {
  background-color: var(--semi-color-secondary-active);
}

.semi-button-secondary.semi-button-light, .semi-button-secondary.semi-button-outline, .semi-button-secondary.semi-button-borderless {
  color: var(--semi-color-secondary);
}

.semi-button-disabled {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}

.semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover, .semi-button-disabled.semi-button-light, .semi-button-disabled.semi-button-borderless, .semi-button-disabled.semi-button-outline {
  color: var(--semi-color-disabled-text);
}

.semi-button-borderless {
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  background-color: #0000;
  border: 0 solid #0000;
}

.semi-button-borderless:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-0);
  border: 0 solid #0000;
}

.semi-button-borderless:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-1);
  border: 0 solid #0000;
}

.semi-button-outline {
  background-color: #0000;
}

.semi-button-outline:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-0);
}

.semi-button-outline:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-1);
}

.semi-button-light {
  background-color: var(--semi-color-fill-0);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  border: 0 solid #0000;
}

.semi-button-light:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-1);
  border: 0 solid #0000;
}

.semi-button-light:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-2);
  border: 0 solid #0000;
}

.semi-button-size-small {
  height: 24px;
  padding: 2px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-button-size-large {
  height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-button-block {
  width: 100%;
}

.semi-button-group {
  flex-wrap: wrap;
  display: flex;
}

.semi-button-group > .semi-button {
  border-radius: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}

.semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}

.semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}

.semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-button-group > .semi-button:first-child {
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}

.semi-button-group > .semi-button:last-child {
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}

.semi-button-group > .semi-button-outline:not(:last-child) {
  border-right-color: #0000;
  margin-right: -1px;
}

.semi-button-group-line {
  background-color: var(--semi-color-border);
  align-items: center;
  display: inline-flex;
}

.semi-button-group-line-primary {
  background-color: var(--semi-color-primary);
}

.semi-button-group-line-secondary {
  background-color: var(--semi-color-secondary);
}

.semi-button-group-line-tertiary {
  background-color: var(--semi-color-tertiary);
}

.semi-button-group-line-warning {
  background-color: var(--semi-color-warning);
}

.semi-button-group-line-danger {
  background-color: var(--semi-color-danger);
}

.semi-button-group-line-disabled {
  background-color: var(--semi-color-disabled-bg);
}

.semi-button-group-line-light {
  background-color: var(--semi-color-fill-0);
}

.semi-button-group-line-borderless {
  background-color: #0000;
}

.semi-button-group-line:before {
  content: "";
  background-color: var(--semi-color-border);
  width: 1px;
  height: 20px;
  display: block;
}

.semi-rtl .semi-button, .semi-portal-rtl .semi-button {
  direction: rtl;
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-size-small, .semi-portal-rtl .semi-button-size-small {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-size-large, .semi-portal-rtl .semi-button-size-large {
  padding-left: 16px;
  padding-right: 16px;
}

.semi-rtl .semi-button-group, .semi-portal-rtl .semi-button-group {
  direction: rtl;
}

.semi-rtl .semi-button-group > .semi-button, .semi-portal-rtl .semi-button-group > .semi-button {
  padding-left: 0;
  padding-right: 0;
}

.semi-rtl .semi-button-group > .semi-button .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-group > .semi-button-size-large .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}

.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-group > .semi-button:first-child, .semi-portal-rtl .semi-button-group > .semi-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}

.semi-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content {
  border-left: 1px var(--semi-color-border) solid;
  border-right: 0;
}

.semi-rtl .semi-button-group > .semi-button:last-child, .semi-portal-rtl .semi-button-group > .semi-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}

.semi-rtl .semi-button.semi-button-with-icon-only, .semi-portal-rtl .semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}

.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small, .semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large, .semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-content-left, .semi-portal-rtl .semi-button-content-left {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-button-content-right, .semi-portal-rtl .semi-button-content-right {
  margin-left: 0;
  margin-right: 8px;
}

@keyframes semi-animation-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.semi-button.semi-button-with-icon {
  align-items: center;
  display: inline-flex;
}

.semi-button.semi-button-with-icon .semi-button-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-button.semi-button-loading {
  pointer-events: none;
  cursor: not-allowed;
}

.semi-button.semi-button-loading .semi-button-content > svg, .semi-button.semi-button-loading .semi-button-content-loading-icon {
  width: 16px;
  height: 16px;
  animation: .6s linear infinite forwards semi-animation-rotate;
}

.semi-button.semi-button-with-icon-only {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 8px;
}

.semi-button.semi-button-with-icon-only.semi-button-size-small {
  width: 24px;
  height: 24px;
  padding: 4px;
}

.semi-button.semi-button-with-icon-only.semi-button-size-large {
  width: 40px;
  height: 40px;
  padding: 12px;
}

.semi-button-content-left {
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.semi-button-content-right {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.semi-rtl .semi-button, .semi-portal-rtl .semi-button {
  direction: rtl;
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-size-small, .semi-portal-rtl .semi-button-size-small {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-size-large, .semi-portal-rtl .semi-button-size-large {
  padding-left: 16px;
  padding-right: 16px;
}

.semi-rtl .semi-button-group, .semi-portal-rtl .semi-button-group {
  direction: rtl;
}

.semi-rtl .semi-button-group > .semi-button, .semi-portal-rtl .semi-button-group > .semi-button {
  padding-left: 0;
  padding-right: 0;
}

.semi-rtl .semi-button-group > .semi-button .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-group > .semi-button-size-large .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}

.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-group > .semi-button:first-child, .semi-portal-rtl .semi-button-group > .semi-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}

.semi-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content, .semi-portal-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content {
  border-left: 1px var(--semi-color-border) solid;
  border-right: 0;
}

.semi-rtl .semi-button-group > .semi-button:last-child, .semi-portal-rtl .semi-button-group > .semi-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}

.semi-rtl .semi-button.semi-button-with-icon-only, .semi-portal-rtl .semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}

.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small, .semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large, .semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-button-content-left, .semi-portal-rtl .semi-button-content-left {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-button-content-right, .semi-portal-rtl .semi-button-content-right {
  margin-left: 0;
  margin-right: 8px;
}

.semi-icon {
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  fill: currentColor;
  font-style: normal;
  line-height: 0;
  display: inline-block;
}

.semi-icon-extra-small {
  font-size: 8px;
}

.semi-icon-small {
  font-size: 12px;
}

.semi-icon-default {
  font-size: 16px;
}

.semi-icon-large {
  font-size: 20px;
}

.semi-icon-extra-large {
  font-size: 24px;
}

.semi-icon-spinning {
  animation: .6s linear infinite forwards semi-icon-animation-rotate;
}

@keyframes semi-icon-animation-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.semi-cascader {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  background-color: var(--semi-color-fill-0);
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #0000;
  align-items: center;
  min-width: 80px;
  height: auto;
  min-height: 32px;
  font-weight: 400;
  line-height: 32px;
  display: inline-flex;
  position: relative;
}

.semi-cascader:hover {
  background-color: var(--semi-color-fill-1);
  border: 1px solid #0000;
}

.semi-cascader:focus:not(.semi-cascader-disabled) {
  border: 1px solid var(--semi-color-focus-border);
  background-color: var(--semi-color-fill-0);
  outline: 0;
}

.semi-cascader:active {
  background-color: var(--semi-color-fill-2);
}

.semi-cascader-small {
  min-height: 24px;
  line-height: 24px;
}

.semi-cascader-small .semi-cascader-selection {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-cascader-small .semi-cascader-selection-multiple {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-cascader-large {
  min-height: 40px;
  line-height: 40px;
}

.semi-cascader-large .semi-cascader-selection {
  padding-left: 12px;
  padding-right: 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.semi-cascader-large .semi-cascader-selection-multiple {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-cascader-focus {
  border: 1px solid var(--semi-color-focus-border);
  outline: 0;
}

.semi-cascader-focus:hover {
  background-color: var(--semi-color-fill-0);
  border: 1px solid var(--semi-color-focus-border);
}

.semi-cascader-focus:active {
  background-color: var(--semi-color-fill-2);
}

.semi-cascader-warning {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning-light-default);
}

.semi-cascader-warning:hover {
  background-color: var(--semi-color-warning-light-hover);
  border-color: var(--semi-color-warning-light-hover);
}

.semi-cascader-warning.semi-cascader-focus {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}

.semi-cascader-warning:active {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning-light-active);
}

.semi-cascader-error {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger-light-default);
}

.semi-cascader-error:hover {
  background-color: var(--semi-color-danger-light-hover);
  border-color: var(--semi-color-danger-light-hover);
}

.semi-cascader-error.semi-cascader-focus {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}

.semi-cascader-error:active {
  background-color: var(--semi-color-danger-light-active);
  border-color: var(--semi-color-danger-light-active);
}

.semi-cascader-selection {
  cursor: pointer;
  height: 100%;
  color: var(--semi-color-text-0);
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: inline-flex;
  overflow: hidden;
}

.semi-cascader-selection-multiple {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-cascader-selection-placeholder {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--semi-color-text-2);
  overflow: hidden;
}

.semi-cascader-selection-tag {
  margin: 1px 2px 1px 0;
}

.semi-cascader-selection-tag:first-child {
  margin-left: 0;
}

.semi-cascader-selection-tag-disabled.semi-tag {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
  background-color: #0000;
}

.semi-cascader-selection-tag-disabled.semi-tag .semi-tag-close {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
  pointer-events: none;
}

.semi-cascader-selection-n {
  cursor: pointer;
  color: var(--semi-color-text-0);
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.semi-cascader-selection-n-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
}

.semi-cascader-selection span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.semi-cascader-selection .semi-cascader-tagInput-wrapper {
  background: none;
  border: hidden;
  margin-left: -4px;
}

.semi-cascader-selection .semi-tagInput {
  min-height: 30px;
}

.semi-cascader-selection .semi-tagInput-small {
  min-height: 22px;
}

.semi-cascader-selection .semi-tagInput-large {
  min-height: 38px;
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper {
  margin-left: 4px;
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
  padding-left: 0;
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper-default, .semi-cascader-selection .semi-tagInput .semi-input-wrapper-large {
  margin-top: 1px;
  margin-bottom: 1px;
}

.semi-cascader-selection-text-inactive {
  color: var(--semi-color-text-2);
}

.semi-cascader-selection-text-hide {
  display: none;
}

.semi-cascader-arrow, .semi-cascader-clearbtn {
  width: 32px;
  height: 100%;
  color: var(--semi-color-text-2);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.semi-cascader-clearbtn:hover {
  color: var(--semi-color-primary-hover);
}

.semi-cascader-clearbtn:active {
  color: var(--semi-color-primary-active);
}

.semi-cascader-prefix, .semi-cascader-suffix {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-cascader-prefix-text, .semi-cascader-suffix-text {
  color: var(--semi-color-text-2);
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-cascader-prefix-icon, .semi-cascader-suffix-icon {
  color: var(--semi-color-text-2);
  margin: 0 8px;
}

.semi-cascader-inset-label {
  color: var(--semi-color-text-2);
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline;
}

.semi-cascader.semi-cascader-with-prefix {
  align-items: center;
  display: inline-flex;
}

.semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
  padding-left: 0;
}

.semi-cascader.semi-cascader-with-suffix .semi-cascader-selection {
  padding-right: 0;
}

.semi-cascader-disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--semi-color-disabled-fill);
}

.semi-cascader-disabled .semi-cascader-selection {
  cursor: not-allowed;
}

.semi-cascader-disabled:hover {
  background-color: var(--semi-color-disabled-fill);
}

.semi-cascader-disabled .semi-cascader-selection, .semi-cascader-disabled .semi-cascader-selection-placeholder, .semi-cascader-disabled .semi-cascader-prefix, .semi-cascader-disabled .semi-cascader-suffix {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}

.semi-cascader-disabled .semi-cascader-arrow {
  color: var(--semi-color-disabled-text);
}

.semi-cascader-popover .semi-cascader-search-wrapper {
  border-bottom: 1px solid var(--semi-color-fill-0);
  padding: 8px 12px;
}

.semi-cascader-popover .semi-cascader-option-lists .semi-cascader-option-empty {
  border-radius: var(--semi-border-radius-medium);
  color: var(--semi-color-disabled-text);
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  cursor: not-allowed;
  margin: 0;
  padding: 8px 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.semi-cascader-popover .semi-cascader-option-lists .semi-cascader-option-empty:hover {
  background-color: #0000;
}

.semi-cascader-single.semi-cascader-filterable {
  display: inline-flex;
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper {
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
  position: relative;
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-small {
  height: 22px;
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-large {
  height: 38px;
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input-wrapper {
  background-color: #0000;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input-wrapper-focus {
  border: none;
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input {
  padding-left: 0;
  padding-right: 0;
}

.semi-cascader-option-lists {
  height: 180px;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.semi-cascader-option-lists-empty {
  cursor: not-allowed;
  justify-content: center;
  height: auto;
}

.semi-cascader-option-lists ul, .semi-cascader-option-lists li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.semi-cascader-option-lists ul > li {
  padding: 8px 16px 8px 12px;
}

.semi-cascader-option-lists .semi-cascader-option-list {
  box-sizing: border-box;
  border-left: 1px solid var(--semi-color-fill-0);
  min-width: 150px;
  height: 100%;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  display: inline-block;
  overflow: auto;
}

.semi-cascader-option-lists .semi-cascader-option-list:first-child {
  border-left: none;
}

.semi-cascader-option-lists .semi-cascader-option {
  cursor: pointer;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  word-break: break-all;
  min-width: min-content;
  color: var(--semi-color-text-0);
  justify-content: space-between;
  align-items: center;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.semi-cascader-option-lists .semi-cascader-option:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-cascader-option-lists .semi-cascader-option:active {
  background-color: var(--semi-color-fill-1);
}

.semi-cascader-option-lists .semi-cascader-option-icon {
  width: 16px;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  display: inline-flex;
}

.semi-cascader-option-lists .semi-cascader-option-icon-active, .semi-cascader-option-lists .semi-cascader-option-icon-empty {
  margin-right: 8px;
}

.semi-cascader-option-lists .semi-cascader-option-icon-left {
  margin-left: 8px;
}

.semi-cascader-option-lists .semi-cascader-option-spin-icon {
  width: 16px;
  height: 16px;
  line-height: 0;
}

.semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
  width: 16px;
  height: 16px;
}

.semi-cascader-option-lists .semi-cascader-option-label {
  white-space: pre;
  align-items: center;
  display: flex;
}

.semi-cascader-option-lists .semi-cascader-option-label-checkbox {
  margin-right: 8px;
}

.semi-cascader-option-lists .semi-cascader-option-hidden {
  display: none;
}

.semi-cascader-option-lists .semi-cascader-option-active, .semi-cascader-option-lists .semi-cascader-option-active:hover {
  background-color: var(--semi-color-primary-light-default);
}

.semi-cascader-option-lists .semi-cascader-option-select, .semi-cascader-option-lists .semi-cascader-option-label-highlight {
  color: var(--semi-color-primary);
  font-weight: 600;
}

.semi-cascader-option-lists .semi-cascader-option-disabled {
  cursor: not-allowed;
}

.semi-cascader-option-lists .semi-cascader-option-disabled:hover, .semi-cascader-option-lists .semi-cascader-option-disabled:active {
  background-color: #0000;
}

.semi-cascader-option-lists .semi-cascader-option-disabled .semi-cascader-option-label {
  color: var(--semi-color-disabled-text);
}

.semi-cascader-option-lists .semi-cascader-option-flatten {
  padding-right: 64px;
}

.semi-cascader-borderless:not(:focus-within):not(:hover) {
  background-color: #0000;
  border-color: #0000;
}

.semi-cascader-borderless:not(:focus-within):not(:hover) .semi-cascader-arrow {
  opacity: 0;
}

.semi-cascader-borderless:focus-within:not(:active) {
  background-color: #0000;
}

.semi-cascader-borderless.semi-cascader-error:not(:focus-within) {
  border-color: var(--semi-color-danger);
}

.semi-cascader-borderless.semi-cascader-warning:not(:focus-within) {
  border-color: var(--semi-color-warning);
}

.semi-cascader-borderless.semi-cascader-error:focus-within {
  border-color: var(--semi-color-danger);
}

.semi-cascader-borderless.semi-cascader-warning:focus-within {
  border-color: var(--semi-color-warning);
}

.semi-rtl .semi-cascader, .semi-portal-rtl .semi-cascader {
  direction: rtl;
}

.semi-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection, .semi-portal-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
  padding-left: auto;
  padding-right: 0;
}

.semi-rtl .semi-cascader.semi-cascader-with-suffix .semi-cascader-selection, .semi-portal-rtl .semi-cascader.semi-cascader-with-suffix .semi-cascader-selection {
  padding-left: 0;
  padding-right: auto;
}

.semi-rtl .semi-cascader-selection-multiple, .semi-portal-rtl .semi-cascader-selection-multiple {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-rtl .semi-cascader-selection-tag:first-child, .semi-portal-rtl .semi-cascader-selection-tag:first-child {
  margin-right: 0;
}

.semi-rtl .semi-cascader-selection-n, .semi-portal-rtl .semi-cascader-selection-n {
  margin-left: 4px;
  margin-right: 0;
}

.semi-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper, .semi-portal-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper {
  margin-left: 0;
  margin-right: -4px;
}

.semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper, .semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper {
  margin-left: 0;
  margin-right: 4px;
}

.semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input, .semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
  padding-right: 0;
}

.semi-cascader-option-label-checkbox {
  margin-left: 8px;
  margin-right: 0;
}

.semi-cascader-option-lists-rtl {
  direction: rtl;
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl ul > li {
  padding-left: auto;
  padding-right: 12px;
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-list {
  border-left: 0;
  border-right: 1px solid var(--semi-color-fill-0);
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-list:first-child {
  border-right: none;
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-icon-active, .semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-icon-empty {
  margin-left: 8px;
  margin-right: 0;
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option-flatten {
  padding-left: 64px;
  padding-right: 0;
}

.semi-cascader-option-lists.semi-cascader-option-lists-rtl .semi-cascader-option .semi-icon-chevron_right {
  margin-left: 0;
  margin-right: 8px;
  transform: scaleX(-1);
}

@keyframes semi-input-active {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(.97);
  }
}

@keyframes semi-input-inactive {
  from {
    transform: scale(.97);
  }

  to {
    transform: scale(1);
  }
}

.semi-input {
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-input-wrapper {
  vertical-align: middle;
  box-shadow: none;
  background-color: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  cursor: text;
  box-sizing: border-box;
  width: 100%;
  color: var(--semi-color-text-0);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  border: 1px solid #0000;
  outline: none;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.semi-input-wrapper-default {
  height: 32px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 30px;
}

.semi-input-wrapper-small {
  height: 24px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.semi-input-wrapper-large {
  height: 40px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 38px;
}

.semi-input-wrapper:hover {
  background-color: var(--semi-color-fill-1);
  border-color: #0000;
}

.semi-input-wrapper-focus {
  background-color: var(--semi-color-fill-0);
  border: var(--semi-color-focus-border) solid 1px;
}

.semi-input-wrapper-focus:hover {
  background-color: var(--semi-color-fill-0);
  border-color: var(--semi-color-focus-border);
}

.semi-input-wrapper-focus:active {
  background-color: var(--semi-color-fill-2);
  border-color: var(--semi-color-focus-border);
}

.semi-input-wrapper.semi-input-readonly {
  cursor: default;
}

.semi-input-wrapper-error {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger-light-default);
}

.semi-input-wrapper-error:hover {
  background-color: var(--semi-color-danger-light-hover);
  border-color: var(--semi-color-danger-light-hover);
}

.semi-input-wrapper-error.semi-input-wrapper-focus {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}

.semi-input-wrapper-error:active {
  background-color: var(--semi-color-danger-light-active);
  border-color: var(--semi-color-danger);
}

.semi-input-wrapper-warning {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning-light-default);
}

.semi-input-wrapper-warning:hover {
  background-color: var(--semi-color-warning-light-hover);
  border-color: var(--semi-color-warning-light-hover);
}

.semi-input-wrapper-warning.semi-input-wrapper-focus {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}

.semi-input-wrapper-warning:active {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning);
}

.semi-input-wrapper__with-prefix {
  align-items: center;
  display: inline-flex;
}

.semi-input-wrapper__with-prefix .semi-input {
  padding-left: 0;
}

.semi-input-wrapper__with-suffix {
  align-items: center;
  display: inline-flex;
}

.semi-input-wrapper__with-suffix .semi-input {
  padding-right: 0;
}

.semi-input-wrapper-clearable, .semi-input-wrapper-modebtn {
  align-items: center;
  display: inline-flex;
}

.semi-input-wrapper-hidden {
  border: none;
}

.semi-input-wrapper .semi-icon {
  color: var(--semi-color-text-2);
}

.semi-input-wrapper .semi-input-clearbtn, .semi-input-wrapper .semi-input-modebtn {
  color: var(--semi-color-primary-hover);
}

.semi-input-wrapper .semi-input-clearbtn > svg, .semi-input-wrapper .semi-input-modebtn > svg {
  pointer-events: none;
}

.semi-input-wrapper .semi-input-clearbtn:hover, .semi-input-wrapper .semi-input-modebtn:hover {
  cursor: pointer;
}

.semi-input-wrapper .semi-input-clearbtn:hover .semi-icon, .semi-input-wrapper .semi-input-modebtn:hover .semi-icon {
  color: var(--semi-color-primary-hover);
}

.semi-input-wrapper .semi-input-clearbtn:focus-visible {
  border-radius: var(--semi-border-radius-small);
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -1px;
}

.semi-input-wrapper .semi-input-modebtn:focus-visible {
  border-radius: var(--semi-border-radius-small);
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -1px;
}

.semi-input-wrapper__with-suffix-icon.semi-input-wrapper-clearable:not(.semi-input-wrapper__with-suffix-hidden) .semi-input-clearbtn {
  justify-content: flex-end;
  min-width: 24px;
}

.semi-input-wrapper-modebtn.semi-input-wrapper-clearable .semi-input-clearbtn {
  justify-content: center;
  min-width: 16px;
}

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
  border-right-style: none;
  border-radius: 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
  border-right-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend, .semi-input-wrapper.semi-input-wrapper__with-append {
  background-color: #0000;
  align-items: center;
  display: inline-flex;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend:hover, .semi-input-wrapper.semi-input-wrapper__with-append:hover {
  background-color: #0000;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
  background-color: #0000;
  border: 1px solid #0000;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
  background-color: var(--semi-color-fill-0);
  border: 1px solid #0000;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
  background-color: var(--semi-color-fill-1);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
  border: 1px var(--semi-color-focus-border) solid;
  background-color: var(--semi-color-fill-0);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn {
  border-right-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
  box-sizing: border-box;
  background-color: var(--semi-color-fill-0);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
  border: 1px var(--semi-color-focus-border) solid;
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  border-left-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn:not(:last-child) {
  border-radius: 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
  border: 1px var(--semi-color-focus-border) solid;
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  border-left-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
  border-radius: 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
  background-color: var(--semi-color-fill-2);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error {
  border-color: #0000;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover {
  background-color: var(--semi-color-danger-light-hover);
  border-color: var(--semi-color-danger-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn {
  background-color: var(--semi-color-danger-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active {
  background-color: var(--semi-color-danger-light-active);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn {
  background-color: var(--semi-color-danger-light-active);
  border-color: var(--semi-color-danger);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover {
  background-color: var(--semi-color-danger-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning {
  border-color: #0000;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover {
  background-color: var(--semi-color-warning-light-hover);
  border-color: var(--semi-color-warning-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn {
  background-color: var(--semi-color-warning-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active {
  background-color: var(--semi-color-warning-light-active);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover {
  background-color: var(--semi-color-warning-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-input-wrapper-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  background-color: var(--semi-color-disabled-fill);
  -webkit-text-fill-color: var(--semi-color-disabled-text);
}

.semi-input-wrapper-disabled:hover {
  background-color: var(--semi-color-disabled-fill);
}

.semi-input-wrapper-disabled .semi-input-append, .semi-input-wrapper-disabled .semi-input-prepend, .semi-input-wrapper-disabled .semi-input-suffix, .semi-input-wrapper-disabled .semi-input-prefix, .semi-input-wrapper-disabled .semi-icon {
  color: var(--semi-color-disabled-text);
}

.semi-input {
  width: 100%;
  color: inherit;
  box-sizing: border-box;
  background-color: #0000;
  border: none;
  outline: none;
  padding-left: 12px;
  padding-right: 12px;
}

.semi-input:placeholder-shown {
  text-overflow: ellipsis;
}

.semi-input[type="password"]::-ms-reveal {
  display: none;
}

.semi-input[type="password"]::-ms-clear {
  display: none;
}

.semi-input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.semi-input::placeholder {
  color: var(--semi-color-text-2);
}

.semi-input-large {
  height: 38px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 38px;
}

.semi-input-small {
  height: 22px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.semi-input-default {
  height: 30px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 30px;
}

.semi-input-disabled {
  cursor: not-allowed;
  color: inherit;
}

.semi-input-inset-label {
  color: var(--semi-color-text-2);
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0 12px;
  font-weight: 600;
}

.semi-input-prefix, .semi-input-suffix {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-input-prefix-text, .semi-input-suffix-text {
  color: var(--semi-color-text-2);
  white-space: nowrap;
  margin: 0 12px;
  font-weight: 600;
}

.semi-input-prefix-icon, .semi-input-suffix-icon {
  color: var(--semi-color-text-2);
  margin: 0 8px;
}

.semi-input-suffix {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-input-clearbtn, .semi-input-modebtn {
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 100%;
  display: flex;
}

.semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-text, .semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-icon {
  margin-left: 0;
}

.semi-input-suffix-hidden {
  display: none;
}

.semi-input-prepend, .semi-input-append {
  background-color: var(--semi-color-fill-0);
  height: 100%;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  align-items: center;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.semi-input-prepend-icon, .semi-input-prepend-text, .semi-input-append-icon, .semi-input-append-text {
  padding: 0 12px;
}

.semi-input-append {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  border-left: 1px solid #0000;
}

.semi-input-prepend {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
  border-right: 1px solid #0000;
}

.semi-input-disabled::placeholder {
  color: var(--semi-color-disabled-text);
}

.semi-input-group {
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  display: inline-flex;
}

.semi-input-group .semi-select, .semi-input-group .semi-tagInput, .semi-input-group .semi-cascader, .semi-input-group .semi-tree-select, .semi-input-group > .semi-input-wrapper {
  border-radius: 0;
}

.semi-input-group .semi-select:first-child, .semi-input-group .semi-tagInput:first-child, .semi-input-group .semi-cascader:first-child, .semi-input-group .semi-tree-select:first-child, .semi-input-group > .semi-input-wrapper:first-child {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
}

.semi-input-group .semi-select:last-child, .semi-input-group .semi-tagInput:last-child, .semi-input-group .semi-cascader:last-child, .semi-input-group .semi-tree-select:last-child, .semi-input-group > .semi-input-wrapper:last-child {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-input-group .semi-select:not(:last-child), .semi-input-group .semi-tagInput:not(:last-child), .semi-input-group .semi-cascader:not(:last-child), .semi-input-group .semi-tree-select:not(:last-child), .semi-input-group > .semi-input-wrapper:not(:last-child) {
  position: relative;
}

.semi-input-group .semi-select:not(:last-child):after, .semi-input-group .semi-tagInput:not(:last-child):after, .semi-input-group .semi-cascader:not(:last-child):after, .semi-input-group .semi-tree-select:not(:last-child):after, .semi-input-group > .semi-input-wrapper:not(:last-child):after {
  content: "";
  background-color: var(--semi-color-border);
  width: 1px;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: -1px;
}

.semi-input-group .semi-select {
  overflow-y: visible;
}

.semi-input-group .semi-input-number .semi-input-wrapper, .semi-input-group .semi-input-number .semi-datepicker-range-input, .semi-input-group .semi-datepicker .semi-input-wrapper, .semi-input-group .semi-datepicker .semi-datepicker-range-input, .semi-input-group .semi-timepicker .semi-input-wrapper, .semi-input-group .semi-timepicker .semi-datepicker-range-input, .semi-input-group .semi-autocomplete .semi-input-wrapper, .semi-input-group .semi-autocomplete .semi-datepicker-range-input {
  border-radius: 0;
}

.semi-input-group .semi-input-number:first-child .semi-input-wrapper, .semi-input-group .semi-input-number:first-child .semi-datepicker-range-input, .semi-input-group .semi-datepicker:first-child .semi-input-wrapper, .semi-input-group .semi-datepicker:first-child .semi-datepicker-range-input, .semi-input-group .semi-timepicker:first-child .semi-input-wrapper, .semi-input-group .semi-timepicker:first-child .semi-datepicker-range-input, .semi-input-group .semi-autocomplete:first-child .semi-input-wrapper, .semi-input-group .semi-autocomplete:first-child .semi-datepicker-range-input {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
}

.semi-input-group .semi-input-number:last-child .semi-input-wrapper, .semi-input-group .semi-input-number:last-child .semi-datepicker-range-input, .semi-input-group .semi-datepicker:last-child .semi-input-wrapper, .semi-input-group .semi-datepicker:last-child .semi-datepicker-range-input, .semi-input-group .semi-timepicker:last-child .semi-input-wrapper, .semi-input-group .semi-timepicker:last-child .semi-datepicker-range-input, .semi-input-group .semi-autocomplete:last-child .semi-input-wrapper, .semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-input-group .semi-input-number:not(:last-child), .semi-input-group .semi-datepicker:not(:last-child), .semi-input-group .semi-timepicker:not(:last-child), .semi-input-group .semi-autocomplete:not(:last-child) {
  position: relative;
}

.semi-input-group .semi-input-number:not(:last-child):after, .semi-input-group .semi-datepicker:not(:last-child):after, .semi-input-group .semi-timepicker:not(:last-child):after, .semi-input-group .semi-autocomplete:not(:last-child):after {
  content: "";
  background-color: var(--semi-color-border);
  width: 1px;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: -1px;
}

.semi-input-group-wrapper-with-top-label {
  margin-top: 16px;
  margin-bottom: 16px;
}

.semi-input-group-wrapper-with-top-label .semi-input-group {
  display: flex;
}

.semi-input-group-wrapper-with-top-label .semi-input-group .semi-form-field {
  margin-top: 0;
  margin-bottom: 0;
}

.semi-input-only_border, .semi-input-only_border:hover {
  border-color: var(--semi-color-border);
  background: none;
}

.semi-input-only_border:focus-within {
  background: none;
}

.semi-input-borderless:not(:focus-within):not(:hover) {
  background-color: #0000;
  border-color: #0000;
}

.semi-input-borderless:focus-within:not(:active) {
  background-color: #0000;
}

.semi-input-borderless.semi-input-wrapper-error:not(:focus-within) {
  border-color: var(--semi-color-danger);
}

.semi-input-borderless.semi-input-wrapper-warning:not(:focus-within) {
  border-color: var(--semi-color-warning);
}

.semi-rtl .semi-input-wrapper, .semi-portal-rtl .semi-input-wrapper {
  direction: rtl;
}

.semi-rtl .semi-input-wrapper__with-prefix .semi-input, .semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
  padding-left: auto;
  padding-right: 0;
}

.semi-rtl .semi-input-wrapper__with-suffix .semi-input, .semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
  padding-left: 0;
  padding-right: auto;
}

.semi-rtl .semi-input, .semi-portal-rtl .semi-input {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
  margin-left: auto;
  margin-right: 0;
}

.semi-rtl .semi-input-append, .semi-portal-rtl .semi-input-append {
  border-left: 0;
  border-right: 1px solid #0000;
}

.semi-rtl .semi-input-prepend, .semi-portal-rtl .semi-input-prepend {
  border-left: 1px solid #0000;
  border-right: 0;
}

.semi-rtl .semi-input-group .semi-select:not(:last-child):after, .semi-rtl .semi-input-group .semi-cascader:not(:last-child):after, .semi-rtl .semi-input-group .semi-tree-select:not(:last-child):after, .semi-rtl .semi-input-group > .semi-input-wrapper:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-select:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child):after, .semi-portal-rtl .semi-input-group > .semi-input-wrapper:not(:last-child):after, .semi-rtl .semi-input-group .semi-input-number:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child):after {
  left: -1px;
  right: auto;
}

.semi-rtl .semi-input-textarea-wrapper, .semi-portal-rtl .semi-input-textarea-wrapper {
  direction: rtl;
}

.semi-rtl .semi-input-textarea-counter, .semi-portal-rtl .semi-input-textarea-counter {
  text-align: left;
}

.semi-rtl .semi-input-textarea-showClear, .semi-portal-rtl .semi-input-textarea-showClear {
  padding-left: 36px;
  padding-right: 0;
}

@keyframes semi-tooltip-zoomIn {
  from {
    opacity: 0;
    transform: scale(.8);
  }

  50% {
    opacity: 1;
  }
}

@keyframes semi-tooltip-bounceIn {
  from {
    opacity: 0;
    transform: scale(.6);
  }

  70% {
    opacity: 1;
    transform: scale(1.01);
  }

  to {
    opacity: 1;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scale(1);
  }
}

@keyframes semi-tooltip-zoomOut {
  from {
    opacity: 1;
  }

  60% {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 0;
  }
}

.semi-tooltip-wrapper {
  background-color: rgba(var(--semi-grey-7), 1);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--semi-color-bg-0);
  border-radius: var(--semi-border-radius-medium);
  word-wrap: break-word;
  overflow-wrap: break-word;
  opacity: 0;
  max-width: 240px;
  padding: 8px 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  top: 0;
  left: 0;
}

.semi-tooltip-wrapper-show {
  opacity: 1;
}

.semi-tooltip-content {
  min-width: 0;
}

.semi-tooltip-trigger {
  width: auto;
  height: auto;
  display: inline-block;
}

.semi-tooltip-with-arrow {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-tooltip-animation-show {
  animation: .1s cubic-bezier(.215, .61, .355, 1) forwards semi-tooltip-zoomIn;
}

.semi-tooltip-animation-hide {
  animation: .1s cubic-bezier(.215, .61, .355, 1) forwards semi-tooltip-zoomOut;
}

.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
  width: 24px;
  height: 7px;
  color: rgba(var(--semi-grey-7), 1);
  position: absolute;
}

.semi-tooltip-wrapper[x-placement="top"] .semi-tooltip-icon-arrow {
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}

.semi-tooltip-wrapper[x-placement="top"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="top"] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="topLeft"] .semi-tooltip-icon-arrow {
  bottom: -6px;
  left: 6px;
}

.semi-tooltip-wrapper[x-placement="topLeft"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="topLeft"] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="topRight"] .semi-tooltip-icon-arrow {
  bottom: -6px;
  right: 6px;
}

.semi-tooltip-wrapper[x-placement="topRight"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="topRight"] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="leftTop"] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  top: 5px;
  right: -6px;
}

.semi-tooltip-wrapper[x-placement="leftTop"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="leftTop"] .semi-tooltip-with-arrow {
  min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="left"] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
}

.semi-tooltip-wrapper[x-placement="left"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="left"] .semi-tooltip-with-arrow {
  min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="leftBottom"] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  bottom: 5px;
  right: -6px;
}

.semi-tooltip-wrapper[x-placement="leftBottom"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="leftBottom"] .semi-tooltip-with-arrow {
  min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="rightTop"] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  top: 5px;
  left: -6px;
  transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="rightTop"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="rightTop"] .semi-tooltip-with-arrow {
  min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="right"] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  top: 50%;
  left: -6px;
  transform: translateY(-50%)rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="right"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="right"] .semi-tooltip-with-arrow {
  min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="rightBottom"] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  bottom: 5px;
  left: -6px;
  transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="rightBottom"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="rightBottom"] .semi-tooltip-with-arrow {
  min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="bottomLeft"] .semi-tooltip-icon-arrow {
  top: -6px;
  left: 6px;
  transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="bottomLeft"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="bottomLeft"] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="bottom"] .semi-tooltip-icon-arrow {
  top: -6px;
  left: 50%;
  transform: translateX(-50%)rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="bottom"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="bottom"] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="bottomRight"] .semi-tooltip-icon-arrow {
  top: -6px;
  right: 6px;
  transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="bottomRight"].semi-tooltip-with-arrow, .semi-tooltip-wrapper[x-placement="bottomRight"] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-rtl .semi-tooltip-wrapper, .semi-portal-rtl .semi-tooltip-wrapper {
  direction: rtl;
  padding-left: 12px;
  padding-right: 12px;
  left: auto;
  right: 0;
}

.semi-portal {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-portal-inner {
  background-color: #0000;
  min-width: max-content;
  position: absolute;
}

@keyframes semi-popover-zoomIn {
  from {
    opacity: 0;
    transform: scale(.8);
  }

  50% {
    opacity: 1;
  }
}

@keyframes semi-popover-zoomOut {
  from {
    opacity: 1;
  }

  60% {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 0;
  }
}

.semi-popover-wrapper {
  background-color: var(--semi-color-bg-3);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: var(--semi-shadow-elevated);
  z-index: 1030;
  border-radius: var(--semi-border-radius-medium);
  opacity: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.semi-popover-wrapper-show {
  opacity: 1;
}

.semi-popover-trigger {
  width: auto;
  height: auto;
  display: inline-block;
}

.semi-popover-title {
  border-bottom: 1px solid var(--semi-color-border);
  padding: 8px;
}

.semi-popover-confirm {
  position: absolute;
}

.semi-popover-with-arrow {
  box-sizing: border-box;
  padding: 12px;
}

.semi-popover-animation-show {
  animation: .1s cubic-bezier(.215, .61, .355, 1) forwards semi-popover-zoomIn;
}

.semi-popover-animation-hide {
  animation: .1s cubic-bezier(.215, .61, .355, 1) forwards semi-popover-zoomOut;
}

.semi-popover-icon-arrow path:first-child {
  fill: var(--semi-color-border);
}

.semi-popover-icon-arrow path:nth-child(2) {
  fill: var(--semi-color-bg-3);
}

.semi-popover-wrapper .semi-popover-icon-arrow {
  width: 24px;
  height: 8px;
  color: unset;
  position: absolute;
}

.semi-popover-wrapper[x-placement="top"] .semi-popover-icon-arrow {
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
}

.semi-popover-wrapper[x-placement="top"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="top"] .semi-popover-with-arrow {
  min-width: 36px;
}

.semi-popover-wrapper[x-placement="topLeft"] .semi-popover-icon-arrow {
  bottom: -7px;
  left: 6px;
}

.semi-popover-wrapper[x-placement="topLeft"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="topLeft"] .semi-popover-with-arrow {
  min-width: 36px;
}

.semi-popover-wrapper[x-placement="topRight"] .semi-popover-icon-arrow {
  bottom: -7px;
  right: 6px;
}

.semi-popover-wrapper[x-placement="topRight"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="topRight"] .semi-popover-with-arrow {
  min-width: 36px;
}

.semi-popover-wrapper[x-placement="leftTop"] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  top: 6px;
  right: -7px;
}

.semi-popover-wrapper[x-placement="leftTop"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="leftTop"] .semi-popover-with-arrow {
  min-height: 36px;
}

.semi-popover-wrapper[x-placement="left"] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  top: 50%;
  right: -7px;
  transform: translateY(-50%);
}

.semi-popover-wrapper[x-placement="left"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="left"] .semi-popover-with-arrow {
  min-height: 36px;
}

.semi-popover-wrapper[x-placement="leftBottom"] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  bottom: 6px;
  right: -7px;
}

.semi-popover-wrapper[x-placement="leftBottom"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="leftBottom"] .semi-popover-with-arrow {
  min-height: 36px;
}

.semi-popover-wrapper[x-placement="rightTop"] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  top: 6px;
  left: -7px;
  transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="rightTop"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="rightTop"] .semi-popover-with-arrow {
  min-height: 36px;
}

.semi-popover-wrapper[x-placement="right"] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  top: 50%;
  left: -7px;
  transform: translateY(-50%)rotate(180deg);
}

.semi-popover-wrapper[x-placement="right"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="right"] .semi-popover-with-arrow {
  min-height: 36px;
}

.semi-popover-wrapper[x-placement="rightBottom"] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  bottom: 6px;
  left: -7px;
  transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="rightBottom"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="rightBottom"] .semi-popover-with-arrow {
  min-height: 36px;
}

.semi-popover-wrapper[x-placement="bottomLeft"] .semi-popover-icon-arrow {
  top: -7px;
  left: 6px;
  transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="bottomLeft"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="bottomLeft"] .semi-popover-with-arrow {
  min-width: 36px;
}

.semi-popover-wrapper[x-placement="bottom"] .semi-popover-icon-arrow {
  top: -7px;
  left: 50%;
  transform: translateX(-50%)rotate(180deg);
}

.semi-popover-wrapper[x-placement="bottom"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="bottom"] .semi-popover-with-arrow {
  min-width: 36px;
}

.semi-popover-wrapper[x-placement="bottomRight"] .semi-popover-icon-arrow {
  top: -7px;
  right: 6px;
  transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="bottomRight"].semi-popover-with-arrow, .semi-popover-wrapper[x-placement="bottomRight"] .semi-popover-with-arrow {
  min-width: 36px;
}

.semi-popover.semi-popover-rtl {
  direction: rtl;
}

.semi-spin {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}

@keyframes semi-animation-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.semi-spin-wrapper {
  text-align: center;
  width: 100%;
  color: var(--semi-color-primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.semi-spin-wrapper > svg {
  vertical-align: top;
  width: 20px;
  height: 20px;
  animation: .6s linear infinite forwards semi-animation-rotate;
  display: inline;
}

.semi-spin-animate {
  animation: 1.6s linear infinite forwards semi-animation-rotate;
  display: inline-flex;
}

.semi-spin-children {
  opacity: .5;
  -webkit-user-select: none;
  user-select: none;
}

.semi-spin-block {
  display: block;
}

.semi-spin-block:after {
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-spin-block .semi-spin-wrapper {
  display: block;
}

.semi-spin-block.semi-spin {
  width: auto;
  height: auto;
}

.semi-spin-hidden:after {
  content: none;
}

.semi-spin-hidden > .semi-spin-children {
  opacity: 1;
  -webkit-user-select: auto;
  user-select: auto;
}

.semi-spin-small, .semi-spin-small > .semi-spin-wrapper svg {
  width: 14px;
  height: 14px;
}

.semi-spin-middle, .semi-spin-middle > .semi-spin-wrapper svg {
  width: 20px;
  height: 20px;
}

.semi-spin-large, .semi-spin-large > .semi-spin-wrapper svg {
  width: 32px;
  height: 32px;
}

.semi-spin-container {
  overflow: hidden;
}

.semi-rtl .semi-spin, .semi-portal-rtl .semi-spin, .semi-rtl .semi-spin-container, .semi-portal-rtl .semi-spin-container {
  direction: rtl;
}

.semi-checkbox {
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  align-items: flex-start;
  column-gap: 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.semi-checkbox input[type="checkbox"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-checkbox-content {
  flex-direction: column;
  flex: 1;
  row-gap: 4px;
  display: flex;
}

.semi-checkbox-addon {
  color: var(--semi-color-text-0);
  -webkit-user-select: none;
  user-select: none;
  flex: 1;
  align-items: center;
  line-height: 20px;
  display: flex;
}

.semi-checkbox:hover .semi-checkbox-inner-display {
  background: var(--semi-color-fill-0);
  box-shadow: inset 0 0 0 1px var(--semi-color-focus-border);
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  background: var(--semi-color-primary-hover);
  box-shadow: none;
}

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  background: var(--semi-color-primary-active);
  box-shadow: none;
}

.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display {
  background: var(--semi-color-disabled-fill);
  box-shadow: inset 0 0 0 1px var(--semi-color-border);
}

.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  color: var(--semi-color-white);
  background: var(--semi-color-primary-disabled);
  box-shadow: none;
}

.semi-checkbox-inner {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  align-items: center;
  width: 16px;
  height: 20px;
  display: flex;
  position: relative;
}

.semi-checkbox-inner-display {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  box-shadow: inset 0 0 0 1px var(--semi-color-text-3);
  border-radius: var(--semi-border-radius-extra-small);
  background: none;
  margin: 0;
  position: relative;
}

.semi-checkbox-inner-display .semi-icon {
  font-size: 16px;
}

.semi-checkbox-inner-checked .semi-checkbox-inner-display {
  background: var(--semi-color-primary);
  color: var(--semi-color-white);
  box-shadow: inset 0 0 0 1px var(--semi-color-primary);
  border-radius: var(--semi-border-radius-extra-small);
}

.semi-checkbox-inner-checked > .semi-checkbox-addon {
  color: var(--semi-color-text-0);
}

.semi-checkbox:hover .semi-checkbox-inner-display {
  background: var(--semi-color-fill-0);
}

.semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
  background: var(--semi-color-primary-hover);
  box-shadow: none;
  color: var(--semi-color-white);
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  background: var(--semi-color-primary-hover);
  border-color: var(--semi-color-primary-hover);
  color: var(--semi-color-white);
}

.semi-checkbox:hover.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
  background: var(--semi-color-white);
}

.semi-checkbox:active .semi-checkbox-inner-display {
  background: var(--semi-color-fill-1);
}

.semi-checkbox:active.semi-checkbox-indeterminate .semi-checkbox-inner-display {
  background: var(--semi-color-primary-active);
  border-color: var(--semi-color-primary-active);
  color: var(--semi-color-white);
  box-shadow: none;
}

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  background: var(--semi-color-primary-active);
  border-color: var(--semi-color-primary-active);
  color: var(--semi-color-white);
}

.semi-checkbox:active.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
  background: var(--semi-color-white);
}

.semi-checkbox-cardType {
  background: none;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
}

.semi-checkbox-cardType .semi-checkbox-inner {
  flex-shrink: 0;
  position: relative;
}

.semi-checkbox-cardType .semi-checkbox-inner-display {
  background: var(--semi-color-white);
}

.semi-checkbox-cardType .semi-checkbox-inner-pureCardType {
  opacity: 0;
  width: 0;
}

.semi-checkbox-cardType .semi-checkbox-addon {
  color: var(--semi-color-text-0);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-checkbox-cardType .semi-checkbox-extra {
  color: var(--semi-color-text-2);
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.semi-checkbox-cardType .semi-checkbox-extra.semi-checkbox-cardType_extra_noChildren {
  margin-top: 0;
}

.semi-checkbox-cardType:hover {
  background: var(--semi-color-fill-0);
}

.semi-checkbox-cardType:active {
  background: var(--semi-color-fill-1);
}

.semi-checkbox-cardType_checked {
  background: var(--semi-color-primary-light-default);
  border: 1px solid var(--semi-color-primary);
}

.semi-checkbox-cardType_checked:hover {
  background: var(--semi-color-primary-light-default);
  border-color: var(--semi-color-primary-hover);
}

.semi-checkbox-cardType_checked:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  box-shadow: none;
}

.semi-checkbox-cardType_checked:active {
  background: var(--semi-color-primary-light-default);
  border-color: var(--semi-color-primary-active);
}

.semi-checkbox-cardType_disabled:active, .semi-checkbox-cardType_disabled:hover {
  background: none;
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType {
  background: var(--semi-color-primary-light-default);
  border: 1px solid var(--semi-color-primary-disabled);
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  box-shadow: none;
}

.semi-checkbox-indeterminate .semi-checkbox-inner-display, .semi-checkbox-checked .semi-checkbox-inner-display {
  background: var(--semi-color-primary);
  color: var(--semi-color-white);
  box-shadow: inset 0 0 0 1px var(--semi-color-primary);
  border-radius: var(--semi-border-radius-extra-small);
}

.semi-checkbox-indeterminate .semi-checkbox-inner-display:hover, .semi-checkbox-checked .semi-checkbox-inner-display:hover {
  background: var(--semi-color-primary-hover);
  border-color: var(--semi-color-primary-hover);
  color: var(--semi-color-white);
}

.semi-checkbox-indeterminate .semi-checkbox-inner-display:active, .semi-checkbox-checked .semi-checkbox-inner-display:active {
  background: var(--semi-color-primary-active);
  border-color: var(--semi-color-primary-active);
  color: var(--semi-color-white);
}

.semi-checkbox-indeterminate .semi-checkbox-inner-addon, .semi-checkbox-checked .semi-checkbox-inner-addon {
  color: var(--semi-color-text-0);
}

.semi-checkbox-disabled, .semi-checkbox-disabled .semi-checkbox-inner {
  cursor: not-allowed;
}

.semi-checkbox-disabled .semi-checkbox-inner-display {
  color: var(--semi-color-white);
  background: var(--semi-color-disabled-fill);
  box-shadow: inset 0 0 0 1px var(--semi-color-border);
}

.semi-checkbox-disabled .semi-checkbox-inner-display:hover {
  color: var(--semi-color-white);
  background: none;
}

.semi-checkbox-disabled .semi-checkbox-inner-checked {
  color: var(--semi-color-white);
}

.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  opacity: .75;
  background: var(--semi-color-primary-disabled);
  box-shadow: inset 0 0 0 1px var(--semi-color-primary-disabled);
}

.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
  color: var(--semi-color-white);
  background: var(--semi-color-primary-disabled);
}

.semi-checkbox-disabled .semi-checkbox-addon, .semi-checkbox-disabled .semi-checkbox-extra {
  color: var(--semi-color-disabled-text);
}

.semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display {
  opacity: .75;
  background: var(--semi-color-primary-disabled);
  box-shadow: inset 0 0 0 1px var(--semi-color-primary-disabled);
  color: var(--semi-color-white);
}

.semi-checkbox-extra {
  box-sizing: border-box;
  color: var(--semi-color-text-2);
  flex: 1 0 100%;
}

.semi-checkbox-focus {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-checkbox-focus-border {
  box-shadow: inset 0 0 0 1px var(--semi-color-focus-border);
}

.semi-checkboxGroup {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
}

.semi-checkboxGroup .semi-checkbox.semi-checkbox-vertical {
  margin-bottom: 16px;
}

.semi-checkboxGroup-horizontal {
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}

.semi-checkboxGroup-horizontal .semi-checkbox {
  display: inline-flex;
}

.semi-checkboxGroup-vertical {
  flex-direction: column;
  row-gap: 12px;
  display: flex;
}

.semi-checkboxGroup-vertical-cardType {
  row-gap: 16px;
}

.semi-checkboxGroup-vertical-pureCardType .semi-checkbox {
  column-gap: 0;
}

.semi-rtl .semi-checkbox, .semi-portal-rtl .semi-checkbox {
  direction: rtl;
}

.semi-rtl .semi-checkbox input[type="checkbox"], .semi-portal-rtl .semi-checkbox input[type="checkbox"] {
  left: auto;
  right: 0;
}

.semi-rtl .semi-checkboxGroup, .semi-portal-rtl .semi-checkboxGroup {
  direction: rtl;
}

.semi-avatar {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.semi-avatar:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-avatar-focus {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-avatar-no-focus-visible:focus-visible {
  outline: none;
}

.semi-avatar .semi-avatar-label {
  align-items: center;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.semi-avatar-content {
  -webkit-user-select: none;
  user-select: none;
}

.semi-avatar-extra-extra-small {
  border-radius: 3px;
  width: 20px;
  height: 20px;
}

.semi-avatar-extra-extra-small .semi-avatar-content {
  transform-origin: center;
  transform: scale(.8);
}

.semi-avatar-extra-extra-small .semi-avatar-label {
  font-size: 10px;
  line-height: 15px;
}

.semi-avatar-extra-small {
  border-radius: 3px;
  width: 24px;
  height: 24px;
}

.semi-avatar-extra-small .semi-avatar-content {
  transform-origin: center;
  transform: scale(.8);
}

.semi-avatar-extra-small .semi-avatar-label {
  font-size: 10px;
  line-height: 15px;
}

.semi-avatar-small {
  border-radius: 3px;
  width: 32px;
  height: 32px;
}

.semi-avatar-small .semi-avatar-label {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.semi-avatar-default {
  border-radius: 3px;
  width: 40px;
  height: 40px;
}

.semi-avatar-default .semi-avatar-label {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.semi-avatar-medium {
  border-radius: 3px;
  width: 48px;
  height: 48px;
}

.semi-avatar-medium .semi-avatar-label {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.semi-avatar-large {
  border-radius: 6px;
  width: 72px;
  height: 72px;
}

.semi-avatar-large .semi-avatar-label {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 44px;
}

.semi-avatar-extra-large {
  border-radius: 12px;
  width: 128px;
  height: 128px;
}

.semi-avatar-extra-large .semi-avatar-label {
  font-size: 64px;
  line-height: 77px;
}

.semi-avatar-circle {
  border-radius: var(--semi-border-radius-circle);
}

.semi-avatar-image {
  background-color: #0000;
}

.semi-avatar > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.semi-avatar-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-avatar:hover {
  cursor: pointer;
}

.semi-avatar-wrapper {
  flex-direction: column;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  position: relative;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg {
  border-radius: 50%;
  justify-content: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-small {
  width: 32px;
  height: 32px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-default {
  width: 40px;
  height: 40px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-medium {
  width: 48px;
  height: 48px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-large {
  width: 72px;
  height: 72px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-extra-large {
  width: 128px;
  height: 128px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg {
  position: absolute;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-small {
  top: -28px;
  scale: .4;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-default {
  top: -32px;
  scale: .7;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-medium {
  top: -30px;
  scale: .8;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-large {
  top: -30px;
  scale: 1.1;
}

.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-extra-large {
  top: -32px;
  scale: 1.4;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper {
  justify-content: center;
  display: flex;
  position: absolute;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot {
  color: var(--semi-color-bg-0);
  font-weight: 600;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content {
  -webkit-user-select: none;
  user-select: none;
  line-height: normal;
  position: relative;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-small {
  margin-top: 0;
  font-size: 5px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-default {
  margin-top: -2px;
  font-size: 6px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-medium {
  margin-top: 0;
  font-size: 8px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-large {
  margin-top: 0;
  font-size: 14px;
}

.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-extra-large {
  margin-top: 0;
  font-size: 16px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot {
  color: var(--semi-color-bg-0);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  bottom: 3.5px;
  transform: translateY(50%);
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle {
  background: var(--semi-color-primary);
  border-radius: var(--semi-border-radius-circle);
  justify-content: center;
  align-items: center;
  line-height: normal;
  display: flex;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-small, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-small {
  width: 12px;
  height: 12px;
  font-size: 5px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-default {
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-medium {
  width: 18px;
  height: 18px;
  font-size: 12px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-large {
  width: 28px;
  height: 28px;
  font-size: 12px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-large {
  width: 28px;
  height: 28px;
  font-size: 14px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square {
  background: var(--semi-color-primary);
  border-style: solid;
  border-color: var(--semi-color-bg-0);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 1px 4px;
  font-weight: 600;
  display: flex;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra_small, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-small {
  border-width: 2px;
  font-size: 5px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-default, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-medium, .semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-large {
  border-width: 2px;
  font-size: 12px;
}

.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra-large {
  border-width: 2px;
  font-size: 14px;
}

.semi-avatar-group {
  display: inline-block;
}

.semi-avatar-group .semi-avatar {
  box-sizing: border-box;
}

.semi-avatar-group .semi-avatar:first-child {
  margin-left: 0;
}

.semi-avatar-group .semi-avatar-extra-large {
  border: 3px var(--semi-color-bg-1) solid;
  margin-left: -32px;
}

.semi-avatar-group .semi-avatar-large {
  border: 3px var(--semi-color-bg-1) solid;
  margin-left: -18px;
}

.semi-avatar-group .semi-avatar-medium, .semi-avatar-group .semi-avatar-default, .semi-avatar-group .semi-avatar-small {
  border: 2px var(--semi-color-bg-1) solid;
  margin-left: -12px;
}

.semi-avatar-group .semi-avatar-extra-small {
  border: 1px var(--semi-color-bg-1) solid;
  margin-left: -10px;
}

.semi-avatar-group .semi-avatar-extra-extra-small {
  border: 1px var(--semi-color-bg-1) solid;
  margin-left: -4px;
}

.semi-avatar-group .semi-avatar-item-start-0 {
  z-index: 100;
}

.semi-avatar-group .semi-avatar-item-end-0 {
  z-index: 80;
}

.semi-avatar-group .semi-avatar-item-start-1 {
  z-index: 99;
}

.semi-avatar-group .semi-avatar-item-end-1 {
  z-index: 81;
}

.semi-avatar-group .semi-avatar-item-start-2 {
  z-index: 98;
}

.semi-avatar-group .semi-avatar-item-end-2 {
  z-index: 82;
}

.semi-avatar-group .semi-avatar-item-start-3 {
  z-index: 97;
}

.semi-avatar-group .semi-avatar-item-end-3 {
  z-index: 83;
}

.semi-avatar-group .semi-avatar-item-start-4 {
  z-index: 96;
}

.semi-avatar-group .semi-avatar-item-end-4 {
  z-index: 84;
}

.semi-avatar-group .semi-avatar-item-start-5 {
  z-index: 95;
}

.semi-avatar-group .semi-avatar-item-end-5 {
  z-index: 85;
}

.semi-avatar-group .semi-avatar-item-start-6 {
  z-index: 94;
}

.semi-avatar-group .semi-avatar-item-end-6 {
  z-index: 86;
}

.semi-avatar-group .semi-avatar-item-start-7 {
  z-index: 93;
}

.semi-avatar-group .semi-avatar-item-end-7 {
  z-index: 87;
}

.semi-avatar-group .semi-avatar-item-start-8 {
  z-index: 92;
}

.semi-avatar-group .semi-avatar-item-end-8 {
  z-index: 88;
}

.semi-avatar-group .semi-avatar-item-start-9 {
  z-index: 91;
}

.semi-avatar-group .semi-avatar-item-end-9 {
  z-index: 89;
}

.semi-avatar-group .semi-avatar-item-start-10, .semi-avatar-group .semi-avatar-item-end-10 {
  z-index: 90;
}

.semi-avatar-group .semi-avatar-item-start-11 {
  z-index: 89;
}

.semi-avatar-group .semi-avatar-item-end-11 {
  z-index: 91;
}

.semi-avatar-group .semi-avatar-item-start-12 {
  z-index: 88;
}

.semi-avatar-group .semi-avatar-item-end-12 {
  z-index: 92;
}

.semi-avatar-group .semi-avatar-item-start-13 {
  z-index: 87;
}

.semi-avatar-group .semi-avatar-item-end-13 {
  z-index: 93;
}

.semi-avatar-group .semi-avatar-item-start-14 {
  z-index: 86;
}

.semi-avatar-group .semi-avatar-item-end-14 {
  z-index: 94;
}

.semi-avatar-group .semi-avatar-item-start-15 {
  z-index: 85;
}

.semi-avatar-group .semi-avatar-item-end-15 {
  z-index: 95;
}

.semi-avatar-group .semi-avatar-item-start-16 {
  z-index: 84;
}

.semi-avatar-group .semi-avatar-item-end-16 {
  z-index: 96;
}

.semi-avatar-group .semi-avatar-item-start-17 {
  z-index: 83;
}

.semi-avatar-group .semi-avatar-item-end-17 {
  z-index: 97;
}

.semi-avatar-group .semi-avatar-item-start-18 {
  z-index: 82;
}

.semi-avatar-group .semi-avatar-item-end-18 {
  z-index: 98;
}

.semi-avatar-group .semi-avatar-item-start-19 {
  z-index: 81;
}

.semi-avatar-group .semi-avatar-item-end-19 {
  z-index: 99;
}

.semi-avatar-group .semi-avatar-item-start-20 {
  z-index: 80;
}

.semi-avatar-group .semi-avatar-item-end-20 {
  z-index: 100;
}

.semi-avatar-group .semi-avatar-item-more {
  background-color: rgba(var(--semi-grey-5), 1);
}

.semi-avatar-amber {
  background-color: rgba(var(--semi-amber-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-blue {
  background-color: rgba(var(--semi-blue-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-cyan {
  background-color: rgba(var(--semi-cyan-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-green {
  background-color: rgba(var(--semi-green-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-grey {
  background-color: rgba(var(--semi-grey-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-indigo {
  background-color: rgba(var(--semi-indigo-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-light-blue {
  background-color: rgba(var(--semi-light-blue-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-light-green {
  background-color: rgba(var(--semi-light-green-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-lime {
  background-color: rgba(var(--semi-lime-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-orange {
  background-color: rgba(var(--semi-orange-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-pink {
  background-color: rgba(var(--semi-pink-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-purple {
  background-color: rgba(var(--semi-purple-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-red {
  background-color: rgba(var(--semi-red-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-teal {
  background-color: rgba(var(--semi-teal-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-violet {
  background-color: rgba(var(--semi-violet-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-yellow {
  background-color: rgba(var(--semi-yellow-3), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-avatar-additionalBorder {
  border-style: solid;
  border-color: var(--semi-color-primary);
  box-sizing: border-box;
  border-width: 1.5px;
  display: inline-block;
  position: absolute;
  top: -3.5px;
  left: -3.5px;
}

.semi-avatar-additionalBorder-extra-extra-small {
  width: 27px;
  height: 27px;
}

.semi-avatar-additionalBorder-extra-small {
  width: 31px;
  height: 31px;
}

.semi-avatar-additionalBorder-small {
  width: 39px;
  height: 39px;
}

.semi-avatar-additionalBorder-default {
  width: 47px;
  height: 47px;
}

.semi-avatar-additionalBorder-medium {
  width: 55px;
  height: 55px;
}

.semi-avatar-additionalBorder-large {
  width: 79px;
  height: 79px;
}

.semi-avatar-additionalBorder-extra-large {
  width: 135px;
  height: 135px;
}

.semi-avatar-square.semi-avatar-additionalBorder-extra_extra_small, .semi-avatar-square.semi-avatar-additionalBorder-extra_small, .semi-avatar-square.semi-avatar-additionalBorder-small, .semi-avatar-square.semi-avatar-additionalBorder-default, .semi-avatar-square.semi-avatar-additionalBorder-medium {
  border-radius: 3px;
}

.semi-avatar-square.semi-avatar-additionalBorder-large {
  border-radius: 6px;
}

.semi-avatar-additionalBorder-circle {
  border-radius: var(--semi-border-radius-circle);
}

.semi-avatar-additionalBorder-animated {
  animation: .8s linear infinite semi-avatar-additionalBorder;
}

.semi-avatar-animated {
  animation: 1s linear infinite semi-avatar-content;
}

@keyframes semi-avatar-additionalBorder {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    border-width: 0;
    transform: scale(1.15);
  }
}

@keyframes semi-avatar-content {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(.9);
  }

  to {
    transform: scale(1);
  }
}

.semi-rtl .semi-avatar, .semi-portal-rtl .semi-avatar {
  direction: rtl;
}

.semi-rtl .semi-avatar-extra-extra-small .semi-avatar-content, .semi-portal-rtl .semi-avatar-extra-extra-small .semi-avatar-content, .semi-rtl .semi-avatar-extra-small .semi-avatar-content, .semi-portal-rtl .semi-avatar-extra-small .semi-avatar-content {
  transform: scale(.8);
}

.semi-rtl .semi-avatar-hover, .semi-portal-rtl .semi-avatar-hover {
  left: auto;
  right: 0;
}

.semi-rtl .semi-avatar-group, .semi-portal-rtl .semi-avatar-group {
  direction: rtl;
}

.semi-rtl .semi-avatar-group .semi-avatar:first-child, .semi-portal-rtl .semi-avatar-group .semi-avatar:first-child {
  margin-left: auto;
  margin-right: 0;
}

.semi-rtl .semi-avatar-group .semi-avatar-extra-large, .semi-portal-rtl .semi-avatar-group .semi-avatar-extra-large {
  margin-left: auto;
  margin-right: -32px;
}

.semi-rtl .semi-avatar-group .semi-avatar-large, .semi-portal-rtl .semi-avatar-group .semi-avatar-large {
  margin-left: auto;
  margin-right: -18px;
}

.semi-rtl .semi-avatar-group .semi-avatar-medium, .semi-rtl .semi-avatar-group .semi-avatar-small, .semi-portal-rtl .semi-avatar-group .semi-avatar-medium, .semi-portal-rtl .semi-avatar-group .semi-avatar-small {
  margin-left: auto;
  margin-right: -12px;
}

.semi-rtl .semi-avatar-group .semi-avatar-extra-small, .semi-portal-rtl .semi-avatar-group .semi-avatar-extra-small {
  margin-left: auto;
  margin-right: -10px;
}

.semi-rtl .semi-avatar-group .semi-avatar-extra-extra-small, .semi-portal-rtl .semi-avatar-group .semi-avatar-extra-extra-small {
  margin-left: auto;
  margin-right: -4px;
}

.semi-tag {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  vertical-align: bottom;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.semi-tag-default, .semi-tag-small {
  height: 20px;
  padding: 2px 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.semi-tag-default:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-tag-small:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-tag-square {
  border-radius: var(--semi-border-radius-small);
}

.semi-tag-circle {
  border-radius: var(--semi-border-radius-full);
}

.semi-tag-large {
  height: 24px;
  padding: 4px 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.semi-tag-large:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-tag-invisible {
  display: none;
}

.semi-tag-prefix-icon {
  padding-right: 4px;
  display: flex;
}

.semi-tag-suffix-icon {
  padding-left: 4px;
  display: flex;
}

.semi-tag-content {
  flex: 1;
}

.semi-tag-content-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.semi-tag-content-center {
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: 100%;
  display: flex;
}

.semi-tag-close {
  color: var(--semi-color-text-2);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-left: 4px;
  display: flex;
}

.semi-tag-close:hover {
  color: var(--semi-color-text-1);
}

.semi-tag-close:active {
  color: var(--semi-color-text-0);
}

.semi-tag-closable {
  padding: 4px 4px 4px 8px;
}

.semi-tag-avatar-square .semi-avatar, .semi-tag-avatar-circle .semi-avatar {
  margin-right: 4px;
}

.semi-tag-avatar-square {
  padding: 0 4px 0 0;
}

.semi-tag-avatar-square .semi-avatar > img {
  background-color: var(--semi-color-default);
}

.semi-tag-avatar-circle {
  padding: 2px 4px 2px 2px;
}

.semi-tag-avatar-square.semi-tag-default .semi-avatar, .semi-tag-avatar-square.semi-tag-small .semi-avatar {
  width: 20px;
  height: 20px;
}

.semi-tag-avatar-square.semi-tag-large .semi-avatar {
  width: 24px;
  height: 24px;
}

.semi-tag-avatar-circle.semi-tag-small, .semi-tag-avatar-circle.semi-tag-default {
  border-radius: 11px;
}

.semi-tag-avatar-circle.semi-tag-small .semi-avatar, .semi-tag-avatar-circle.semi-tag-default .semi-avatar {
  width: 16px;
  height: 16px;
}

.semi-tag-avatar-circle.semi-tag-large {
  border-radius: 13px;
}

.semi-tag-avatar-circle.semi-tag-large .semi-avatar {
  width: 20px;
  height: 20px;
}

.semi-tag-colorful {
  font-weight: 600;
}

.semi-tag-colorful.semi-tag-solid {
  background: var(--semi-color-ai-purple);
  color: var(--semi-color-white);
}

.semi-tag-colorful.semi-tag-solid.semi-tag-gradient {
  background: var(--semi-color-ai-general);
}

.semi-tag-colorful.semi-tag-light {
  background: rgba(var(--semi-ai-purple-0), 1);
  color: var(--semi-color-ai-purple);
}

.semi-tag-colorful.semi-tag-light.semi-tag-gradient {
  background: var(--semi-ai-general-0);
}

.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:first-child {
  stop-color: rgba(var(--semi-ai-general-5-0), 1);
}

.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
  stop-color: rgba(var(--semi-ai-general-5-1), 1);
}

.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
  stop-color: rgba(var(--semi-ai-general-5-2), 1);
}

.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
  stop-color: rgba(var(--semi-ai-general-5-3), 1);
}

.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-content {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-tag-colorful.semi-tag-ghost {
  background: var(--semi-color-white);
  color: var(--semi-color-ai-purple);
  border-color: var(--semi-color-ai-general);
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient {
  border: none;
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:first-child {
  stop-color: rgba(var(--semi-ai-general-5-0), 1);
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
  stop-color: rgba(var(--semi-ai-general-5-1), 1);
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
  stop-color: rgba(var(--semi-ai-general-5-2), 1);
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
  stop-color: rgba(var(--semi-ai-general-5-3), 1);
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient.semi-tag-circle:before {
  border-radius: var(--semi-border-radius-full);
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient:before {
  content: "";
  border-radius: var(--semi-border-radius-small);
  background: var(--semi-color-ai-general);
  -webkit-mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
  -webkit-mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
  mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  padding: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-content {
  background: var(--semi-color-ai-general);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.semi-tag-group {
  height: auto;
  display: block;
}

.semi-tag-group .semi-tag {
  margin-bottom: 0;
  margin-right: 8px;
}

.semi-tag-group-max.semi-tag-group-small {
  height: 22px;
}

.semi-tag-group-max.semi-tag-group-large {
  height: 26px;
}

.semi-tag-rest-group-popover .semi-tag {
  margin-bottom: 0;
  margin-right: 8px;
}

.semi-tag-rest-group-popover .semi-tag:last-of-type {
  margin-right: 0;
}

.semi-tag-amber-ghost {
  border: 1px solid rgba(var(--semi-amber-4), 1);
  color: rgba(var(--semi-amber-5), 1);
  background-color: #0000;
}

.semi-tag-amber-solid {
  background-color: rgba(var(--semi-amber-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-amber-light {
  background-color: rgba(var(--semi-amber-5), .15);
  color: rgba(var(--semi-amber-8), 1);
}

.semi-tag-blue-ghost {
  border: 1px solid rgba(var(--semi-blue-4), 1);
  color: rgba(var(--semi-blue-5), 1);
  background-color: #0000;
}

.semi-tag-blue-solid {
  background-color: rgba(var(--semi-blue-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-blue-light {
  background-color: rgba(var(--semi-blue-5), .15);
  color: rgba(var(--semi-blue-8), 1);
}

.semi-tag-cyan-ghost {
  border: 1px solid rgba(var(--semi-cyan-4), 1);
  color: rgba(var(--semi-cyan-5), 1);
  background-color: #0000;
}

.semi-tag-cyan-solid {
  background-color: rgba(var(--semi-cyan-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-cyan-light {
  background-color: rgba(var(--semi-cyan-5), .15);
  color: rgba(var(--semi-cyan-8), 1);
}

.semi-tag-green-ghost {
  border: 1px solid rgba(var(--semi-green-4), 1);
  color: rgba(var(--semi-green-5), 1);
  background-color: #0000;
}

.semi-tag-green-solid {
  background-color: rgba(var(--semi-green-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-green-light {
  background-color: rgba(var(--semi-green-5), .15);
  color: rgba(var(--semi-green-8), 1);
}

.semi-tag-grey-ghost {
  border: 1px solid rgba(var(--semi-grey-4), 1);
  color: rgba(var(--semi-grey-5), 1);
  background-color: #0000;
}

.semi-tag-grey-solid {
  background-color: rgba(var(--semi-grey-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-grey-light {
  background-color: rgba(var(--semi-grey-5), .15);
  color: rgba(var(--semi-grey-8), 1);
}

.semi-tag-indigo-ghost {
  border: 1px solid rgba(var(--semi-indigo-4), 1);
  color: rgba(var(--semi-indigo-5), 1);
  background-color: #0000;
}

.semi-tag-indigo-solid {
  background-color: rgba(var(--semi-indigo-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-indigo-light {
  background-color: rgba(var(--semi-indigo-5), .15);
  color: rgba(var(--semi-indigo-8), 1);
}

.semi-tag-light-blue-ghost {
  border: 1px solid rgba(var(--semi-light-blue-4), 1);
  color: rgba(var(--semi-light-blue-5), 1);
  background-color: #0000;
}

.semi-tag-light-blue-solid {
  background-color: rgba(var(--semi-light-blue-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-light-blue-light {
  background-color: rgba(var(--semi-light-blue-5), .15);
  color: rgba(var(--semi-light-blue-8), 1);
}

.semi-tag-light-green-ghost {
  border: 1px solid rgba(var(--semi-light-green-4), 1);
  color: rgba(var(--semi-light-green-5), 1);
  background-color: #0000;
}

.semi-tag-light-green-solid {
  background-color: rgba(var(--semi-light-green-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-light-green-light {
  background-color: rgba(var(--semi-light-green-5), .15);
  color: rgba(var(--semi-light-green-8), 1);
}

.semi-tag-lime-ghost {
  border: 1px solid rgba(var(--semi-lime-4), 1);
  color: rgba(var(--semi-lime-5), 1);
  background-color: #0000;
}

.semi-tag-lime-solid {
  background-color: rgba(var(--semi-lime-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-lime-light {
  background-color: rgba(var(--semi-lime-5), .15);
  color: rgba(var(--semi-lime-8), 1);
}

.semi-tag-orange-ghost {
  border: 1px solid rgba(var(--semi-orange-4), 1);
  color: rgba(var(--semi-orange-5), 1);
  background-color: #0000;
}

.semi-tag-orange-solid {
  background-color: rgba(var(--semi-orange-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-orange-light {
  background-color: rgba(var(--semi-orange-5), .15);
  color: rgba(var(--semi-orange-8), 1);
}

.semi-tag-pink-ghost {
  border: 1px solid rgba(var(--semi-pink-4), 1);
  color: rgba(var(--semi-pink-5), 1);
  background-color: #0000;
}

.semi-tag-pink-solid {
  background-color: rgba(var(--semi-pink-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-pink-light {
  background-color: rgba(var(--semi-pink-5), .15);
  color: rgba(var(--semi-pink-8), 1);
}

.semi-tag-purple-ghost {
  border: 1px solid rgba(var(--semi-purple-4), 1);
  color: rgba(var(--semi-purple-5), 1);
  background-color: #0000;
}

.semi-tag-purple-solid {
  background-color: rgba(var(--semi-purple-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-purple-light {
  background-color: rgba(var(--semi-purple-5), .15);
  color: rgba(var(--semi-purple-8), 1);
}

.semi-tag-red-ghost {
  border: 1px solid rgba(var(--semi-red-4), 1);
  color: rgba(var(--semi-red-5), 1);
  background-color: #0000;
}

.semi-tag-red-solid {
  background-color: rgba(var(--semi-red-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-red-light {
  background-color: rgba(var(--semi-red-5), .15);
  color: rgba(var(--semi-red-8), 1);
}

.semi-tag-teal-ghost {
  border: 1px solid rgba(var(--semi-teal-4), 1);
  color: rgba(var(--semi-teal-5), 1);
  background-color: #0000;
}

.semi-tag-teal-solid {
  background-color: rgba(var(--semi-teal-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-teal-light {
  background-color: rgba(var(--semi-teal-5), .15);
  color: rgba(var(--semi-teal-8), 1);
}

.semi-tag-violet-ghost {
  border: 1px solid rgba(var(--semi-violet-4), 1);
  color: rgba(var(--semi-violet-5), 1);
  background-color: #0000;
}

.semi-tag-violet-solid {
  background-color: rgba(var(--semi-violet-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-violet-light {
  background-color: rgba(var(--semi-violet-5), .15);
  color: rgba(var(--semi-violet-8), 1);
}

.semi-tag-yellow-ghost {
  border: 1px solid rgba(var(--semi-yellow-4), 1);
  color: rgba(var(--semi-yellow-5), 1);
  background-color: #0000;
}

.semi-tag-yellow-solid {
  background-color: rgba(var(--semi-yellow-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-yellow-light {
  background-color: rgba(var(--semi-yellow-5), .15);
  color: rgba(var(--semi-yellow-8), 1);
}

.semi-tag-white-ghost, .semi-tag-white-solid, .semi-tag-white-light {
  background-color: var(--semi-color-bg-4);
  border: 1px solid rgba(var(--semi-grey-2), .7);
  color: var(--semi-color-text-0);
}

.semi-tag-white-ghost .semi-tag-close, .semi-tag-white-light .semi-tag-close, .semi-tag-white-solid .semi-tag-close {
  color: var(--semi-color-text-2);
}

.semi-tag-avatar-square, .semi-tag-avatar-circle {
  background-color: var(--semi-color-bg-4);
  border: 1px solid var(--semi-color-border);
  color: var(--semi-color-text-0);
}

.semi-rtl .semi-tag, .semi-portal-rtl .semi-tag {
  direction: rtl;
}

.semi-rtl .semi-tag-close, .semi-portal-rtl .semi-tag-close {
  padding-left: auto;
  padding-right: 4px;
}

.semi-rtl .semi-tag-closable, .semi-portal-rtl .semi-tag-closable {
  padding: 4px 8px 4px 4px;
}

.semi-rtl .semi-tag-avatar-square .semi-avatar, .semi-rtl .semi-tag-avatar-circle .semi-avatar, .semi-portal-rtl .semi-tag-avatar-square .semi-avatar, .semi-portal-rtl .semi-tag-avatar-circle .semi-avatar {
  margin-left: 4px;
  margin-right: auto;
}

.semi-rtl .semi-tag-avatar-square, .semi-portal-rtl .semi-tag-avatar-square {
  padding-left: 4px;
  padding-right: auto;
}

.semi-rtl .semi-tag-avatar-circle, .semi-portal-rtl .semi-tag-avatar-circle {
  padding: 2px 2px 2px 4px;
}

.semi-rtl .semi-tag-group, .semi-portal-rtl .semi-tag-group {
  direction: rtl;
}

.semi-rtl .semi-tag-group .semi-tag, .semi-portal-rtl .semi-tag-group .semi-tag {
  margin-left: 8px;
  margin-right: auto;
}

.semi-rtl .semi-tag-rest-group-popover, .semi-portal-rtl .semi-tag-rest-group-popover {
  direction: rtl;
}

.semi-rtl .semi-tag-rest-group-popover .semi-tag, .semi-portal-rtl .semi-tag-rest-group-popover .semi-tag {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type, .semi-portal-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type {
  margin-left: 0;
  margin-right: auto;
}

.semi-tagInput {
  background-color: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border: 1px solid #0000;
  font-weight: 400;
  display: inline-flex;
}

.semi-tagInput-small {
  min-height: 24px;
}

.semi-tagInput-large {
  min-height: 40px;
}

.semi-tagInput-drag-item {
  align-items: center;
  display: flex;
}

.semi-tagInput-drag-item-move {
  z-index: 2000;
}

.semi-tagInput-drag-handler {
  color: var(--semi-color-text-2);
  cursor: move;
  margin-right: 4px;
}

.semi-tagInput-sortable-item {
  max-width: 100%;
  position: relative;
}

.semi-tagInput-sortable-item-over {
  overflow: visible;
}

.semi-tagInput-sortable-item-over:before {
  content: "";
  background-color: var(--semi-color-primary);
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
}

.semi-tagInput-sortable-item-active {
  opacity: .5;
}

.semi-tagInput-hover {
  background-color: var(--semi-color-fill-1);
  border: 1px solid #0000;
}

.semi-tagInput-focus {
  background-color: var(--semi-color-fill-0);
  border: 1px var(--semi-color-focus-border) solid;
}

.semi-tagInput-warning {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning-light-default);
}

.semi-tagInput-warning:hover {
  background-color: var(--semi-color-warning-light-hover);
  border-color: var(--semi-color-warning-light-hover);
}

.semi-tagInput-warning.semi-tagInput-focus {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}

.semi-tagInput-error {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger-light-default);
}

.semi-tagInput-error:hover {
  background-color: var(--semi-color-danger-light-hover);
  border-color: var(--semi-color-danger-light-hover);
}

.semi-tagInput-error.semi-tagInput-focus {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}

.semi-tagInput-disabled {
  background-color: var(--semi-color-disabled-fill);
  cursor: not-allowed;
}

.semi-tagInput-disabled .semi-tagInput-clearBtn, .semi-tagInput-disabled .semi-tagInput-prefix, .semi-tagInput-disabled .semi-tagInput-suffix {
  color: var(--semi-color-disabled-text);
}

.semi-tagInput-disabled .semi-tagInput-wrapper {
  cursor: not-allowed;
}

.semi-tagInput-disabled .semi-tagInput-wrapper-tag {
  color: var(--semi-color-disabled-text);
  background-color: #0000;
}

.semi-tagInput-disabled .semi-tagInput-wrapper-input {
  cursor: not-allowed;
}

.semi-tagInput-disabled .semi-tagInput-wrapper-input::placeholder {
  color: var(--semi-color-disabled-text);
}

.semi-tagInput-wrapper {
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  overflow: hidden;
}

.semi-tagInput-wrapper-tag {
  white-space: pre;
  max-width: 100%;
  margin-right: 4px;
}

.semi-tagInput-wrapper-tag-size-small {
  margin-top: 1px;
  margin-bottom: 1px;
}

.semi-tagInput-wrapper-tag-size-default {
  margin-top: 2px;
  margin-bottom: 2px;
}

.semi-tagInput-wrapper-tag-size-large {
  margin-top: 3px;
  margin-bottom: 3px;
}

.semi-tagInput-wrapper-tag-icon {
  padding-left: 4px;
}

.semi-tagInput-wrapper-typo {
  font-size: 12px;
}

.semi-tagInput-wrapper-typo-disabled {
  color: var(--semi-color-disabled-text);
}

.semi-tagInput-wrapper-n {
  cursor: pointer;
  color: var(--semi-color-text-0);
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.semi-tagInput-wrapper-n-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input {
  background-color: #0000;
  border: none;
  outline: none;
  flex-grow: 1;
  width: min-content;
  font-size: 14px;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input:hover {
  background-color: #0000;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input:not(:first-child) > input {
  padding-left: 0;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small {
  height: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 20px;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small .semi-input-small {
  height: 20px;
  line-height: 20px;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default {
  height: 24px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 24px;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default .semi-input-default {
  height: 24px;
  line-height: 24px;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large {
  height: 24px;
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 24px;
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large .semi-input-large {
  height: 24px;
  line-height: 24px;
}

.semi-tagInput-clearBtn {
  width: 32px;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-tagInput-clearBtn:hover {
  cursor: pointer;
  color: var(--semi-color-primary-hover);
}

.semi-tagInput-clearBtn-invisible {
  visibility: hidden;
}

.semi-tagInput-inset-label {
  color: var(--semi-color-text-2);
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-tagInput-prefix, .semi-tagInput-suffix {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-tagInput-prefix-text, .semi-tagInput-suffix-text {
  white-space: nowrap;
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-tagInput-prefix-icon, .semi-tagInput-suffix-icon {
  color: var(--semi-color-text-2);
  margin: 0 8px;
}

.semi-tagInput-prefix-text, .semi-tagInput-suffix-text {
  color: var(--semi-color-text-2);
}

.semi-tagInput-with-prefix .semi-input {
  padding-left: 0;
}

.semi-tagInput-tag-content-wrapper {
  align-items: center;
  display: flex;
}

.semi-tagInput-sortable-list {
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.semi-rtl .semi-tagInput, .semi-portal-rtl .semi-tagInput {
  direction: rtl;
}

.semi-rtl .semi-tagInput-wrapper-tag, .semi-portal-rtl .semi-tagInput-wrapper-tag {
  margin-left: 4px;
  margin-right: 0;
}

.semi-rtl .semi-tagInput-wrapper-input:not(:first-child) > input, .semi-portal-rtl .semi-tagInput-wrapper-input:not(:first-child) > input {
  padding-right: 0;
}

.semi-typography {
  color: var(--semi-color-text-0);
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.semi-typography.semi-typography-secondary {
  color: var(--semi-color-text-1);
}

.semi-typography.semi-typography-tertiary {
  color: var(--semi-color-text-2);
}

.semi-typography.semi-typography-quaternary {
  color: var(--semi-color-text-3);
}

.semi-typography.semi-typography-warning {
  color: var(--semi-color-warning);
}

.semi-typography.semi-typography-success {
  color: var(--semi-color-success);
}

.semi-typography.semi-typography-danger {
  color: var(--semi-color-danger);
}

.semi-typography.semi-typography-link {
  color: var(--semi-color-link);
  font-weight: 600;
}

.semi-typography.semi-typography-disabled {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}

.semi-typography.semi-typography-disabled.semi-typography-link {
  color: var(--semi-color-link);
}

.semi-typography-icon {
  vertical-align: middle;
  color: inherit;
  margin-right: 4px;
}

.semi-typography-small {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.semi-typography-small.semi-typography-paragraph {
  font-weight: 400;
}

.semi-typography code {
  border: 1px solid var(--semi-color-border);
  color: var(--semi-color-text-2);
  background-color: var(--semi-color-fill-1);
  border-radius: 2px;
  padding: 2px 4px;
}

.semi-typography mark {
  background-color: var(--semi-color-primary-light-default);
}

.semi-typography u {
  text-decoration-skip-ink: auto;
  text-decoration: underline;
}

.semi-typography del {
  text-decoration: line-through;
}

.semi-typography strong {
  font-weight: 600;
}

.semi-typography a {
  color: var(--semi-color-link);
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.semi-typography a:visited {
  color: var(--semi-color-link-visited);
}

.semi-typography a:hover {
  color: var(--semi-color-link-hover);
}

.semi-typography a:active {
  color: var(--semi-color-link-active);
}

.semi-typography a .semi-typography-link-underline:hover {
  border-bottom: 1px solid var(--semi-color-link-hover);
  margin-bottom: -1px;
}

.semi-typography a .semi-typography-link-underline:active {
  border-bottom: 1px solid var(--semi-color-link-active);
  margin-bottom: -1px;
}

.semi-typography-ellipsis-single-line {
  overflow: hidden;
}

.semi-typography-ellipsis-multiple-line {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
  display: -webkit-inline-box;
}

.semi-typography-ellipsis-overflow-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
  vertical-align: top;
  max-width: 100%;
  display: inline-block;
}

.semi-typography-ellipsis-expand {
  margin-left: 8px;
  display: inline;
}

.semi-typography-action-copy {
  vertical-align: middle;
  margin-left: 4px;
  padding: 0;
  display: inline-flex;
}

.semi-typography a.semi-typography-action-copy-icon {
  display: inline-flex;
}

.semi-typography-action-copied {
  color: var(--semi-color-text-2);
  margin-left: 4px;
  padding: 0;
  display: inline-flex;
}

.semi-typography-action-copied .semi-icon {
  vertical-align: middle;
  color: var(--semi-color-success);
}

.semi-typography-paragraph {
  margin: 0;
}

h1.semi-typography, .semi-typography-h1.semi-typography {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
}

h1.semi-typography.semi-typography-h1-weight-light, .semi-typography-h1.semi-typography.semi-typography-h1-weight-light {
  font-weight: 200;
}

h1.semi-typography.semi-typography-h1-weight-regular, .semi-typography-h1.semi-typography.semi-typography-h1-weight-regular {
  font-weight: 400;
}

h1.semi-typography.semi-typography-h1-weight-medium, .semi-typography-h1.semi-typography.semi-typography-h1-weight-medium {
  font-weight: 500;
}

h1.semi-typography.semi-typography-h1-weight-semibold, .semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold {
  font-weight: 600;
}

h1.semi-typography.semi-typography-h1-weight-bold, .semi-typography-h1.semi-typography.semi-typography-h1-weight-bold {
  font-weight: 700;
}

h2.semi-typography, .semi-typography-h2.semi-typography {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
}

h2.semi-typography.semi-typography-h2-weight-light, .semi-typography-h2.semi-typography.semi-typography-h2-weight-light {
  font-weight: 200;
}

h2.semi-typography.semi-typography-h2-weight-regular, .semi-typography-h2.semi-typography.semi-typography-h2-weight-regular {
  font-weight: 400;
}

h2.semi-typography.semi-typography-h2-weight-medium, .semi-typography-h2.semi-typography.semi-typography-h2-weight-medium {
  font-weight: 500;
}

h2.semi-typography.semi-typography-h2-weight-semibold, .semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold {
  font-weight: 600;
}

h2.semi-typography.semi-typography-h2-weight-bold, .semi-typography-h2.semi-typography.semi-typography-h2-weight-bold {
  font-weight: 700;
}

h3.semi-typography, .semi-typography-h3.semi-typography {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

h3.semi-typography.semi-typography-h3-weight-light, .semi-typography-h3.semi-typography.semi-typography-h3-weight-light {
  font-weight: 200;
}

h3.semi-typography.semi-typography-h3-weight-regular, .semi-typography-h3.semi-typography.semi-typography-h3-weight-regular {
  font-weight: 400;
}

h3.semi-typography.semi-typography-h3-weight-medium, .semi-typography-h3.semi-typography.semi-typography-h3-weight-medium {
  font-weight: 500;
}

h3.semi-typography.semi-typography-h3-weight-semibold, .semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold {
  font-weight: 600;
}

h3.semi-typography.semi-typography-h3-weight-bold, .semi-typography-h3.semi-typography.semi-typography-h3-weight-bold {
  font-weight: 700;
}

h4.semi-typography, .semi-typography-h4.semi-typography {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

h4.semi-typography.semi-typography-h4-weight-light, .semi-typography-h4.semi-typography.semi-typography-h4-weight-light {
  font-weight: 200;
}

h4.semi-typography.semi-typography-h4-weight-regular, .semi-typography-h4.semi-typography.semi-typography-h4-weight-regular {
  font-weight: 400;
}

h4.semi-typography.semi-typography-h4-weight-medium, .semi-typography-h4.semi-typography.semi-typography-h4-weight-medium {
  font-weight: 500;
}

h4.semi-typography.semi-typography-h4-weight-semibold, .semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold {
  font-weight: 600;
}

h4.semi-typography.semi-typography-h4-weight-bold, .semi-typography-h4.semi-typography.semi-typography-h4-weight-bold {
  font-weight: 700;
}

h5.semi-typography, .semi-typography-h5.semi-typography {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

h5.semi-typography.semi-typography-h5-weight-light, .semi-typography-h5.semi-typography.semi-typography-h5-weight-light {
  font-weight: 200;
}

h5.semi-typography.semi-typography-h5-weight-regular, .semi-typography-h5.semi-typography.semi-typography-h5-weight-regular {
  font-weight: 400;
}

h5.semi-typography.semi-typography-h5-weight-medium, .semi-typography-h5.semi-typography.semi-typography-h5-weight-medium {
  font-weight: 500;
}

h5.semi-typography.semi-typography-h5-weight-semibold, .semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold {
  font-weight: 600;
}

h5.semi-typography.semi-typography-h5-weight-bold, .semi-typography-h5.semi-typography.semi-typography-h5-weight-bold {
  font-weight: 700;
}

h6.semi-typography, .semi-typography-h6.semi-typography {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

h6.semi-typography.semi-typography-h6-weight-light, .semi-typography-h6.semi-typography.semi-typography-h6-weight-light {
  font-weight: 200;
}

h6.semi-typography.semi-typography-h6-weight-regular, .semi-typography-h6.semi-typography.semi-typography-h6-weight-regular {
  font-weight: 400;
}

h6.semi-typography.semi-typography-h6-weight-medium, .semi-typography-h6.semi-typography.semi-typography-h6-weight-medium {
  font-weight: 500;
}

h6.semi-typography.semi-typography-h6-weight-semibold, .semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold {
  font-weight: 600;
}

h6.semi-typography.semi-typography-h6-weight-bold, .semi-typography-h6.semi-typography.semi-typography-h6-weight-bold {
  font-weight: 700;
}

p.semi-typography-extended, .semi-typography-paragraph.semi-typography-extended {
  font-weight: 400;
  line-height: 24px;
}

.semi-rtl .semi-typography, .semi-portal-rtl .semi-typography {
  direction: rtl;
}

.semi-rtl .semi-typography-link a, .semi-rtl .semi-typography a, .semi-portal-rtl .semi-typography-link a, .semi-portal-rtl .semi-typography a {
  display: inline-block;
}

.semi-rtl .semi-typography-icon, .semi-portal-rtl .semi-typography-icon {
  margin-left: 4px;
  margin-right: auto;
}

.semi-rtl .semi-typography-ellipsis-expand, .semi-portal-rtl .semi-typography-ellipsis-expand {
  margin-left: auto;
}

.semi-rtl .semi-typography-action-copy, .semi-portal-rtl .semi-typography-action-copy, .semi-rtl .semi-typography-action-copied, .semi-portal-rtl .semi-typography-action-copied {
  margin-left: auto;
  margin-right: 4px;
}

.semi-scrolllist {
  background: var(--semi-color-bg-3);
  border-radius: var(--semi-border-radius-medium);
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 1px #0000004d, 0 4px 14px #0000001a;
}

.semi-scrolllist-header {
  text-align: center;
  background: none;
  padding: 0 16px;
}

.semi-scrolllist-header-title {
  color: var(--semi-color-text-0);
  padding: 16px 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-scrolllist-body {
  height: 300px;
  padding: 0 16px;
  display: flex;
  overflow: hidden;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle > ul:before, .semi-scrolllist-body .semi-scrolllist-item > ul:before {
  content: "";
  width: 100%;
  height: 132px;
  display: block;
}

.semi-scrolllist-body .semi-scrolllist-item {
  flex: 1;
  position: relative;
  overflow: hidden auto;
}

.semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
  border-right: 1px solid var(--semi-color-border);
}

.semi-scrolllist-body .semi-scrolllist-item > ul, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 132px;
  list-style: none;
}

.semi-scrolllist-body .semi-scrolllist-item > ul > li, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li {
  box-sizing: border-box;
  height: 36px;
  color: var(--semi-color-text-0);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0s;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  list-style: none;
  display: flex;
}

.semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel {
  background: var(--semi-color-primary-light-default);
  color: var(--semi-color-text-0);
}

.semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg {
  color: var(--semi-color-text-2);
  width: 16px;
  height: 16px;
  margin-right: 12px;
}

.semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected), .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected) {
  cursor: pointer;
}

.semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover {
  background-color: var(--semi-color-fill-1);
}

.semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active {
  background-color: var(--semi-color-fill-2);
}

.semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-disabled, .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-disabled {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
  border-right: 1px solid var(--semi-color-border);
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-item-selected {
  font-weight: 600;
  color: var(--semi-color-primary) !important;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
  width: 100%;
  height: 100%;
  padding-right: 18px;
  overflow: hidden auto;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade {
  pointer-events: none;
  width: 100%;
  height: 50%;
  position: absolute;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
  background: var(--semi-color-bg-3);
  opacity: .5;
  margin-top: -19px;
  top: 0;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
  background: var(--semi-color-bg-3);
  opacity: .5;
  margin-top: 19px;
  top: 50%;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-selector {
  pointer-events: none;
  border-top: 1px solid var(--semi-color-border);
  border-bottom: 1px solid var(--semi-color-border);
  width: 100%;
  height: 36px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.semi-scrolllist .semi-scrolllist-footer {
  border-top: 1px solid var(--semi-color-border);
  padding: 10px;
}

.semi-scrolllist .semi-scrolllist-line {
  background: var(--semi-color-border);
  height: 1px;
}

.semi-rtl .semi-scrolllist, .semi-portal-rtl .semi-scrolllist {
  direction: rtl;
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child), .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
  border-right: 0;
  border-left: 1px solid var(--semi-color-border);
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg, .semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg, .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg, .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg {
  margin-left: 12px;
  margin-right: 0;
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child), .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
  border-right: 0;
  border-left: 1px solid var(--semi-color-border);
}

.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer, .semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
  padding-left: 18px;
  padding-right: 0;
}

.semi-datepicker {
  box-sizing: border-box;
  display: inline-block;
}

.semi-datepicker-container {
  display: flex;
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-item {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.semi-datepicker-month-grid {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

.semi-datepicker-month-grid-left, .semi-datepicker-month-grid-right {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
  display: inline-flex;
  position: relative;
}

.semi-datepicker-month-grid[x-type="date"] .semi-datepicker-yam, .semi-datepicker-month-grid[x-type="dateRange"] .semi-datepicker-yam {
  height: 100%;
}

.semi-datepicker-month-grid[x-type="dateTime"] .semi-datepicker-yam, .semi-datepicker-month-grid[x-type="dateTimeRange"] .semi-datepicker-yam {
  height: calc(100% - 54px);
}

.semi-datepicker-month-grid .semi-datepicker-yam-showing {
  min-width: 284px;
  min-height: 378px;
}

.semi-datepicker-month-grid[x-type="date"] .semi-datepicker-yam-showing {
  min-height: 325px;
}

.semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-left[x-open-type="year"], .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-right[x-open-type="year"], .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-left[x-open-type="time"], .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-right[x-open-type="time"] {
  min-height: 317px;
}

.semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-navigation {
  padding-top: 8px;
  padding-bottom: 8px;
}

.semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-tpk {
  min-height: 100%;
}

.semi-datepicker-month-grid[x-insetinput="true"][x-type="dateTime"] .semi-datepicker-yam, .semi-datepicker-month-grid[x-insetinput="true"][x-type="dateTimeRange"] .semi-datepicker-yam {
  height: 100%;
}

.semi-datepicker-month-grid[x-preset-position="left"][x-insetinput="false"] .semi-datepicker-month, .semi-datepicker-month-grid[x-preset-position="right"][x-insetinput="false"] .semi-datepicker-month {
  height: 253px;
}

.semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
  background: var(--semi-color-bg-3);
  border-bottom: 1px solid var(--semi-color-border);
  border-radius: var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0 0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.semi-datepicker-month-grid .semi-scrolllist {
  background: var(--semi-color-bg-3);
  box-shadow: none;
  flex: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.semi-datepicker-month-grid .semi-scrolllist-header, .semi-datepicker-month-grid .semi-scrolllist-body {
  box-sizing: border-box;
  width: 100%;
}

.semi-datepicker-month-grid .semi-scrolllist-header {
  border-bottom: 1px solid var(--semi-color-border);
  padding: 16px;
}

.semi-datepicker-month-grid .semi-scrolllist-body {
  flex: 1;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.semi-datepicker-month-grid .semi-scrolllist-line {
  display: none;
}

.semi-datepicker-month-grid .semi-scrolllist-header-title {
  min-height: 24px;
  padding: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.semi-datepicker-month-grid[x-panel-yearandmonth-open-type="left"] .semi-datepicker-weeks, .semi-datepicker-month-grid[x-panel-yearandmonth-open-type="right"] .semi-datepicker-weeks {
  min-height: 216px;
}

.semi-datepicker-panel-yam {
  max-width: 484px;
}

.semi-datepicker-panel-yam[x-type="monthRange"] {
  max-width: 584px;
}

.semi-datepicker-panel-yam .semi-datepicker-yearmonth-body {
  display: flex;
}

.semi-datepicker-panel-yam .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
  border-left: 1px solid var(--semi-color-border);
}

.semi-datepicker-panel-yam .semi-scrolllist {
  box-shadow: none;
  height: 266px;
}

.semi-datepicker-panel-yam .semi-scrolllist-list-outer > ul > li {
  min-width: 64px;
}

.semi-datepicker-panel-yam .semi-scrolllist-item > ul > li {
  min-width: 82px;
}

.semi-datepicker-panel-yam .semi-scrolllist-body {
  padding: 0;
  overflow: hidden;
}

.semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel:not(#neverExistElement) {
  border: none;
}

.semi-datepicker-footer {
  text-align: right;
  background-color: var(--semi-color-fill-0);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 8px;
}

.semi-datepicker-footer .semi-button:first-of-type {
  margin-right: 12px;
}

.semi-datepicker-footer .semi-button:nth-of-type(2) {
  margin-right: 8px;
}

.semi-datepicker-yam {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.semi-datepicker-tpk {
  flex-direction: column;
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  position: absolute;
  top: 0;
}

.semi-datepicker-tpk .semi-datepicker-time {
  height: 100%;
}

.semi-datepicker-navigation {
  box-sizing: content-box;
  align-items: center;
  height: 32px;
  padding: 12px 16px;
  display: flex;
}

.semi-datepicker-navigation-left, .semi-datepicker-navigation-right {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.semi-datepicker-navigation .semi-button {
  color: var(--semi-color-text-2);
  min-width: 32px;
}

.semi-datepicker-navigation-month {
  text-align: center;
  color: var(--semi-color-text-0);
  flex-grow: 1;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.semi-datepicker-navigation-month .semi-button {
  color: var(--semi-color-text-0);
}

.semi-datepicker-month {
  box-sizing: content-box;
  width: 252px;
  padding: 0 16px 16px;
}

.semi-datepicker-weekday {
  color: var(--semi-color-text-2);
  border-bottom: 1px solid var(--semi-color-border);
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.semi-datepicker-weekday-item {
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
}

.semi-datepicker-weeks {
  color: var(--semi-color-text-0);
}

.semi-datepicker-week {
  align-items: center;
  display: flex;
}

.semi-datepicker-day {
  box-sizing: border-box;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.semi-datepicker-day-main {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  display: flex;
}

.semi-datepicker-day-main:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-datepicker-day-main:active {
  background-color: var(--semi-color-fill-1);
}

.semi-datepicker-day-today .semi-datepicker-day-main {
  color: var(--semi-color-primary);
  background-color: var(--semi-color-fill-0);
  font-weight: 600;
}

.semi-datepicker-day-today.semi-datepicker-day-disabled .semi-datepicker-day-main {
  color: var(--semi-color-primary-disabled);
}

.semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-day-inhover .semi-datepicker-day-main, .semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main, .semi-datepicker-day-hoverday-around-singleselected .semi-datepicker-day-main {
  border-radius: 0;
  width: 36px;
  margin-left: 0;
  margin-right: 0;
}

.semi-datepicker-day-selected .semi-datepicker-day-main, .semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: var(--semi-border-radius-small);
}

.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
}

.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
}

.semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
  width: 34px;
  margin-left: 2px;
  margin-right: 0;
}

.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  width: 34px;
  margin-left: 0;
  margin-right: 2px;
}

.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main {
  border-radius: 0;
}

.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  background-color: var(--semi-color-fill-0);
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-day-hoverday-offset .semi-datepicker-day-main {
  background-color: var(--semi-color-fill-1);
}

.semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-day-inhover .semi-datepicker-day-main {
  background-color: var(--semi-color-primary-light-default);
}

.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main, .semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main, .semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main, .semi-datepicker-day-hoverday-around-singleselected .semi-datepicker-day-main {
  background-color: var(--semi-color-primary-light-active);
}

.semi-datepicker-day-selected .semi-datepicker-day-main, .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-day-selected-end .semi-datepicker-day-main {
  background-color: var(--semi-color-primary);
  color: var(--semi-color-white);
}

.semi-datepicker-day-selected .semi-datepicker-day-main:hover, .semi-datepicker-day-selected-start .semi-datepicker-day-main:hover, .semi-datepicker-day-selected-end .semi-datepicker-day-main:hover {
  background-color: var(--semi-color-primary);
}

.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
  background-color: var(--semi-color-primary-light-hover);
}

.semi-datepicker-day-selected-start-afterhover .semi-datepicker-day-main, .semi-datepicker-day-selected-end-beforehover .semi-datepicker-day-main {
  border: 1px solid var(--semi-color-primary-active);
}

.semi-datepicker-day-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
}

.semi-datepicker-day-disabled .semi-datepicker-day-main:hover, .semi-datepicker-day-disabled .semi-datepicker-day-main:active {
  background-color: #0000;
}

.semi-datepicker-day-disabled.semi-datepicker-day-selected .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-inhover .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-hoverday-offset .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-datepicker-day-disabled.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
  background-color: var(--semi-color-disabled-fill);
  color: var(--semi-color-disabled-text);
}

.semi-datepicker-switch {
  text-align: center;
  border-top: 1px solid var(--semi-color-border);
  margin-top: auto;
  display: flex;
}

.semi-datepicker-switch-date, .semi-datepicker-switch-time {
  cursor: pointer;
  width: 50%;
  color: var(--semi-color-text-2);
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.semi-datepicker-switch-date:not(.semi-datepicker-switch-time-disabled):hover, .semi-datepicker-switch-time:not(.semi-datepicker-switch-time-disabled):hover {
  background-color: var(--semi-color-fill-0);
}

.semi-datepicker-switch-date-active, .semi-datepicker-switch-time-active {
  color: var(--semi-color-text-0);
  cursor: auto;
  font-weight: 600;
}

.semi-datepicker-switch-date-active:hover, .semi-datepicker-switch-time-active:hover {
  background-color: inherit;
}

.semi-datepicker-switch-date-disabled, .semi-datepicker-switch-time-disabled {
  cursor: not-allowed;
}

.semi-datepicker-switch-text {
  padding-left: 8px;
}

.semi-datepicker-time .semi-jumperlist {
  box-shadow: none;
  border-radius: 0;
}

.semi-datepicker-quick-control {
  box-sizing: border-box;
  background-color: #0000;
}

.semi-datepicker-quick-control-header {
  padding: 18px 12px 0;
  font-weight: 600;
}

.semi-datepicker-quick-control-left {
  border-right: 1px solid var(--semi-color-border);
}

.semi-datepicker-quick-control-right {
  border-left: 1px solid var(--semi-color-border);
}

.semi-datepicker-quick-control-top {
  border-bottom: 1px solid var(--semi-color-border);
}

.semi-datepicker-quick-control-bottom {
  border-top: 1px solid var(--semi-color-border);
}

.semi-datepicker-quick-control-left-content-wrapper, .semi-datepicker-quick-control-right-content-wrapper {
  max-width: 200px;
  margin-top: 14px;
  overflow-y: auto;
}

.semi-datepicker-quick-control-top-content-wrapper, .semi-datepicker-quick-control-bottom-content-wrapper {
  max-height: 100px;
  overflow-y: auto;
}

.semi-datepicker-quick-control-left-content, .semi-datepicker-quick-control-right-content {
  box-sizing: border-box;
  grid-gap: 8px;
  grid-template-columns: repeat(2, minmax(76.5px, 84px));
  align-content: flex-start;
  padding: 0 12px 12px;
  display: grid;
}

.semi-datepicker-quick-control-left-content-item, .semi-datepicker-quick-control-right-content-item {
  max-width: 84px;
}

.semi-datepicker-quick-control-left-content-item-ellipsis, .semi-datepicker-quick-control-right-content-item-ellipsis {
  width: 68px;
  color: var(--semi-color-primary);
}

.semi-datepicker-quick-control-top-content, .semi-datepicker-quick-control-bottom-content {
  grid-gap: 8px;
  grid-template-columns: repeat(3, minmax(70.924px, 75.924px));
  align-content: flex-start;
  padding: 8px 20px;
  display: grid;
}

.semi-datepicker-quick-control-top-content-item, .semi-datepicker-quick-control-bottom-content-item {
  max-width: 75.924px;
}

.semi-datepicker-quick-control-top-content-item-ellipsis, .semi-datepicker-quick-control-bottom-content-item-ellipsis {
  width: 59.924px;
  color: var(--semi-color-primary);
}

.semi-datepicker-quick-control-top-range-content, .semi-datepicker-quick-control-bottom-range-content {
  box-sizing: border-box;
  grid-gap: 8px;
  grid-template-columns: repeat(5, minmax(96.2px, 99.2px));
  align-content: flex-start;
  padding: 8px 20px;
  display: grid;
}

.semi-datepicker-quick-control-top-range-content-item, .semi-datepicker-quick-control-bottom-range-content-item {
  max-width: 99.2px;
}

.semi-datepicker-quick-control-top-range-content-item-ellipsis, .semi-datepicker-quick-control-bottom-range-content-item-ellipsis {
  width: 83.2px;
  color: var(--semi-color-primary);
}

.semi-datepicker-quick-control-top-month-content, .semi-datepicker-quick-control-bottom-month-content {
  box-sizing: border-box;
  grid-gap: 8px;
  grid-template-columns: repeat(2, minmax(51px, 58.5px));
  align-content: flex-start;
  padding: 8px 20px;
  display: grid;
}

.semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-quick-control-bottom-month-content-item {
  max-width: 58.5px;
}

.semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
  max-width: 42.5px;
  color: var(--semi-color-primary);
}

.semi-datepicker-quick-control-month {
  max-width: 284px;
}

.semi-datepicker-quick-control-month[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-month[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 258px;
}

.semi-datepicker-quick-control-month .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-month .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 214px;
}

.semi-datepicker-quick-control-date {
  max-width: 284px;
}

.semi-datepicker-quick-control-date[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-date[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 309px;
}

.semi-datepicker-quick-control-date .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-date .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 273px;
}

.semi-datepicker-quick-control-dateTime {
  max-width: 284px;
}

.semi-datepicker-quick-control-dateTime[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTime[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 309px;
}

.semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 326px;
}

.semi-datepicker-quick-control-dateRange {
  max-width: 568px;
}

.semi-datepicker-quick-control-dateRange[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateRange[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 309px;
}

.semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 273px;
}

.semi-datepicker-quick-control-dateTimeRange {
  max-width: 568px;
}

.semi-datepicker-quick-control-dateTimeRange[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTimeRange[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 309px;
}

.semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 326px;
}

.semi-datepicker-topSlot {
  border-bottom: 1px solid var(--semi-color-border);
}

.semi-datepicker-leftSlot {
  border-right: 1px solid var(--semi-color-border);
}

.semi-datepicker-rightSlot {
  border-left: 1px solid var(--semi-color-border);
}

.semi-datepicker-bottomSlot {
  border-top: 1px solid var(--semi-color-border);
}

.semi-datepicker .semi-popover-trigger {
  width: 100%;
}

.semi-datepicker .semi-popover-trigger .semi-input-wrapper {
  font-size: 13px;
}

.semi-datepicker .semi-popover-trigger .semi-input-suffix {
  color: var(--semi-color-primary);
}

.semi-datepicker .semi-datepicker-input-readonly {
  cursor: pointer;
}

.semi-datepicker-inset-input-wrapper {
  box-sizing: border-box;
  flex-wrap: nowrap;
  justify-content: space-between;
  column-gap: 8px;
  width: 284px;
  padding: 12px 16px 0;
  display: flex;
}

.semi-datepicker-inset-input-wrapper[x-type="dateRange"], .semi-datepicker-inset-input-wrapper[x-type="dateTimeRange"] {
  width: 568px;
}

.semi-datepicker-inset-input-wrapper[x-type="month"] {
  width: 165px;
}

.semi-datepicker-inset-input-wrapper[x-type="monthRange"] {
  width: 331px;
}

.semi-datepicker-inset-input-wrapper .semi-input-wrapper {
  flex: 1 0;
}

.semi-datepicker-inset-input-separator {
  height: 32px;
  color: var(--semi-color-text-3);
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 4px;
  line-height: 32px;
}

.semi-datepicker-range-input {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  height: 32px;
  color: var(--semi-color-text-2);
  background-color: var(--semi-color-fill-0);
  border: 0 solid #0000;
  align-items: center;
  display: flex;
}

.semi-datepicker-range-input:hover, .semi-datepicker-range-input:active, .semi-datepicker-range-input:focus-within {
  border-color: #0000;
}

.semi-datepicker-range-input .semi-datepicker-monthRange-input {
  background-color: #0000;
}

.semi-datepicker-range-input-wrapper {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  background-color: #0000;
  border: 1px solid #0000;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  display: flex;
}

.semi-datepicker-range-input-wrapper .semi-input-wrapper {
  background-color: #0000;
  border: none;
  height: -moz-fit-content;
  height: fit-content;
}

.semi-datepicker-range-input-wrapper .semi-input-wrapper:active, .semi-datepicker-range-input-wrapper .semi-input-wrapper:hover {
  background-color: #0000;
}

.semi-datepicker-range-input-wrapper-focus {
  background-color: var(--semi-color-fill-1);
  border-radius: var(--semi-border-radius-small);
  border-color: #0000;
  transition: background-color .16s ease-in-out;
}

.semi-datepicker-range-input-wrapper-focus ~ .semi-datepicker-range-input-clearbtn {
  display: flex;
}

.semi-datepicker-range-input-wrapper-focus ~ .semi-datepicker-range-input-clearbtn ~ .semi-datepicker-range-input-suffix {
  display: none;
}

.semi-datepicker-range-input-wrapper .semi-input {
  padding: 2px 4px;
}

.semi-datepicker-range-input-wrapper-icon {
  flex-shrink: 0;
}

.semi-datepicker-range-input-wrapper:hover {
  background-color: var(--semi-color-fill-1);
}

.semi-datepicker-range-input-wrapper-start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.semi-datepicker-range-input-wrapper-start-with-prefix, .semi-datepicker-range-input-wrapper-end {
  border-radius: 0;
}

.semi-datepicker-range-input-wrapper-active {
  border-color: var(--semi-color-focus-border);
  background-color: var(--semi-color-fill-1);
}

.semi-datepicker-range-input-separator {
  align-items: center;
  display: flex;
}

.semi-datepicker-range-input-separator-active {
  color: var(--semi-color-text-0);
}

.semi-datepicker-range-input-small {
  height: 24px;
}

.semi-datepicker-range-input-large {
  height: 40px;
}

.semi-datepicker-range-input-large .semi-input-default {
  font-size: 16px;
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn {
  cursor: pointer;
  display: flex;
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn ~ .semi-datepicker-range-input-suffix {
  display: none;
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn:hover {
  color: var(--semi-color-primary-hover);
}

.semi-datepicker-range-input-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  background-color: var(--semi-color-disabled-fill);
}

.semi-datepicker-range-input-disabled .semi-datepicker-range-input-wrapper:hover {
  background-color: #0000;
}

.semi-datepicker-range-input-disabled:hover {
  background-color: var(--semi-color-disabled-fill);
}

.semi-datepicker-range-input-disabled .semi-datepicker-range-input-prefix, .semi-datepicker-range-input-disabled .semi-datepicker-range-input-suffix, .semi-datepicker-range-input-disabled .semi-datepicker-range-input-clearbtn {
  color: var(--semi-color-disabled-text);
}

.semi-datepicker-range-input-warning {
  background-color: var(--semi-color-warning-light-default);
}

.semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper:hover {
  background-color: var(--semi-color-warning-light-hover);
}

.semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper-active {
  border-color: var(--semi-color-warning);
  background-color: var(--semi-color-warning-light-hover);
}

.semi-datepicker-range-input-error {
  background-color: var(--semi-color-danger-light-default);
}

.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper:hover {
  background-color: var(--semi-color-danger-light-hover);
}

.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper-active {
  border-color: var(--semi-color-danger);
  background-color: var(--semi-color-danger-light-hover);
}

.semi-datepicker-range-input .semi-datepicker-range-input-clearbtn {
  display: none;
}

.semi-datepicker-range-input-prefix, .semi-datepicker-range-input-suffix, .semi-datepicker-range-input-clearbtn {
  white-space: nowrap;
  color: var(--semi-color-text-2);
  justify-content: center;
  align-items: center;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.semi-datepicker-range-input-prefix {
  padding-left: 12px;
  padding-right: 8px;
}

.semi-datepicker-range-input-suffix {
  padding-left: 8px;
  padding-right: 12px;
}

.semi-datepicker-range-input-suffix-hidden {
  display: none;
}

.semi-datepicker-range-input-clearbtn {
  padding-left: 8px;
  padding-right: 12px;
}

.semi-datepicker-compact {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateTime"] .semi-datepicker-yam, .semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateTimeRange"] .semi-datepicker-yam {
  height: calc(100% - 32px);
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateRange"] .semi-datepicker-month-grid-left, .semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateTimeRange"] .semi-datepicker-month-grid-left {
  border-right: 1px solid var(--semi-color-border);
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yam-showing {
  min-width: 216px;
  min-height: 288px;
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type="date"] .semi-datepicker-yam-showing {
  min-height: 256px;
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-preset-position="left"][x-insetinput="false"] .semi-datepicker-month, .semi-datepicker-compact .semi-datepicker-month-grid[x-preset-position="right"][x-insetinput="false"] .semi-datepicker-month {
  height: 220px;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
  box-sizing: border-box;
  height: 48px;
  padding: 12px;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
  display: flex;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
  border: 1px solid var(--semi-color-border);
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-header {
  display: none;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-list-outer > ul > li {
  height: 32px;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
  border-right: 0;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-selector {
  height: 32px;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
  margin-top: -17px;
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
  margin-top: 17px;
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type="left"] .semi-datepicker-weeks, .semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type="right"] .semi-datepicker-weeks {
  min-height: 168px;
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-left[x-open-type="year"], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-right[x-open-type="year"], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-left[x-open-type="time"], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-month-grid-right[x-open-type="time"], .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-yam-showing {
  min-height: 256px;
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"] .semi-datepicker-tpk {
  min-height: 100%;
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"][x-type="dateTime"] .semi-datepicker-yam, .semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput="true"][x-type="dateTimeRange"] .semi-datepicker-yam {
  height: 100%;
}

.semi-datepicker-compact.semi-datepicker-panel-yam .semi-scrolllist {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.semi-datepicker-compact .semi-datepicker-tpk {
  height: calc(100% - 32px);
}

.semi-datepicker-compact .semi-datepicker-navigation {
  height: 24px;
  padding: 12px 12px 0;
}

.semi-datepicker-compact .semi-datepicker-navigation-left, .semi-datepicker-compact .semi-datepicker-navigation-right {
  width: 24px;
  height: 24px;
}

.semi-datepicker-compact .semi-datepicker-navigation .semi-button {
  min-width: 24px;
  min-height: 24px;
}

.semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.semi-datepicker-compact .semi-datepicker-month {
  width: 216px;
  padding: 0;
}

.semi-datepicker-compact .semi-datepicker-weeks {
  padding: 6px 10px 10px;
}

.semi-datepicker-compact .semi-datepicker-weekday {
  box-sizing: border-box;
  border-bottom: 1px solid var(--semi-color-border);
  height: 36px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.semi-datepicker-compact .semi-datepicker-weekday-item {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.semi-datepicker-compact .semi-datepicker-day {
  width: 28px;
  height: 28px;
}

.semi-datepicker-compact .semi-datepicker-day-main {
  width: 24px;
  height: 24px;
}

.semi-datepicker-compact .semi-datepicker-day-inrange .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-inhover .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-inoffsetrange .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-hoverday .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
  width: 28px;
}

.semi-datepicker-compact .semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: 4px;
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
  border-radius: 4px 0 0 4px;
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: 0 4px 4px 0;
}

.semi-datepicker-compact .semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
  border-radius: 4px 0 0 4px;
}

.semi-datepicker-compact .semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
  border-radius: 0 4px 4px 0;
}

.semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
  border-radius: 4px 0 0 4px;
  width: 34px;
  margin-left: 2px;
  margin-right: 0;
}

.semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: 0 4px 4px 0;
  width: 34px;
  margin-left: 0;
  margin-right: 2px;
}

.semi-datepicker-compact .semi-datepicker-switch {
  box-sizing: border-box;
  height: 32px;
}

.semi-datepicker-compact .semi-datepicker-switch-date, .semi-datepicker-compact .semi-datepicker-switch-time {
  padding-top: 6px;
  padding-bottom: 6px;
}

.semi-datepicker-compact .semi-datepicker-switch-date {
  border-right: 1px solid var(--semi-color-border);
}

.semi-datepicker-compact .semi-datepicker-switch-text {
  padding-left: 0;
}

.semi-datepicker-compact .semi-datepicker-quick-control-header {
  padding: 16px 12px 0;
  font-weight: 600;
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-right-content-wrapper {
  margin-top: 12px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content, .semi-datepicker-compact .semi-datepicker-quick-control-right-content {
  box-sizing: border-box;
  grid-gap: 8px;
  grid-template-columns: repeat(2, minmax(76.5px, 84px));
  align-content: flex-start;
  padding: 0 12px 12px;
  display: grid;
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-right-content-item {
  max-width: 84px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-left-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-right-content-item-ellipsis {
  width: 68px;
  color: var(--semi-color-primary);
  font-size: 12px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-content {
  box-sizing: border-box;
  grid-gap: 8px;
  grid-template-columns: repeat(3, minmax(54.94px, 59.94px));
  align-content: flex-start;
  padding: 8px 10px;
  display: grid;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-content-item {
  max-width: 59.94px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-content-item-ellipsis {
  width: 43.94px;
  color: var(--semi-color-primary);
  font-size: 12px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-range-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content {
  grid-gap: 8px;
  grid-template-columns: repeat(5, minmax(73px, 76px));
  align-content: flex-start;
  padding: 8px 10px;
  display: grid;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-range-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content-item {
  max-width: 76px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-range-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-range-content-item-ellipsis {
  width: 60px;
  color: var(--semi-color-primary);
  font-size: 12px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-month-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content {
  grid-gap: 8px;
  grid-template-columns: repeat(2, minmax(61px, 68.5px));
  align-content: flex-start;
  padding: 8px 10px;
  display: grid;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item {
  max-width: 68.5px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
  max-width: 52.5px;
  color: var(--semi-color-primary);
  font-size: 12px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-month {
  max-width: 216px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 254px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-month .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-month .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 218px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-date {
  max-width: 216px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 248px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-date .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-date .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 208px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTime {
  max-width: 216px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 248px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTime .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 240px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateRange {
  max-width: 432px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 248px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateRange .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 208px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange {
  max-width: 432px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput="true"] .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput="true"] .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 248px;
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-right-content-wrapper, .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange .semi-datepicker-quick-control-left-content-wrapper {
  max-height: 240px;
}

.semi-datepicker-compact .semi-datepicker-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 8px;
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper {
  column-gap: 4px;
  width: 216px;
  padding: 8px 8px 0;
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type="dateRange"], .semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type="dateTimeRange"] {
  width: 432px;
  padding-top: 0;
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type="dateRange"] .semi-input-wrapper, .semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type="dateTimeRange"] .semi-input-wrapper {
  margin-top: 8px;
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type="month"] {
  width: 195px;
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper {
  box-sizing: border-box;
  height: 28px;
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper .semi-input {
  vertical-align: top;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
}

.semi-datepicker-compact .semi-datepicker-inset-input-separator {
  border-left: 1px solid var(--semi-color-border);
  height: auto;
  transform: translateX(50%);
}

.semi-popover-wrapper[x-placement^="top"] .semi-datepicker .semi-datepicker-weeks, .semi-popover-wrapper[x-placement="leftTop"] .semi-datepicker .semi-datepicker-weeks, .semi-popover-wrapper[x-placement="rightTop"] .semi-datepicker .semi-datepicker-weeks, .semi-popover-wrapper[x-placement*="BottomOver"] .semi-datepicker .semi-datepicker-weeks {
  min-height: 216px;
}

.semi-popover-wrapper[x-placement^="top"] .semi-datepicker-compact .semi-datepicker-weeks, .semi-popover-wrapper[x-placement="leftTop"] .semi-datepicker-compact .semi-datepicker-weeks, .semi-popover-wrapper[x-placement="rightTop"] .semi-datepicker-compact .semi-datepicker-weeks, .semi-popover-wrapper[x-placement*="BottomOver"] .semi-datepicker-compact .semi-datepicker-weeks {
  min-height: 168px;
}

.semi-datepicker-borderless:not(:focus-within):not(:hover) {
  background-color: #0000;
  border-color: #0000;
}

.semi-datepicker-borderless:not(:focus-within):not(:hover) .semi-input-suffix, .semi-datepicker-borderless:not(:focus-within):not(:hover) .semi-datepicker-range-input-suffix {
  opacity: 0;
}

.semi-datepicker-borderless:focus-within:not(:active) {
  background-color: #0000;
}

.semi-datepicker-borderless.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper-active {
  border-color: #0000;
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:hover, .semi-datepicker-borderless.semi-datepicker-range-input-error:focus-within {
  background-color: var(--semi-color-danger-light-default);
}

.semi-datepicker-borderless.semi-datepicker-range-input-error:not(:focus-within), .semi-datepicker-borderless.semi-datepicker-range-input-error:focus-within {
  border-width: 1px;
  border-color: var(--semi-color-danger);
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper-active {
  border-color: #0000;
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:hover, .semi-datepicker-borderless.semi-datepicker-range-input-warning:focus-within {
  background-color: var(--semi-color-warning-light-default);
}

.semi-datepicker-borderless.semi-datepicker-range-input-warning:not(:focus-within), .semi-datepicker-borderless.semi-datepicker-range-input-warning:focus-within {
  border-width: 1px;
  border-color: var(--semi-color-warning);
}

.semi-rtl .semi-datepicker, .semi-portal-rtl .semi-datepicker {
  direction: rtl;
}

.semi-rtl .semi-datepicker-footer, .semi-portal-rtl .semi-datepicker-footer {
  text-align: left;
  padding-left: 8px;
  padding-right: 0;
}

.semi-rtl .semi-datepicker-footer .semi-button:first-of-type, .semi-portal-rtl .semi-datepicker-footer .semi-button:first-of-type {
  margin-left: 0;
  margin-right: 0;
}

.semi-rtl .semi-datepicker-footer .semi-button:nth-of-type(2), .semi-portal-rtl .semi-datepicker-footer .semi-button:nth-of-type(2) {
  margin-left: 0;
  margin-right: 12px;
}

.semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}

.semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
}

.semi-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  margin-left: auto;
  margin-right: 2px;
}

.semi-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main, .semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
  margin-left: 2px;
  margin-right: auto;
}

.semi-rtl .semi-datepicker-switch-text, .semi-portal-rtl .semi-datepicker-switch-text {
  padding-left: 0;
  padding-right: 8px;
}

.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_left, .semi-rtl .semi-datepicker-navigation .semi-icon-chevron_right, .semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left, .semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right, .semi-rtl .semi-datepicker-yam .semi-icon-chevron_left, .semi-rtl .semi-datepicker-yam .semi-icon-chevron_right, .semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_left, .semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_right, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_left, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_right, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left, .semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right, .semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_left, .semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_right, .semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_left, .semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_right {
  transform: scaleX(-1);
}

.semi-rtl .semi-datepicker-range-input-prefix, .semi-portal-rtl .semi-datepicker-range-input-prefix {
  padding-left: 8px;
  padding-right: 12px;
}

.semi-rtl .semi-datepicker-range-input-suffix, .semi-portal-rtl .semi-datepicker-range-input-suffix {
  padding-left: 12px;
  padding-right: 8px;
}

.semi-rtl .semi-datepicker-range-input-suffix-hidden, .semi-portal-rtl .semi-datepicker-range-input-suffix-hidden {
  display: none;
}

.semi-rtl .semi-datepicker-range-input-clearbtn, .semi-portal-rtl .semi-datepicker-range-input-clearbtn {
  padding-left: 12px;
  padding-right: 8px;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateRange"] .semi-datepicker-month-grid-left, .semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateTimeRange"] .semi-datepicker-month-grid-left, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateRange"] .semi-datepicker-month-grid-left, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type="dateTimeRange"] .semi-datepicker-month-grid-left {
  border-left: 1px solid var(--semi-color-border);
  border-right: 0;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
  border-left: 0;
  border-right: 0;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
  border-radius: 0 4px 4px 0;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
  border-radius: 4px 0 0 4px;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main {
  border-radius: 0 4px 4px 0;
  margin-left: 0;
  margin-right: 2px;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main {
  border-radius: 4px 0 0 4px;
  margin-left: 2px;
  margin-right: 0;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-date, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-date {
  border-left: 1px solid var(--semi-color-border);
  border-right: 0;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-text, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-text {
  padding-left: auto;
  padding-right: 0;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-footer, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-footer {
  padding-left: 8px;
  padding-right: auto;
}

.semi-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator, .semi-portal-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator {
  border-right: 1px solid var(--semi-color-border);
  border-left: 0;
  transform: translateX(-50%);
}

.semi-divider {
  border-bottom: 1px solid var(--semi-color-border);
  color: var(--semi-color-text-0);
  box-sizing: border-box;
  margin: 1px 0;
}

.semi-divider-dashed {
  border-bottom-style: dashed;
}

.semi-divider-horizontal {
  width: 100%;
  display: flex;
}

.semi-divider-vertical {
  border-bottom: 0;
  border-left: 1px solid var(--semi-color-border);
  vertical-align: middle;
  height: 20px;
  margin: 0 1px;
  display: inline-block;
}

.semi-divider-with-text {
  white-space: nowrap;
  border-bottom: 0;
  align-items: center;
  display: flex;
}

.semi-divider-with-text .semi-divider_inner-text {
  padding: 0 8px;
  font-weight: 600;
  display: inline-block;
}

.semi-divider-with-text:before, .semi-divider-with-text:after {
  content: "";
  border-bottom: 1px solid var(--semi-color-border);
  width: 50%;
}

.semi-divider-with-text-left:before {
  width: 40px;
}

.semi-divider-with-text-left:after, .semi-divider-with-text-right:before {
  flex: 1;
}

.semi-divider-with-text-right:after {
  width: 40px;
}

.semi-divider-dashed:before, .semi-divider-dashed:after {
  border-bottom: 1px dashed var(--semi-color-border);
}

.semi-divider-vertical.semi-divider-dashed {
  border-left: 1px dashed var(--semi-color-border);
}

.semi-dropdown {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.semi-dropdown-wrapper {
  box-shadow: var(--semi-shadow-elevated);
  z-index: 1050;
  border-radius: var(--semi-border-radius-medium);
  background: var(--semi-color-bg-3);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  opacity: 0;
  position: relative;
  overflow-y: auto;
}

.semi-dropdown-wrapper-show {
  opacity: 1;
}

.semi-dropdown-trigger {
  display: inline-block;
}

.semi-dropdown-menu {
  margin: 0;
  padding: 4px 0;
  list-style: none;
}

.semi-dropdown-title {
  color: var(--semi-color-text-2);
  cursor: default;
  padding: 8px 16px 4px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.semi-dropdown-title-withTick {
  padding-left: 31px;
}

.semi-dropdown-item {
  color: var(--semi-color-text-0);
  max-width: 280px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0s;
  border-radius: 0;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.semi-dropdown-item-hover {
  background-color: var(--semi-color-fill-0);
}

.semi-dropdown-item:not(.semi-dropdown-item-active):hover {
  background-color: var(--semi-color-fill-0);
  cursor: pointer;
}

.semi-dropdown-item:not(.semi-dropdown-item-active):active {
  background-color: var(--semi-color-fill-1);
}

.semi-dropdown-item:focus-visible {
  background-color: var(--semi-color-fill-0);
  outline: 0;
}

.semi-dropdown-item-icon {
  align-items: center;
  margin-right: 8px;
  display: inline-flex;
}

.semi-dropdown-item-danger {
  color: var(--semi-color-danger);
}

.semi-dropdown-item-secondary {
  color: var(--semi-color-secondary);
}

.semi-dropdown-item-warning {
  color: var(--semi-color-warning);
}

.semi-dropdown-item-tertiary {
  color: var(--semi-color-tertiary);
}

.semi-dropdown-item-primary {
  color: var(--semi-color-primary);
}

.semi-dropdown-item-withTick {
  padding-left: 12px;
}

.semi-dropdown-item > .semi-icon {
  flex-shrink: 0;
  margin-right: 9px;
  font-size: 12px;
}

.semi-dropdown-item-active {
  font-weight: 600;
}

.semi-dropdown-item.semi-dropdown-item-disabled {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}

.semi-dropdown-item.semi-dropdown-item-disabled:hover, .semi-dropdown-item.semi-dropdown-item-disabled:active {
  cursor: not-allowed;
  background-color: #0000;
}

.semi-dropdown-divider {
  clear: both;
  background: var(--semi-color-border);
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 4px 0;
  display: block;
}

.semi-rtl .semi-dropdown-wrapper, .semi-portal-rtl .semi-dropdown-wrapper {
  direction: rtl;
}

.semi-rtl .semi-dropdown-title-withTick, .semi-portal-rtl .semi-dropdown-title-withTick {
  padding-left: 0;
  padding-right: 31px;
}

.semi-rtl .semi-dropdown-item-withTick, .semi-portal-rtl .semi-dropdown-item-withTick {
  padding-left: auto;
  padding-right: 12px;
}

.semi-rtl .semi-dropdown-item > .semi-icon, .semi-portal-rtl .semi-dropdown-item > .semi-icon {
  margin-left: 9px;
  margin-right: 0;
}

.semi-input-textarea-wrapper {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  vertical-align: bottom;
  background-color: var(--semi-color-fill-0);
  width: 100%;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border: 1px solid #0000;
  display: inline-block;
  position: relative;
}

.semi-input-textarea-wrapper:hover {
  background-color: var(--semi-color-fill-1);
}

.semi-input-textarea-wrapper-focus {
  background-color: var(--semi-color-fill-0);
  border: 1px var(--semi-color-focus-border) solid;
}

.semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
  background-color: var(--semi-color-fill-0);
}

.semi-input-textarea-wrapper:active {
  background-color: var(--semi-color-fill-2);
}

.semi-input-textarea-wrapper .semi-input-clearbtn {
  min-width: 24px;
  color: var(--semi-color-text-2);
  height: 32px;
  position: absolute;
  top: 0;
  right: 4px;
}

.semi-input-textarea-wrapper .semi-input-clearbtn > svg {
  pointer-events: none;
}

.semi-input-textarea-wrapper .semi-input-clearbtn:hover {
  cursor: pointer;
}

.semi-input-textarea-wrapper .semi-input-clearbtn:hover .semi-icon {
  color: var(--semi-color-primary-hover);
}

.semi-input-textarea-wrapper .semi-input-clearbtn-hidden {
  visibility: hidden;
}

.semi-input-textarea-wrapper-disabled, .semi-input-textarea-wrapper-readonly {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  background-color: var(--semi-color-disabled-fill);
}

.semi-input-textarea-wrapper-disabled:hover, .semi-input-textarea-wrapper-readonly:hover {
  background-color: var(--semi-color-disabled-fill);
}

.semi-input-textarea-wrapper-disabled::placeholder, .semi-input-textarea-wrapper-readonly::placeholder {
  color: var(--semi-color-disabled-text);
}

.semi-input-textarea-wrapper-readonly {
  cursor: text;
}

.semi-input-textarea-wrapper-error {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger-light-default);
}

.semi-input-textarea-wrapper-error:hover {
  background-color: var(--semi-color-danger-light-hover);
  border-color: var(--semi-color-danger-light-hover);
}

.semi-input-textarea-wrapper-error.semi-input-textarea-wrapper-focus {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}

.semi-input-textarea-wrapper-error:active {
  background-color: var(--semi-color-danger-light-active);
  border-color: var(--semi-color-danger);
}

.semi-input-textarea-wrapper-warning {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning-light-default);
}

.semi-input-textarea-wrapper-warning:hover {
  background-color: var(--semi-color-warning-light-hover);
  border-color: var(--semi-color-warning-light-hover);
}

.semi-input-textarea-wrapper-warning.semi-input-textarea-wrapper-focus {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}

.semi-input-textarea-wrapper-warning:active {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning);
}

.semi-input-textarea {
  resize: none;
  box-shadow: none;
  vertical-align: bottom;
  cursor: text;
  box-sizing: border-box;
  width: 100%;
  color: var(--semi-color-text-0);
  background-color: #0000;
  border: 0 solid #0000;
  outline: none;
  padding: 5px 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.semi-input-textarea:hover {
  border-color: #0000;
}

.semi-input-textarea::placeholder {
  color: var(--semi-color-text-2);
}

.semi-input-textarea-showClear {
  padding-right: 36px;
}

.semi-input-textarea-disabled, .semi-input-textarea-readonly {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  background-color: #0000;
}

.semi-input-textarea-disabled:hover, .semi-input-textarea-readonly:hover {
  background-color: #0000;
}

.semi-input-textarea-disabled::placeholder, .semi-input-textarea-readonly::placeholder {
  color: var(--semi-color-disabled-text);
}

.semi-input-textarea-readonly {
  cursor: text;
}

.semi-input-textarea-autosize {
  overflow: hidden;
}

.semi-input-textarea-counter {
  text-align: right;
  min-height: 24px;
  color: var(--semi-color-text-2);
  flex-direction: column;
  justify-content: center;
  padding: 3px 12px 5px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.semi-input-textarea-counter-exceed {
  color: var(--semi-color-danger);
}

.semi-input-textarea-borderless:not(:focus-within):not(:hover) {
  background-color: #0000;
  border-color: #0000;
}

.semi-input-textarea-borderless:focus-within:not(:active) {
  background-color: #0000;
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-error:not(:focus-within) {
  border-color: var(--semi-color-danger);
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-warning:not(:focus-within) {
  border-color: var(--semi-color-warning);
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-error .semi-input-textarea-counter {
  color: var(--semi-color-danger);
}

.semi-input-textarea-borderless.semi-input-textarea-wrapper-warning .semi-input-textarea-counter {
  color: var(--semi-color-warning);
}

.semi-rtl .semi-input-wrapper, .semi-portal-rtl .semi-input-wrapper {
  direction: rtl;
}

.semi-rtl .semi-input-wrapper__with-prefix .semi-input, .semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
  padding-left: auto;
  padding-right: 0;
}

.semi-rtl .semi-input-wrapper__with-suffix .semi-input, .semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
  padding-left: 0;
  padding-right: auto;
}

.semi-rtl .semi-input, .semi-portal-rtl .semi-input {
  padding-left: 12px;
  padding-right: 12px;
}

.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text, .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon, .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
  margin-left: auto;
  margin-right: 0;
}

.semi-rtl .semi-input-append, .semi-portal-rtl .semi-input-append {
  border-left: 0;
  border-right: 1px solid #0000;
}

.semi-rtl .semi-input-prepend, .semi-portal-rtl .semi-input-prepend {
  border-left: 1px solid #0000;
  border-right: 0;
}

.semi-rtl .semi-input-group .semi-select:not(:last-child):after, .semi-rtl .semi-input-group .semi-cascader:not(:last-child):after, .semi-rtl .semi-input-group .semi-tree-select:not(:last-child):after, .semi-rtl .semi-input-group > .semi-input-wrapper:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-select:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child):after, .semi-portal-rtl .semi-input-group > .semi-input-wrapper:not(:last-child):after, .semi-rtl .semi-input-group .semi-input-number:not(:last-child):after, .semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child):after {
  left: -1px;
  right: auto;
}

.semi-rtl .semi-input-textarea-wrapper, .semi-portal-rtl .semi-input-textarea-wrapper {
  direction: rtl;
}

.semi-rtl .semi-input-textarea-counter, .semi-portal-rtl .semi-input-textarea-counter {
  text-align: left;
}

.semi-rtl .semi-input-textarea-showClear, .semi-portal-rtl .semi-input-textarea-showClear {
  padding-left: 36px;
  padding-right: 0;
}

.semi-input-number {
  box-sizing: border-box;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  align-items: center;
  display: inline-flex;
}

.semi-input-number-suffix-btns {
  border: 1px solid var(--semi-color-border);
  border-radius: var(--semi-border-radius-small);
  background-color: var(--semi-color-bg-2);
  box-sizing: border-box;
  flex-direction: column;
  margin-left: 4px;
  display: inline-flex;
}

.semi-input-number-suffix-btns > .semi-input-number-button {
  -webkit-user-select: none;
  user-select: none;
  width: 14px;
  height: 50%;
  color: var(--semi-color-text-2);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.semi-input-number-suffix-btns > .semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):hover, .semi-input-number-suffix-btns > .semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):hover {
  cursor: pointer;
  background-color: var(--semi-color-fill-0);
}

.semi-input-number-suffix-btns > .semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):active, .semi-input-number-suffix-btns > .semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):active {
  cursor: pointer;
  background-color: var(--semi-color-fill-1);
}

.semi-input-number-suffix-btns > .semi-input-number-button-up.semi-input-number-button-up-disabled, .semi-input-number-suffix-btns > .semi-input-number-button-down.semi-input-number-button-down-disabled {
  background-color: var(--semi-color-disabled-fill);
  color: var(--semi-color-disabled-text);
}

.semi-input-number-suffix-btns > .semi-input-number-button-up.semi-input-number-button-up-not-allowed, .semi-input-number-suffix-btns > .semi-input-number-button-down.semi-input-number-button-down-not-allowed {
  cursor: not-allowed;
}

.semi-input-number-suffix-btns-inner-hover {
  border-color: var(--semi-color-fill-2);
}

.semi-input-number-suffix-btns-inner {
  border-radius: var(--semi-border-radius-small);
  margin-left: 8px;
  overflow: hidden;
}

.semi-input-number .semi-input-clearbtn + .semi-input-suffix {
  margin-left: -4px;
}

.semi-input-number .semi-input-clearbtn + .semi-input-suffix .semi-input-number-suffix-btns-inner {
  margin-left: 0;
}

.semi-input-number-size-default .semi-input-number-suffix-btns {
  height: 32px;
}

.semi-input-number-size-default .semi-input-number-suffix-btns-inner {
  height: 30px;
}

.semi-input-number-size-large .semi-input-number-suffix-btns {
  height: 40px;
}

.semi-input-number-size-large .semi-input-number-suffix-btns-inner {
  height: 38px;
}

.semi-input-number-size-small .semi-input-number-suffix-btns {
  height: 24px;
}

.semi-input-number-size-small .semi-input-number-suffix-btns-inner {
  height: 22px;
}

.semi-input-number:not(:focus-within):not(:hover) .semi-input-borderless + .semi-input-number-suffix-btns {
  opacity: 0;
}

.semi-rtl .semi-input-number, .semi-portal-rtl .semi-input-number {
  direction: rtl;
}

.semi-rtl .semi-input-number-suffix-btns, .semi-portal-rtl .semi-input-number-suffix-btns {
  margin-left: auto;
  margin-right: 4px;
}

.semi-rtl .semi-input-number-suffix-btns-inner, .semi-portal-rtl .semi-input-number-suffix-btns-inner {
  margin-left: auto;
  margin-right: 8px;
}

.semi-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix, .semi-portal-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix {
  margin-left: auto;
  margin-right: -4px;
}

.semi-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix .semi-input-number-suffix-btns-inner, .semi-portal-rtl .semi-input-number .semi-input-clearbtn + .semi-input-suffix .semi-input-number-suffix-btns-inner {
  margin-left: auto;
  margin-right: 0;
}

.semi-radio {
  box-sizing: border-box;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  cursor: pointer;
  vertical-align: bottom;
  text-align: left;
  column-gap: 8px;
  min-width: 16px;
  min-height: 20px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: inline-flex;
  position: relative;
}

.semi-radio.semi-radio-vertical {
  display: block;
}

.semi-radio input[type="checkbox"], .semi-radio input[type="radio"] {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-radio:hover .semi-radio-inner-display {
  background: var(--semi-color-fill-0);
  border: solid 1px var(--semi-color-focus-border);
}

.semi-radio:hover.semi-radio-cardRadioGroup .semi-radio-inner-display {
  background: var(--semi-color-white);
}

.semi-radio:hover .semi-radio-inner-checked .semi-radio-inner-display {
  background: var(--semi-color-primary-hover);
  border-color: var(--semi-color-primary-hover);
}

.semi-radio:active.semi-radio-cardRadioGroup .semi-radio-inner-display {
  background: var(--semi-color-white);
}

.semi-radio:active .semi-radio-inner-checked .semi-radio-inner-display {
  background: var(--semi-color-primary-active);
  border-color: var(--semi-color-primary-active);
}

.semi-radio-buttonRadioComponent {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  padding: 4px;
}

.semi-radio-buttonRadioGroup {
  border-radius: var(--semi-border-radius-small);
  padding: 4px;
  line-height: 16px;
  position: relative;
}

.semi-radio-buttonRadioGroup:not(:last-child) {
  padding-right: 0;
}

.semi-radio-buttonRadioGroup-small {
  padding: 2px 4px;
  line-height: 16px;
}

.semi-radio-buttonRadioGroup-large {
  padding: 4px;
  line-height: 20px;
}

.semi-radio-cardRadioGroup {
  border-radius: var(--semi-border-radius-small);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  background: none;
  border: 1px solid #0000;
  flex-wrap: nowrap;
  padding: 12px 16px;
}

.semi-radio-cardRadioGroup .semi-radio-inner {
  flex-shrink: 0;
}

.semi-radio-cardRadioGroup .semi-radio-inner-display {
  background: var(--semi-color-white);
}

.semi-radio-cardRadioGroup .semi-radio-addon {
  color: var(--semi-color-text-0);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-radio-cardRadioGroup .semi-radio-extra {
  color: var(--semi-color-text-2);
  padding-left: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.semi-radio-cardRadioGroup:active {
  background: var(--semi-color-fill-1);
}

.semi-radio-cardRadioGroup_checked {
  background: var(--semi-color-primary-light-default);
  border: 1px solid var(--semi-color-primary);
}

.semi-radio-cardRadioGroup_checked:hover {
  border: 1px solid var(--semi-color-primary-hover);
}

.semi-radio-cardRadioGroup_checked:hover .semi-radio-inner-checked .semi-radio-inner-display {
  border-color: var(--semi-color-primary-hover);
}

.semi-radio-cardRadioGroup_checked:active {
  background: var(--semi-color-primary-light-default);
  border: 1px solid var(--semi-color-primary-active);
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked .semi-radio-inner-display {
  border-color: var(--semi-color-primary-active);
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked:hover .semi-radio-inner-display {
  background: var(--semi-color-primary-active);
}

.semi-radio-cardRadioGroup_hover {
  background: var(--semi-color-fill-0);
}

.semi-radio-cardRadioGroup_disabled:active {
  background: none;
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup {
  background: var(--semi-color-primary-light-default);
  border: 1px solid var(--semi-color-primary-disabled);
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup:hover .semi-radio-inner-checked .semi-radio-inner-display {
  border-color: var(--semi-color-primary-disabled);
}

.semi-radio.semi-radio-disabled:hover .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-display {
  background: var(--semi-color-disabled-fill);
  border: solid 1px var(--semi-color-border);
}

.semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
  color: rgba(var(--semi-white), 1);
  background: var(--semi-color-primary-disabled);
  border-color: var(--semi-color-primary-disabled);
}

.semi-radio-inner {
  vertical-align: sub;
  -webkit-user-select: none;
  user-select: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  display: inline-flex;
  position: relative;
}

.semi-radio-inner-display {
  box-sizing: border-box;
  border: solid 1px var(--semi-color-text-3);
  width: 16px;
  height: 16px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  background: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.semi-radio-inner-display .semi-icon {
  width: 100%;
  height: 100%;
  font-size: 14px;
}

.semi-radio-content {
  flex-direction: column;
  row-gap: 4px;
  display: flex;
}

.semi-radio:hover .semi-radio-inner-display {
  background: var(--semi-color-fill-0);
}

.semi-radio:active .semi-radio-inner-display {
  background: var(--semi-color-fill-1);
}

.semi-radio-addon {
  -webkit-user-select: none;
  user-select: none;
  color: var(--semi-color-text-0);
  align-items: center;
  display: inline-flex;
}

.semi-radio-addon-buttonRadio {
  text-align: center;
  border-radius: var(--semi-border-radius-small);
  color: var(--semi-color-text-1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 600;
}

.semi-radio-addon-buttonRadio-hover {
  background: var(--semi-color-fill-1);
  font-weight: 600;
}

.semi-radio-addon-buttonRadio-checked {
  background: var(--semi-color-bg-3);
  color: var(--semi-color-primary);
  font-weight: 600;
}

.semi-radio-addon-buttonRadio-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
}

.semi-radio-addon-buttonRadio-small {
  padding: 2px 16px;
  font-size: 12px;
}

.semi-radio-addon-buttonRadio-large {
  padding: 6px 24px;
  font-size: 14px;
}

.semi-radio .semi-radio-inner-checked:hover .semi-radio-inner-display {
  background: var(--semi-color-primary-hover);
}

.semi-radio .semi-radio-inner-checked:active .semi-radio-inner-display {
  background: var(--semi-color-primary-active);
}

.semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
  border: solid 1px var(--semi-color-primary);
  background: var(--semi-color-primary);
  color: rgba(var(--semi-white), 1);
  border-radius: 16px;
}

.semi-radio .semi-radio-inner-checked > .semi-radio-addon {
  color: var(--semi-color-text-0);
}

.semi-radio .semi-radio-inner-buttonRadio, .semi-radio .semi-radio-inner-pureCardRadio {
  z-index: -1;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-radio-disabled, .semi-radio-disabled:hover, .semi-radio-disabled .semi-radio-inner {
  cursor: not-allowed;
}

.semi-radio-disabled .semi-radio-inner-display {
  opacity: .75;
  background: var(--semi-color-disabled-fill);
  border-color: var(--semi-color-border);
}

.semi-radio-disabled .semi-radio-inner-display:hover {
  background: none;
}

.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
  color: rgba(var(--semi-white), 1);
  background: var(--semi-color-primary-disabled);
  border-color: var(--semi-color-primary-disabled);
}

.semi-radio-disabled .semi-radio-addon, .semi-radio-disabled .semi-radio-extra {
  color: var(--semi-color-disabled-text);
}

.semi-radio-extra {
  color: var(--semi-color-text-2);
  box-sizing: border-box;
}

.semi-radio-focus {
  outline: 2px solid var(--semi-color-primary-light-active);
}

.semi-radio-focus-border {
  border: solid 1px var(--semi-color-focus-border);
}

.semi-radioGroup {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.semi-radioGroup-vertical {
  flex-direction: column;
  row-gap: 12px;
  display: flex;
}

.semi-radioGroup-vertical-default .semi-radio, .semi-radioGroup-vertical-card .semi-radio {
  display: flex;
}

.semi-radioGroup-horizontal {
  vertical-align: bottom;
  flex-wrap: wrap;
  gap: 16px;
  display: inline-flex;
}

.semi-radioGroup-buttonRadio {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  vertical-align: middle;
  display: inline-block;
}

.semi-rtl .semi-radio, .semi-portal-rtl .semi-radio {
  direction: rtl;
}

.semi-rtl .semi-radio input[type="checkbox"], .semi-rtl .semi-radio input[type="radio"], .semi-portal-rtl .semi-radio input[type="checkbox"], .semi-portal-rtl .semi-radio input[type="radio"] {
  left: auto;
  right: 0;
}

.semi-rtl .semi-radio-buttonRadioGroup:not(:last-child), .semi-portal-rtl .semi-radio-buttonRadioGroup:not(:last-child) {
  padding-left: 0;
}

.semi-rtl .semi-radioGroup, .semi-portal-rtl .semi-radioGroup {
  direction: rtl;
}

.semi-overflow-list {
  flex-wrap: nowrap;
  min-width: 0;
  display: flex;
}

.semi-overflow-list-spacer {
  flex-shrink: 1;
  width: 1px;
}

.semi-overflow-list-scroll-wrapper {
  flex-wrap: nowrap;
  flex: 1;
  display: flex;
  overflow-x: scroll;
}

.semi-rtl .semi-overflow-list, .semi-portal-rtl .semi-overflow-list {
  direction: rtl;
}

.semi-space {
  display: inline-flex;
}

.semi-space-vertical {
  flex-direction: column;
}

.semi-space-horizontal {
  flex-direction: row;
}

.semi-space-align-center {
  align-items: center;
}

.semi-space-align-end {
  align-items: flex-end;
}

.semi-space-align-start {
  align-items: flex-start;
}

.semi-space-align-baseline {
  align-items: baseline;
}

.semi-space-wrap {
  flex-wrap: wrap;
}

.semi-space-tight-horizontal {
  column-gap: 8px;
}

.semi-space-tight-vertical {
  row-gap: 8px;
}

.semi-space-medium-horizontal {
  column-gap: 16px;
}

.semi-space-medium-vertical {
  row-gap: 16px;
}

.semi-space-loose-horizontal {
  column-gap: 24px;
}

.semi-space-loose-vertical {
  row-gap: 24px;
}

.semi-rtl .semi-space, .semi-portal-rtl .semi-space {
  direction: rtl;
}

.semi-highlight-tag {
  color: var(--semi-color-highlight);
  background-color: var(--semi-color-highlight-bg);
  font-weight: 600;
}

.semi-select-option {
  word-break: break-all;
  color: var(--semi-color-text-0);
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border-radius: 0;
  flex-wrap: nowrap;
  align-items: center;
  padding: 8px 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.semi-select-option-icon {
  color: #0000;
  place-content: center;
  width: 12px;
  margin-right: 8px;
  display: flex;
}

.semi-select-option-text {
  white-space: pre;
  flex-wrap: wrap;
  display: flex;
}

.semi-select-option-keyword {
  color: var(--semi-color-primary);
  background-color: inherit;
  font-weight: 600;
}

.semi-select-option:active {
  background-color: var(--semi-color-fill-1);
}

.semi-select-option-empty {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  justify-content: center;
}

.semi-select-option-empty:hover, .semi-select-option-empty:active {
  background-color: inherit;
}

.semi-select-option-disabled {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}

.semi-select-option-disabled:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-select-option-selected {
  background: none;
  font-weight: 600;
}

.semi-select-option-selected .semi-select-option-icon {
  color: var(--semi-color-text-2);
}

.semi-select-option-focused {
  background-color: var(--semi-color-fill-0);
}

.semi-select {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  background-color: var(--semi-color-fill-0);
  vertical-align: middle;
  cursor: pointer;
  height: 32px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  border: 1px solid #0000;
  outline: none;
  max-height: 300px;
  font-weight: 400;
  display: inline-flex;
  position: relative;
  overflow-y: auto;
}

.semi-select:hover {
  background-color: var(--semi-color-fill-1);
  border: 1px solid #0000;
}

.semi-select:focus {
  border: 1px solid var(--semi-color-focus-border);
  background-color: var(--semi-color-fill-0);
  outline: 0;
}

.semi-select:active {
  background-color: var(--semi-color-fill-2);
}

.semi-select-small {
  height: 24px;
  line-height: 24px;
}

.semi-select-large {
  min-height: 40px;
  line-height: 40px;
}

.semi-select-large .semi-select-selection {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.semi-select-open, .semi-select-focus {
  border: 1px solid var(--semi-color-focus-border);
  outline: 0;
}

.semi-select-open:hover, .semi-select-focus:hover {
  background-color: var(--semi-color-fill-0);
  border: 1px solid var(--semi-color-focus-border);
}

.semi-select-open:active, .semi-select-focus:active {
  background-color: var(--semi-color-fill-2);
  border: 1px solid var(--semi-color-focus-border);
}

.semi-select-warning {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning-light-default);
}

.semi-select-warning:hover {
  background-color: var(--semi-color-warning-light-hover);
  border-color: var(--semi-color-warning-light-hover);
}

.semi-select-warning:focus {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}

.semi-select-warning:active {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning-light-active);
}

.semi-select-error {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger-light-default);
}

.semi-select-error:hover {
  background-color: var(--semi-color-danger-light-hover);
  border-color: var(--semi-color-danger-light-hover);
}

.semi-select-error:focus {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}

.semi-select-error:active {
  background-color: var(--semi-color-danger-light-active);
  border-color: var(--semi-color-danger-light-active);
}

.semi-select-disabled {
  cursor: not-allowed;
  background-color: var(--semi-color-disabled-fill);
}

.semi-select-disabled:hover {
  background-color: var(--semi-color-disabled-fill);
}

.semi-select-disabled:focus {
  background-color: var(--semi-color-disabled-fill);
  border: 1px solid #0000;
}

.semi-select-disabled .semi-select-selection, .semi-select-disabled .semi-select-selection-placeholder {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}

.semi-select-disabled .semi-select-arrow, .semi-select-disabled .semi-select-prefix, .semi-select-disabled .semi-select-suffix {
  color: var(--semi-color-disabled-text);
}

.semi-select-disabled .semi-tag {
  color: var(--semi-color-disabled-text);
  background-color: #0000;
}

.semi-select-selection {
  cursor: pointer;
  height: 100%;
  color: var(--semi-color-text-0);
  flex-grow: 1;
  align-items: center;
  margin-left: 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  overflow: hidden;
}

.semi-select-selection-text {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.semi-select-selection-text-inactive {
  opacity: .4;
  display: flex;
}

.semi-select-selection-text-hide {
  display: none;
}

.semi-select-selection-placeholder {
  color: var(--semi-color-text-2);
}

.semi-select-selection .semi-tag {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 4px;
}

.semi-select-selection .semi-tag:first-of-type {
  margin-left: 0;
}

.semi-select-selection .semi-tag-group {
  height: inherit;
}

.semi-select-selection .semi-tag-group .semi-tag {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 4px;
}

.semi-select-content-wrapper {
  white-space: nowrap;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.semi-select-content-wrapper-collapse {
  flex-shrink: 0;
  width: 100%;
  display: inline-flex;
}

.semi-select-content-wrapper-collapse .semi-overflow-list-overflow {
  min-width: 50px;
  max-width: 100%;
}

.semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-tag {
  background-color: #0000;
}

.semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-N {
  color: var(--semi-color-text-0);
  background-color: #0000;
  padding: 4px;
  font-size: 12px;
}

.semi-select-multiple {
  height: auto;
}

.semi-select-multiple .semi-select-selection {
  margin-left: 4px;
}

.semi-select-multiple .semi-select-content-wrapper {
  flex-wrap: wrap;
  width: 100%;
  min-height: 30px;
}

.semi-select-multiple .semi-select-content-wrapper-empty {
  margin-left: 8px;
}

.semi-select-multiple .semi-select-content-wrapper .semi-tag-group {
  align-items: center;
  display: flex;
}

.semi-select-multiple .semi-select-content-wrapper-one-line {
  flex-wrap: nowrap;
}

.semi-select-multiple .semi-select-content-wrapper-one-line .semi-tag-group {
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: flex-start;
  overflow: hidden;
}

.semi-select-multiple .semi-select-inline-label-wrapper {
  flex-shrink: 0;
}

.semi-select-multiple.semi-select-large .semi-select-content-wrapper {
  min-height: 38px;
}

.semi-select-multiple.semi-select-small .semi-select-content-wrapper {
  min-height: 22px;
}

.semi-select-arrow {
  width: 32px;
  color: var(--semi-color-text-2);
  transform: rotate(var(--semi-transform-rotate-none));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-select-arrow-empty {
  width: 12px;
  display: flex;
}

.semi-select-prefix, .semi-select-suffix {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-select-prefix-text, .semi-select-suffix-text {
  color: var(--semi-color-text-2);
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-select-prefix-icon, .semi-select-suffix-icon {
  color: var(--semi-color-text-2);
  margin: 0 8px;
}

.semi-select-suffix {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-select-clear {
  width: 32px;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-select-clear:hover {
  color: var(--semi-color-primary);
}

.semi-select-inset-label-wrapper {
  display: inline;
}

.semi-select-inset-label {
  color: var(--semi-color-text-2);
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-select-create-tips {
  color: var(--semi-color-text-2);
  margin-right: 4px;
}

.semi-select-with-prefix .semi-select-selection {
  margin-left: 0;
}

.semi-select-single.semi-select-filterable .semi-select-content-wrapper {
  flex-grow: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.semi-select-single.semi-select-filterable .semi-input-wrapper {
  background-color: #0000;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-select-single.semi-select-filterable .semi-input-wrapper-focus {
  border: none;
}

.semi-select-single.semi-select-filterable .semi-input {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper {
  flex-grow: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
  height: 24px;
  line-height: 24px;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-default {
  height: 24px;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper .semi-input-default {
  height: 100%;
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper {
  background-color: #0000;
  border: none;
  width: 100%;
  height: 100%;
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper-focus {
  border: none;
}

.semi-select-multiple.semi-select-filterable .semi-input {
  padding-left: 0;
  padding-right: 0;
}

.semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large {
  height: 24px;
  line-height: 24px;
}

.semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large .semi-input-large {
  height: 24px;
}

.semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
  height: 20px;
  line-height: 20px;
}

.semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-small {
  height: 20px;
}

.semi-select-option-list-wrapper {
  padding: 4px 0;
}

.semi-select-option-list {
  overflow: hidden auto;
}

.semi-select-option-list-chosen .semi-select-option-icon {
  display: flex;
}

.semi-select-group {
  color: var(--semi-color-text-2);
  cursor: default;
  margin-top: 4px;
  padding: 12px 16px 4px 32px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.semi-select-group:not(:first-of-type) {
  border-top: 1px solid var(--semi-color-border);
}

.semi-select-loading-wrapper {
  cursor: not-allowed;
  box-sizing: content-box;
  height: 20px;
  padding: 8px 16px;
}

.semi-select-borderless:not(:focus-within):not(:hover) {
  background-color: #0000;
  border-color: #0000;
}

.semi-select-borderless:not(:focus-within):not(:hover) .semi-select-arrow {
  opacity: 0;
}

.semi-select-borderless:focus-within:not(:active) {
  background-color: #0000;
}

.semi-select-borderless.semi-select-error:not(:focus-within) {
  border-color: var(--semi-color-danger);
}

.semi-select-borderless.semi-select-warning:not(:focus-within) {
  border-color: var(--semi-color-warning);
}

.semi-select-borderless.semi-select-error:focus-within {
  border-color: var(--semi-color-danger);
}

.semi-select-borderless.semi-select-warning:focus-within {
  border-color: var(--semi-color-warning);
}

.semi-select-dropdown-search-wrapper {
  border-bottom: 1px solid #0000;
  padding: 8px 12px;
}

.semi-rtl .semi-select, .semi-portal-rtl .semi-select {
  direction: rtl;
}

.semi-rtl .semi-select-selection, .semi-portal-rtl .semi-select-selection {
  margin-left: 0;
  margin-right: 12px;
}

.semi-rtl .semi-select-selection .semi-tag:first-of-type, .semi-portal-rtl .semi-select-selection .semi-tag:first-of-type {
  margin-right: 0;
}

.semi-rtl .semi-select-selection .semi-tag-group .semi-tag, .semi-portal-rtl .semi-select-selection .semi-tag-group .semi-tag {
  margin-left: 4px;
  margin-right: 0;
}

.semi-rtl .semi-select-multiple .semi-select-selection, .semi-portal-rtl .semi-select-multiple .semi-select-selection {
  margin-left: 0;
  margin-right: 4px;
}

.semi-rtl .semi-select-multiple .semi-select-content-wrapper-empty, .semi-portal-rtl .semi-select-multiple .semi-select-content-wrapper-empty {
  margin-left: 0;
  margin-right: 8px;
}

.semi-rtl .semi-select-create-tips, .semi-portal-rtl .semi-select-create-tips {
  margin-left: 4px;
  margin-right: 0;
}

.semi-rtl .semi-select-with-prefix .semi-select-selection, .semi-portal-rtl .semi-select-with-prefix .semi-select-selection {
  margin-left: auto;
  margin-right: 0;
}

.semi-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper, .semi-portal-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper, .semi-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper, .semi-portal-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
  left: auto;
  right: 0;
}

.semi-rtl .semi-select-group, .semi-portal-rtl .semi-select-group {
  padding-left: 32px;
  padding-right: 16px;
}

.semi-rtl .semi-select-option-icon, .semi-portal-rtl .semi-select-option-icon {
  margin-left: 8px;
  margin-right: 0;
}

.semi-sidesheet {
  height: 100%;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  position: fixed;
  top: 0;
  left: 0;
}

.semi-sidesheet-inner:focus, .semi-sidesheet-content:focus {
  outline: none;
}

.semi-sidesheet-inner-wrap {
  position: absolute;
}

.semi-sidesheet-left, .semi-sidesheet-right {
  width: 0%;
  height: 100%;
  top: 0;
}

.semi-sidesheet-left .semi-sidesheet-inner-wrap, .semi-sidesheet-right .semi-sidesheet-inner-wrap {
  height: 100%;
}

.semi-sidesheet-left.semi-sidesheet, .semi-sidesheet-right.semi-sidesheet {
  width: 100%;
}

.semi-sidesheet-right, .semi-sidesheet-right .semi-sidesheet-inner-wrap {
  right: 0;
}

.semi-sidesheet-top, .semi-sidesheet-bottom {
  width: 100%;
  height: 0%;
  left: 0;
}

.semi-sidesheet-top .semi-sidesheet-inner-wrap, .semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
  width: 100%;
}

.semi-sidesheet-top.semi-sidesheet, .semi-sidesheet-bottom.semi-sidesheet {
  height: 100%;
}

.semi-sidesheet-top {
  top: 0;
}

.semi-sidesheet-bottom, .semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
  bottom: 0;
}

.semi-sidesheet-title {
  color: var(--semi-color-text-0);
  text-align: left;
  flex: 1 0 auto;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.semi-sidesheet-inner {
  z-index: 1;
  background-color: var(--semi-color-bg-2);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  overflow: auto;
}

.semi-sidesheet-header {
  border-bottom: 0px solid var(--semi-color-border);
  align-items: flex-start;
  padding: 24px 24px 20px;
  display: flex;
}

.semi-sidesheet-body {
  flex: 1;
  padding: 0 24px;
  overflow: auto;
}

.semi-sidesheet-size-small {
  width: 448px;
}

.semi-sidesheet-size-medium {
  width: 684px;
}

.semi-sidesheet-size-large {
  width: 920px;
}

.semi-sidesheet-size-small.semi-sidesheet {
  width: 448px;
}

.semi-sidesheet-size-medium.semi-sidesheet {
  width: 684px;
}

.semi-sidesheet-size-large.semi-sidesheet {
  width: 920px;
}

.semi-sidesheet-content {
  box-sizing: border-box;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.semi-sidesheet-mask {
  background-color: var(--semi-color-overlay-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-sidesheet-mask-hidden {
  opacity: 0;
  display: none;
}

.semi-sidesheet-footer {
  padding: 24px;
}

@keyframes semi-sidesheet-slideShow_top {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes semi-sidesheet-slideHide_top {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes semi-sidesheet-slideShow_bottom {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes semi-sidesheet-slideHide_bottom {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

@keyframes semi-sidesheet-slideShow_left {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes semi-sidesheet-slideHide_left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes semi-sidesheet-slideShow_right {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes semi-sidesheet-slideHide_right {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes semi-sidesheet-opacityShow {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes semi-sidesheet-opacityHide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.semi-sidesheet-animation-content_show_top {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_top;
}

.semi-sidesheet-animation-content_hide_top {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_top;
}

.semi-sidesheet-animation-content_show_bottom {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_bottom;
}

.semi-sidesheet-animation-content_hide_bottom {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_bottom;
}

.semi-sidesheet-animation-content_show_left {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_left;
}

.semi-sidesheet-animation-content_hide_left {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_left;
}

.semi-sidesheet-animation-content_show_right {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_right;
}

.semi-sidesheet-animation-content_hide_right {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_right;
}

.semi-sidesheet-animation-mask_show {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-opacityShow;
}

.semi-sidesheet-animation-mask_hide {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-opacityHide;
}

.semi-sidesheet-fixed .semi-sidesheet-inner {
  box-shadow: var(--semi-shadow-elevated);
}

.semi-sidesheet-fixed.semi-sidesheet-left, .semi-sidesheet-fixed.semi-sidesheet-left .semi-sidesheet-inner {
  left: 0;
}

.semi-sidesheet-fixed.semi-sidesheet-right {
  left: auto;
}

.semi-sidesheet-fixed.semi-sidesheet-right .semi-sidesheet-inner {
  right: 0;
}

.semi-sidesheet-fixed.semi-sidesheet-top, .semi-sidesheet-fixed.semi-sidesheet-bottom {
  height: auto;
}

.semi-sidesheet-fixed.semi-sidesheet-bottom {
  top: auto;
}

.semi-sidesheet-fixed.semi-sidesheet-bottom .semi-sidesheet-inner {
  bottom: 0;
}

.semi-sidesheet.semi-sidesheet-popup {
  position: absolute;
}

.semi-sidesheet-hidden {
  display: none;
}

.semi-sidesheet-rtl .semi-sidesheet-inner {
  direction: rtl;
}

.semi-sidesheet-rtl .semi-sidesheet-title {
  text-align: right;
}

.semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
}

.semi-skeleton-avatar-circle {
  border-radius: 50%;
}

.semi-skeleton-avatar-extra-extra-small {
  width: 20px;
  height: 20px;
}

.semi-skeleton-avatar-extra-small {
  width: 24px;
  height: 24px;
}

.semi-skeleton-avatar-medium {
  width: 48px;
  height: 48px;
}

.semi-skeleton-avatar-small {
  width: 32px;
  height: 32px;
}

.semi-skeleton-avatar-large {
  width: 72px;
  height: 72px;
}

.semi-skeleton-avatar-extra-large {
  width: 128px;
  height: 128px;
}

.semi-skeleton-paragraph {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.semi-skeleton-paragraph li {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  width: 100%;
  height: 16px;
  margin-bottom: 10px;
}

.semi-skeleton-paragraph li:last-child {
  width: 60%;
  margin-bottom: 0;
}

.semi-skeleton-paragraph li:first-child {
  width: 100%;
}

.semi-skeleton-title {
  width: 100%;
  height: 24px;
}

.semi-skeleton-button {
  width: 115px;
  height: 32px;
}

.semi-skeleton-image {
  width: 100%;
  height: 100%;
}

.semi-skeleton-active .semi-skeleton-avatar, .semi-skeleton-active .semi-skeleton-image, .semi-skeleton-active .semi-skeleton-title, .semi-skeleton-active .semi-skeleton-button, .semi-skeleton-active .semi-skeleton-paragraph li {
  background: linear-gradient(90deg, var(--semi-color-fill-0) 25%, var(--semi-color-fill-1) 44%, var(--semi-color-fill-0) 88%);
  background-size: 400% 100%;
  animation: 1.4s infinite forwards skeleton-loading;
}

@keyframes skeleton-loading {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}

.semi-rtl .semi-skeleton, .semi-portal-rtl .semi-skeleton {
  direction: rtl;
}

.semi-toast {
  pointer-events: none;
}

.semi-toast-wrapper {
  z-index: 1010;
  justify-content: center;
  width: 100%;
  height: 0;
  display: flex;
  position: fixed;
  top: 0;
}

.semi-toast-wrapper .semi-toast-innerWrapper {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
  perspective: unset;
  perspective-origin: center;
}

.semi-toast-zero-height-wrapper {
  perspective-origin: 50% 280px;
  perspective: 280px;
  height: 0;
  transition: all .3s cubic-bezier(.22, .57, .02, 1.2);
  overflow: visible;
}

.semi-toast-content {
  pointer-events: all;
  box-shadow: var(--semi-shadow-elevated);
  background-color: var(--semi-color-bg-3);
  border-radius: var(--semi-border-radius-medium);
  color: var(--semi-color-text-0);
  justify-content: center;
  align-items: flex-start;
  margin: 12px;
  padding: 12px 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
}

.semi-toast-content .semi-toast-close-button {
  height: 20px;
  margin-top: -2px;
}

.semi-toast-content .semi-toast-content-text {
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-left: 12px;
  margin-right: 12px;
}

.semi-toast-light.semi-toast-warning .semi-toast-content {
  background-color: var(--semi-color-warning-light-default);
  border: 1px solid var(--semi-color-warning);
}

.semi-toast-light.semi-toast-warning .semi-toast-icon-warning {
  color: var(--semi-color-warning);
}

.semi-toast-light.semi-toast-success .semi-toast-content {
  background-color: var(--semi-color-success-light-default);
  border: 1px solid var(--semi-color-success);
}

.semi-toast-light.semi-toast-success .semi-toast-icon-success {
  color: var(--semi-color-success);
}

.semi-toast-light.semi-toast-info .semi-toast-content {
  background-color: var(--semi-color-info-light-default);
  border: 1px solid var(--semi-color-info);
}

.semi-toast-light.semi-toast-info .semi-toast-icon-info {
  color: var(--semi-color-info);
}

.semi-toast-light.semi-toast-error .semi-toast-content {
  background-color: var(--semi-color-danger-light-default);
  border: 1px solid var(--semi-color-danger);
}

.semi-toast-light.semi-toast-error .semi-toast-icon-error {
  color: var(--semi-color-danger);
}

.semi-toast .semi-toast-icon-warning {
  color: var(--semi-color-warning);
}

.semi-toast .semi-toast-icon-success {
  color: var(--semi-color-success);
}

.semi-toast .semi-toast-icon-info {
  color: var(--semi-color-info);
}

.semi-toast .semi-toast-icon-error {
  color: var(--semi-color-danger);
}

.semi-toast-animation-show {
  animation: .3s cubic-bezier(.22, .57, .02, 1.2) forwards semi-toast-keyframe-toast-show;
}

.semi-toast-animation-hide {
  animation: .3s cubic-bezier(.22, .57, .02, 1.2) forwards semi-toast-keyframe-toast-hide;
}

@keyframes semi-toast-keyframe-toast-show {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
  }
}

@keyframes semi-toast-keyframe-toast-hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}

.semi-toast-rtl {
  direction: rtl;
}

.semi-toast-rtl .semi-toast-content .semi-toast-content-text {
  text-align: right;
  margin-left: 12px;
  margin-right: 12px;
}

.semi-tree-search-wrapper {
  padding: 8px 12px;
}

.semi-tree-wrapper {
  flex-direction: column;
  display: flex;
}

.semi-tree-option-list {
  box-sizing: border-box;
  flex: 1;
  padding: 8px 0;
  overflow: hidden auto;
}

.semi-tree-option-list ul, .semi-tree-option-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.semi-tree-option-list li.semi-tree-option {
  box-sizing: border-box;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}

.semi-tree-option-list li > .semi-tree-option-label {
  padding: 0;
  list-style-type: none;
}

.semi-tree-option-list .semi-tree-option-expand-icon, .semi-tree-option-list .semi-tree-option-empty-icon {
  box-sizing: border-box;
  width: 12px;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  margin-right: 8px;
  display: flex;
}

.semi-tree-option-list .semi-tree-option {
  cursor: pointer;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  word-break: break-word;
  color: var(--semi-color-text-0);
  align-items: center;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.semi-tree-option-list .semi-tree-option-label {
  align-items: center;
  display: flex;
}

.semi-tree-option-list .semi-tree-option-label > .semi-icon, .semi-tree-option-list .semi-tree-option-label .semi-checkbox {
  margin-right: 8px;
}

.semi-tree-option-list .semi-tree-option-label-text {
  flex: 1;
  display: block;
}

.semi-tree-option-list .semi-tree-option-ellipsis .semi-tree-option-label-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.semi-tree-option-list .semi-tree-option-label-text, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon {
  border-radius: var(--semi-border-radius-small);
}

.semi-tree-option-list .semi-tree-option-label-text:hover, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-tree-option-list .semi-tree-option-label-text:active, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon:active {
  background-color: var(--semi-color-fill-1);
}

.semi-tree-option-list .semi-tree-option-item-icon {
  color: var(--semi-color-text-2);
}

.semi-tree-option-list .semi-tree-option-active .semi-tree-option-label-text {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list .semi-tree-option-active:hover, .semi-tree-option-list .semi-tree-option-active:active {
  background-color: #0000;
}

.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label, .semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:hover, .semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
  transform: rotate(270deg);
}

.semi-tree-option-list .semi-tree-option-highlight {
  color: var(--semi-color-primary);
  background-color: inherit;
  font-weight: 600;
}

.semi-tree-option-list .semi-tree-option-hidden {
  display: none;
}

.semi-tree-option-list .semi-tree-option-disabled .semi-tree-option-label {
  color: var(--semi-color-disabled-text);
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable, .semi-tree-option-list .semi-tree-option-draggable {
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.semi-tree-option-list .semi-tree-option-draggable {
  box-sizing: border-box;
  border-left: 2px solid #0000;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
  border-top: 2px solid #0000;
  border-bottom: 2px solid #0000;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-top {
  border-top: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
  border-bottom: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-indent .semi-tree-option-indent-unit:before, .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-switcher-leaf-line:before {
  top: 0;
  bottom: 0;
}

.semi-tree-option-list .semi-tree-option-draggable.semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
  height: 50%;
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-top {
  border-top: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-bottom {
  border-bottom: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable {
  border: 2px solid var(--semi-color-primary);
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable .semi-tree-option-label, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable .semi-tree-option-label {
  border-top: 0;
  border-bottom: 0;
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable + .semi-tree-option-selected:after, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable + .semi-tree-option-selected:after {
  content: "";
  border-top: 2px solid var(--semi-color-primary);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2px;
  right: -1px;
}

.semi-tree-option-list .semi-tree-option-indent {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  align-self: stretch;
}

.semi-tree-option-list .semi-tree-option-indent-unit {
  width: 20px;
  display: inline-block;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit {
  height: 100%;
  position: relative;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:before {
  top: -4px;
  border-inline-end: 1px solid var(--semi-color-text-3);
  content: "";
  position: absolute;
  bottom: -4px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  left: 6px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  left: 6px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  left: 6px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: 6px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: 6px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: 6px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit-end:before {
  display: none;
}

.semi-tree-option-list .semi-tree-option-switcher {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  align-self: stretch;
  width: 12px;
  margin: 0 8px 0 0;
  position: relative;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:before {
  top: -4px;
  border-inline-end: 1px solid var(--semi-color-text-3);
  content: "";
  position: absolute;
  bottom: -4px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  left: 6px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  left: 6px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  left: 6px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: 6px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: 6px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: 6px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:after {
  box-sizing: border-box;
  border-bottom: 1px solid var(--semi-color-text-3);
  content: "";
  width: 8px;
  height: 50%;
  margin-inline-start: 1px;
  position: absolute;
}

.semi-tree-option-list .semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
  height: calc(50% + 4px);
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
  padding-top: 0;
  padding-bottom: 0;
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
  padding: 2px 0;
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
  background-color: #0000;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
  padding-left: 8px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
  padding-left: 28px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
  padding-left: 48px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
  padding-left: 68px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
  padding-left: 88px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
  padding-left: 108px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
  padding-left: 128px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
  padding-left: 148px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
  padding-left: 168px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
  padding-left: 188px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
  padding-left: 208px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
  padding-left: 228px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
  padding-left: 248px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
  padding-left: 268px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
  padding-left: 288px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
  padding-left: 308px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
  padding-left: 328px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
  padding-left: 348px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
  padding-left: 368px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
  padding-left: 388px;
}

.semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
  background-color: #0000;
}

.semi-tree-option-list .semi-tree-option-label-empty {
  color: var(--semi-color-disabled-text);
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
  justify-content: center;
  padding-left: 0;
}

.semi-tree-option-list .semi-checkboxGroup-vertical {
  row-gap: 0;
}

.semi-tree-option-list-block .semi-tree-option:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-tree-option-list-block .semi-tree-option:active {
  background-color: var(--semi-color-fill-1);
}

.semi-tree-option-list-block .semi-tree-option-label {
  flex: 1;
}

.semi-tree-option-list-block .semi-tree-option-active, .semi-tree-option-list-block .semi-tree-option-active:hover, .semi-tree-option-list-block .semi-tree-option-active:active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list-block .semi-tree-option-active .semi-tree-option-label-text {
  background-color: #0000;
}

.semi-tree-option-list-block .semi-tree-option-expand-icon {
  box-sizing: content-box;
  flex-shrink: 0;
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:hover {
  color: var(--semi-color-text-0);
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:active {
  color: var(--semi-color-black);
}

.semi-tree-option-list-block .semi-tree-option-spin-icon {
  color: var(--semi-color-primary);
  line-height: 0;
  display: flex;
}

.semi-tree-option-list-block .semi-tree-option-spin-icon svg {
  width: 12px;
  height: 12px;
}

.semi-tree-option-list-block .semi-tree-option-selected {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label, .semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:hover, .semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:active, .semi-tree-option-list-block .semi-tree-option-selected .semi-checkbox-addon {
  background-color: #0000;
}

.semi-tree-option-list-block .semi-tree-option-selected:hover, .semi-tree-option-list-block .semi-tree-option-selected:active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list-block .semi-tree-option-label-text, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon {
  border-radius: var(--semi-border-radius-small);
  padding: 0;
}

.semi-tree-option-list-block .semi-tree-option-label-text:hover, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:hover, .semi-tree-option-list-block .semi-tree-option-label-text:active, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:active {
  background-color: #0000;
}

.semi-tree-option-list-block .semi-tree-option-label-text {
  width: 0;
}

.semi-tree-option-list-block .semi-tree-option-empty:hover, .semi-tree-option-list-block .semi-tree-option-empty:active {
  background-color: #0000;
}

.semi-rtl .semi-tree, .semi-popover-rtl .semi-tree, .semi-rtl .semi-tree-wrapper, .semi-popover-rtl .semi-tree-wrapper, .semi-rtl .semi-tree-option-list, .semi-popover-rtl .semi-tree-option-list {
  direction: rtl;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-expand-icon, .semi-rtl .semi-tree-option-list .semi-tree-option-empty-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-expand-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-empty-icon {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tree-option-list .semi-tree-option, .semi-popover-rtl .semi-tree-option-list .semi-tree-option {
  padding-left: 0;
  padding-right: 8px;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon, .semi-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
  transform: rotate(90deg);
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
  padding-left: 0;
  padding-right: 8px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
  padding-left: 0;
  padding-right: 28px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
  padding-left: 0;
  padding-right: 48px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
  padding-left: 0;
  padding-right: 68px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
  padding-left: 0;
  padding-right: 88px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
  padding-left: 0;
  padding-right: 108px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
  padding-left: 0;
  padding-right: 128px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
  padding-left: 0;
  padding-right: 148px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
  padding-left: 0;
  padding-right: 168px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
  padding-left: 0;
  padding-right: 188px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
  padding-left: 0;
  padding-right: 208px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
  padding-left: 0;
  padding-right: 228px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
  padding-left: 0;
  padding-right: 248px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
  padding-left: 0;
  padding-right: 268px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
  padding-left: 0;
  padding-right: 288px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
  padding-left: 0;
  padding-right: 308px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
  padding-left: 0;
  padding-right: 328px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
  padding-left: 0;
  padding-right: 348px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
  padding-left: 0;
  padding-right: 368px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
  padding-left: 0;
  padding-right: 388px;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-label-empty, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
  padding-left: auto;
  padding-right: 0;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-switcher, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tree-option-list-block, .semi-popover-rtl .semi-tree-option-list-block {
  direction: rtl;
}

.semi-tree-select {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  background-color: var(--semi-color-fill-0);
  cursor: pointer;
  border: 1px solid #0000;
  align-items: center;
  min-width: 80px;
  min-height: 32px;
  font-weight: 400;
  line-height: 32px;
  display: inline-flex;
  position: relative;
}

.semi-tree-select:hover {
  background-color: var(--semi-color-fill-1);
  border: 1px solid #0000;
}

.semi-tree-select:active {
  background-color: var(--semi-color-fill-2);
}

.semi-tree-select-focus, .semi-tree-select-focus:hover {
  background-color: var(--semi-color-fill-0);
  border: 1px solid var(--semi-color-focus-border);
  outline: 0;
}

.semi-tree-select-focus:active {
  background-color: var(--semi-color-fill-2);
}

.semi-tree-select-warning {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning-light-default);
}

.semi-tree-select-warning:hover {
  background-color: var(--semi-color-warning-light-hover);
  border-color: var(--semi-color-warning-light-hover);
}

.semi-tree-select-warning.semi-tree-select-focus {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}

.semi-tree-select-warning:active {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning-light-active);
}

.semi-tree-select-error {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger-light-default);
}

.semi-tree-select-error:hover {
  background-color: var(--semi-color-danger-light-hover);
  border-color: var(--semi-color-danger-light-hover);
}

.semi-tree-select-error.semi-tree-select-focus {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}

.semi-tree-select-error:active {
  background-color: var(--semi-color-danger-light-active);
  border-color: var(--semi-color-danger-light-active);
}

.semi-tree-select-disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--semi-color-disabled-fill);
}

.semi-tree-select-disabled:hover {
  background-color: var(--semi-color-disabled-fill);
}

.semi-tree-select-disabled .semi-tree-select-selection, .semi-tree-select-disabled .semi-tree-select-selection-placeholder {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}

.semi-tree-select-disabled .semi-tree-select-arrow, .semi-tree-select-disabled .semi-tree-select-prefix, .semi-tree-select-disabled .semi-tree-select-suffix {
  color: var(--semi-color-disabled-text);
}

.semi-tree-select-disabled .semi-tag {
  color: var(--semi-color-disabled-text);
  background-color: #0000;
}

.semi-tree-select-selection {
  cursor: pointer;
  height: 100%;
  color: var(--semi-color-text-0);
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  padding-left: 12px;
  padding-right: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.semi-tree-select-selection-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.semi-tree-select-selection-placeholder {
  color: var(--semi-color-text-2);
}

.semi-tree-select-selection .semi-tag-group {
  height: inherit;
  flex-wrap: wrap;
  align-items: center;
  display: inline-flex;
}

.semi-tree-select-selection .semi-tag {
  margin: 1px 2px;
}

.semi-tree-select-selection-TriggerSearchItem {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 12px);
  position: absolute;
  overflow: hidden;
}

.semi-tree-select-selection-TriggerSearchItem-placeholder {
  opacity: .6;
}

.semi-tree-select-selection-TriggerSearchItem-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-upper {
  z-index: 1;
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper {
  width: 100%;
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-tree-select-inputTrigger .semi-input-wrapper {
  background: none;
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper {
  background-color: #0000;
  border: none;
  width: 100%;
  height: 100%;
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper-focus {
  border: none;
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input {
  padding-left: 0;
  padding-right: 0;
}

.semi-tree-select-selection .semi-tagInput {
  background: none;
  border: hidden;
  min-height: 30px;
}

.semi-tree-select-selection .semi-tagInput-small {
  min-height: 22px;
}

.semi-tree-select-selection .semi-tagInput-large {
  min-height: 38px;
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
  padding-left: 4px;
  padding-right: 4px;
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper .semi-input {
  padding-left: 0;
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-default, .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-large {
  margin-top: 1px;
  margin-bottom: 1px;
}

.semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
  margin-left: -4px;
}

.semi-tree-select-multiple-tagInput-empty .semi-tagInput {
  margin-left: 4px;
}

.semi-tree-select-multiple {
  display: inline-flex;
}

.semi-tree-select-multiple .semi-tree-select-selection {
  padding-left: 4px;
  padding-right: 0;
}

.semi-tree-select-multiple .semi-tree-select-selection-placeholder {
  padding-left: 8px;
}

.semi-tree-select-small {
  min-height: 24px;
  line-height: 24px;
}

.semi-tree-select-large {
  min-height: 40px;
  line-height: 40px;
}

.semi-tree-select-large .semi-tree-select-selection {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.semi-tree-select-arrow {
  width: 32px;
  height: 100%;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.semi-tree-select-inset-label {
  color: var(--semi-color-text-2);
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline;
}

.semi-tree-select.semi-tree-select-with-prefix {
  align-items: center;
  display: inline-flex;
}

.semi-tree-select-arrow, .semi-tree-select-clearbtn {
  width: 32px;
  height: 100%;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.semi-tree-select-clearbtn:hover {
  color: var(--semi-color-primary-hover);
}

.semi-tree-select-clearbtn:active {
  color: var(--semi-color-primary-active);
}

.semi-tree-select-prefix, .semi-tree-select-suffix {
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-tree-select-prefix-text, .semi-tree-select-suffix-text {
  color: var(--semi-color-text-2);
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-tree-select-prefix-icon, .semi-tree-select-suffix-icon {
  color: var(--semi-color-text-2);
  margin: 0 8px;
}

.semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
  padding-right: 0;
}

.semi-tree-select-prefix-search-wrapper, .semi-tree-select-suffix-search-wrapper {
  border-bottom: 1px solid var(--semi-color-fill-0);
  padding: 8px 12px;
}

.semi-tree-select-prefix-maxTagCount, .semi-tree-select-suffix-maxTagCount {
  color: var(--semi-color-text-2);
  font-size: 14px;
}

.semi-tree-select-prefix-popover, .semi-tree-select-suffix-popover {
  max-height: 300px;
  overflow: auto;
}

.semi-tree-select-popover .semi-tree-wrapper {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list {
  flex: 1;
  min-width: 230px;
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list-hidden {
  padding: 0;
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-search-wrapper {
  border-bottom: 1px var(--semi-color-fill-0) solid;
}

.semi-tree-select-borderless:not(:focus-within):not(:hover) {
  background-color: #0000;
  border-color: #0000;
}

.semi-tree-select-borderless:not(:focus-within):not(:hover) .semi-tree-select-arrow {
  opacity: 0;
}

.semi-tree-select-borderless:focus-within:not(:active) {
  background-color: #0000;
}

.semi-tree-select-borderless.semi-tree-select-error:not(:focus-within) {
  border-color: var(--semi-color-danger);
}

.semi-tree-select-borderless.semi-tree-select-warning:not(:focus-within) {
  border-color: var(--semi-color-warning);
}

.semi-tree-select-borderless.semi-tree-select-error:focus-within {
  border-color: var(--semi-color-danger);
}

.semi-tree-select-borderless.semi-tree-select-warning:focus-within {
  border-color: var(--semi-color-warning);
}

.semi-rtl .semi-tree-select, .semi-portal-rtl .semi-tree-select {
  direction: rtl;
}

.semi-rtl .semi-tree-select .semi-tagInput .semi-input, .semi-portal-rtl .semi-tree-select .semi-tagInput .semi-input {
  padding-right: 0;
}

.semi-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput, .semi-portal-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
  margin-left: 0;
  margin-right: -4px;
}

.semi-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput, .semi-portal-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput {
  margin-left: 0;
  margin-right: 4px;
}

.semi-rtl .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-selection {
  padding-left: 0;
  padding-right: 12px;
}

.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection {
  padding-left: 0;
  padding-right: 4px;
}

.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder, .semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
  padding-left: 0;
  padding-right: 8px;
}

.semi-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-portal-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
  padding-left: 0;
  padding-right: auto;
}

.semi-rtl .semi-tree-select-popover, .semi-portal-rtl .semi-tree-select-popover {
  direction: rtl;
}

.semi-collapsible-transition {
  transition: height .25s cubic-bezier(.25, .1, .25, 1) var(--semi-transition_delay-none), opacity .25s var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
}

.semi-json-viewer-background {
  background-color: var(--semi-color-default);
}

.semi-json-viewer-string-key {
  color: rgba(var(--semi-red-5), 1);
}

.semi-json-viewer-string-value, .semi-json-viewer-keyword {
  color: rgba(var(--semi-blue-5), 1);
}

.semi-json-viewer-number {
  color: rgba(var(--semi-green-5), 1);
}

.semi-json-viewer-delimiter-comma {
  color: rgba(var(--semi-blue-6), 1);
}

.semi-json-viewer-delimiter-bracket-0 {
  color: rgba(var(--semi-blue-7), 1);
}

.semi-json-viewer-delimiter-bracket-1 {
  color: rgba(var(--semi-green-7), 1);
}

.semi-json-viewer-delimiter-bracket-2 {
  color: rgba(var(--semi-orange-7), 1);
}

.semi-json-viewer-delimiter-array-0 {
  color: rgba(var(--semi-blue-7), 1);
}

.semi-json-viewer-delimiter-array-1 {
  color: rgba(var(--semi-green-7), 1);
}

.semi-json-viewer-delimiter-array-2 {
  color: rgba(var(--semi-orange-7), 1);
}

.semi-json-viewer-search-result {
  background-color: rgba(var(--semi-green-2), 1);
}

.semi-json-viewer-current-search-result {
  background-color: rgba(var(--semi-yellow-4), 1) !important;
}

.semi-json-viewer-folding-icon {
  opacity: .7;
  color: rgba(var(--semi-blue-7), 1);
  transition: opacity .8s;
}

.semi-json-viewer-view-line {
  font-feature-settings: "liga" 0, "calt" 0;
  font-variation-settings: normal;
  letter-spacing: 0;
  color: #237893;
  font-family: Menlo, Firecode, Monaco, Courier New, monospace;
  font-size: 12px;
  font-weight: normal;
  word-break: break-all !important;
  white-space: pre-wrap !important;
}

.semi-json-viewer-line-number {
  font-feature-settings: "liga" 0, "calt" 0;
  font-variation-settings: normal;
  letter-spacing: 0;
  color: rgba(var(--semi-grey-5), 1);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 50px;
  font-family: Menlo, Firecode, Monaco, Courier New, monospace;
  font-size: 12px;
  font-weight: normal;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
}

.semi-json-viewer-content-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.semi-json-viewer-content-container::-webkit-scrollbar {
  display: none;
}

.semi-json-viewer-search-bar-container {
  box-sizing: border-box;
  border: 1px solid var(--semi-color-border);
  border-radius: var(--semi-border-radius-small);
  background-color: var(--semi-color-bg-0);
  flex-direction: column;
  gap: 8px;
  width: 458px;
  padding: 8px;
  display: flex;
}

.semi-json-viewer-search-bar {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.semi-json-viewer-search-bar-input {
  flex-shrink: 0;
  width: 200px !important;
}

.semi-json-viewer-search-bar .semi-button-group {
  flex-wrap: nowrap;
}

.semi-json-viewer-search-bar .semi-button:first-of-type, .semi-json-viewer-search-bar .semi-button:nth-of-type(2) {
  width: 40px;
}

.semi-json-viewer-replace-bar {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.semi-json-viewer-replace-bar-input {
  width: 261px;
}

.semi-json-viewer-replace-bar .semi-button:first-of-type {
  width: 52px;
}

.semi-json-viewer-replace-bar .semi-button:nth-of-type(2) {
  width: 80px;
}

.semi-json-viewer-search-options {
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  list-style: none;
  display: flex;
}

.semi-json-viewer-search-options-item {
  cursor: pointer;
  border-radius: var(--semi-border-radius-small);
  min-width: 32px;
  height: 32px;
  color: var(--semi-color-text-2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-json-viewer-search-options-item:hover {
  background-color: var(--semi-color-default);
}

.semi-json-viewer-search-options-item-active {
  color: var(--semi-color-primary);
  background-color: var(--semi-color-primary-light-default);
}

.semi-json-viewer-complete-suggestions-container {
  border-radius: var(--semi-border-radius-medium);
  background-color: var(--semi-color-bg-3);
  box-shadow: var(--semi-shadow-elevated);
  z-index: 1000;
  min-width: 200px;
  max-width: 400px;
  padding: 4px 0;
  list-style: none;
}

.semi-json-viewer-complete-container {
  z-index: 1000;
  position: absolute;
}

.semi-json-viewer-complete-suggestions-item {
  color: var(--semi-color-text-0);
  cursor: pointer;
  padding: 8px 16px;
}

.semi-json-viewer-error {
  -webkit-text-decoration: underline wavy var(--semi-color-danger);
  text-decoration: underline wavy var(--semi-color-danger);
  text-underline-position: under;
  text-decoration-thickness: 1px;
}

.semi-icon {
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  fill: currentColor;
  font-style: normal;
  line-height: 0;
  display: inline-block;
}

.semi-icon-extra-small {
  font-size: 8px;
}

.semi-icon-small {
  font-size: 12px;
}

.semi-icon-default {
  font-size: 16px;
}

.semi-icon-large {
  font-size: 20px;
}

.semi-icon-extra-large {
  font-size: 24px;
}

.semi-icon-spinning {
  animation: .6s linear infinite forwards semi-icon-animation-rotate;
}

@keyframes semi-icon-animation-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}