/* node_modules/@douyinfe/semi-foundation/lib/es/button/button.css */
.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;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  border-radius: var(--semi-border-radius-small);
  outline: none;
  vertical-align: middle;
  white-space: nowrap;
  border: 0 solid #0000;
  justify-content: center;
  align-items:  center;
  height: 32px;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.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 {
  display: flex;
  align-items:  center;
}

.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 {
  display: flex;
  flex-wrap: wrap;
}

.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 {
  display: inline-flex;
  background-color: var(--semi-color-border);
  align-items:  center;
}

.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 {
  display: block;
  content: "";
  background-color: var(--semi-color-border);
  width: 1px;
  height: 20px;
}

.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;
}

/* node_modules/@douyinfe/semi-icons/lib/es/styles/icons.css */
.semi-icon {
  display: inline-block;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  fill: currentColor;
  font-style: normal;
  line-height: 0;
}

.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 semi-icon-animation-rotate;
  animation-fill-mode: forwards;
}

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

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

/* node_modules/@douyinfe/semi-foundation/lib/es/button/iconButton.css */
@keyframes semi-animation-rotate {
  from {
    transform: rotate(0);
  }

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

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

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

.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 {
  animation: .6s linear infinite semi-animation-rotate;
  animation-fill-mode: forwards;
  width: 16px;
  height: 16px;
}

.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 {
  display: flex;
  align-items:  center;
  margin-right: 8px;
}

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

.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;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/card/card.css */
.semi-card {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-medium);
  overflow: hidden;
  background-color: var(--semi-color-bg-0);
  letter-spacing: 0em;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.semi-card-shadows {
  cursor: pointer;
  transition: box-shadow .3s;
}

.semi-card-shadows-hover:hover {
  box-shadow: var(--semi-shadow-elevated);
  z-index: 1;
}

.semi-card-shadows-always {
  box-shadow: var(--semi-shadow-elevated);
}

.semi-card-bordered {
  border: 1px solid var(--semi-color-border);
}

.semi-card-header {
  padding: 20px;
}

.semi-card-header-bordered {
  border-bottom: 1px solid var(--semi-color-border);
}

.semi-card-header-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items:  flex-start;
}

.semi-card-header-wrapper-spacing {
  margin-right: 20px;
}

.semi-card-header-wrapper-title {
  overflow: hidden;
  width: 100%;
}

.semi-card-header-wrapper-extra {
  letter-spacing: 0em;
  color: var(--semi-color-text-0);
  flex-shrink: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.semi-card-cover > * {
  display: block;
  width: 100%;
}

.semi-card-body {
  letter-spacing: 0em;
  color: var(--semi-color-text-1);
  padding: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.semi-card-body-actions {
  border-top: 1px solid var(--semi-color-border);
  margin-top: 20px;
  padding-top: 20px;
}

.semi-card-footer {
  padding: 20px;
}

.semi-card-footer-bordered {
  border-top: 1px solid var(--semi-color-border);
}

.semi-card-meta {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
}

.semi-card-meta-avatar {
  margin-right: 12px;
}

.semi-card-meta-wrapper-title {
  letter-spacing: 0em;
  color: var(--semi-color-text-0);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.semi-card-meta-wrapper-description {
  letter-spacing: 0em;
  color: var(--semi-color-text-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.semi-card-group-grid .semi-card {
  border-radius: 0;
  margin-top: -1px;
  margin-left: -1px;
}

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

.semi-rtl .semi-card-header-wrapper, .semi-portal-rtl .semi-card-header-wrapper {
  align-items:  flex-end;
}

.semi-rtl .semi-card-header-wrapper-title, .semi-portal-rtl .semi-card-header-wrapper-title {
  display: flex;
  align-items:  flex-end;
}

.semi-rtl .semi-card-header-wrapper-spacing, .semi-portal-rtl .semi-card-header-wrapper-spacing {
  margin-left: 20px;
  margin-right: 0;
}

.semi-rtl .semi-card-meta-avatar, .semi-portal-rtl .semi-card-meta-avatar {
  margin-left: 12px;
  margin-right: 0;
}

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

.semi-rtl .semi-card-group-grid .semi-card, .semi-portal-rtl .semi-card-group-grid .semi-card {
  margin: 0 -1px -1px 0;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/skeleton/skeleton.css */
.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 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.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%);
  animation: 1.4s infinite skeleton-loading;
  animation-fill-mode: forwards;
  background-size: 400% 100%;
}

@keyframes skeleton-loading {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}

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

/* node_modules/@douyinfe/semi-foundation/lib/es/typography/typography.css */
.semi-typography {
  color: var(--semi-color-text-0);
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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;
  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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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: underline;
  text-decoration-skip-ink: auto;
}

.semi-typography del {
  text-decoration: line-through;
}

.semi-typography strong {
  font-weight: 600;
}

.semi-typography a {
  display: inline;
  color: var(--semi-color-link);
  cursor: pointer;
  text-decoration: none;
}

.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 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
  display: -webkit-inline-box;
}

.semi-typography-ellipsis-overflow-ellipsis {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.semi-typography-ellipsis-expand {
  display: inline;
  margin-left: 8px;
}

.semi-typography-action-copy {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 4px;
  padding: 0;
}

.semi-typography a.semi-typography-action-copy-icon {
  display: inline-flex;
}

.semi-typography-action-copied {
  display: inline-flex;
  color: var(--semi-color-text-2);
  margin-left: 4px;
  padding: 0;
}

.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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/tooltip/tooltip.css */
@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;
    transform: scale(1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
}

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

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

  to {
    opacity: 0;
  }
}

.semi-tooltip-wrapper {
  position: relative;
  background-color: rgba(var(--semi-grey-7), 1);
  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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  top: 0;
  left: 0;
}

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

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

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

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

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

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

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

.semi-tooltip-wrapper[x-placement="top"] .semi-tooltip-icon-arrow {
  left: var(--semi-tooltip-arrow-offset-x, 50%);
  bottom: -6px;
  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 {
  right: -6px;
  top: var(--semi-tooltip-arrow-offset-y, 50%);
  width: 7px;
  height: 24px;
  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 {
  left: -6px;
  top: var(--semi-tooltip-arrow-offset-y, 50%);
  width: 7px;
  height: 24px;
  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: var(--semi-tooltip-arrow-offset-x, 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;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/_portal/portal.css */
.semi-portal {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
}

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

/* node_modules/@douyinfe/semi-foundation/lib/es/popover/popover.css */
@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 {
  position: relative;
  background-color: var(--semi-color-bg-3);
  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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

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

.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) semi-popover-zoomIn;
  animation-fill-mode: forwards;
}

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

.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 {
  position: absolute;
  color: unset;
  width: 24px;
  height: 8px;
}

.semi-popover-wrapper[x-placement="top"] .semi-popover-icon-arrow {
  left: var(--semi-tooltip-arrow-offset-x, 50%);
  bottom: -7px;
  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 {
  right: -7px;
  top: var(--semi-tooltip-arrow-offset-y, 50%);
  width: 8px;
  height: 24px;
  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 {
  left: -7px;
  top: var(--semi-tooltip-arrow-offset-y, 50%);
  width: 8px;
  height: 24px;
  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: var(--semi-tooltip-arrow-offset-x, 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;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/space/space.css */
.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;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/avatar/avatar.css */
.semi-avatar {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items:  center;
}

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

.semi-avatar-content {
  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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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 {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

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

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

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

.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 {
  position: absolute;
  display: flex;
  justify-content: center;
}

.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 {
  user-select: none;
  position: relative;
  line-height: normal;
}

.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);
  position: absolute;
  cursor: pointer;
  user-select: none;
  bottom: 3.5px;
  transform: translateY(50%);
}

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

.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 {
  display: flex;
  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;
}

.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);
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  border-width: 1.5px;
  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 {
    border-width: 0;
    opacity: 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;
}

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

.semi-tag-default, .semi-tag-small {
  height: 20px;
  padding: 2px 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, 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 {
  display: flex;
  padding-right: 4px;
}

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

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

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

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

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

.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: "";
  position: absolute;
  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);
  mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  padding: 1px;
  inset: 0;
}

.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 {
  display: block;
  height: auto;
}

.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-tag-split {
  display: inline-flex;
  align-items:  center;
}

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

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

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

.semi-tag-split .semi-tag-circle.semi-tag-first {
  border-top-left-radius: var(--semi-border-radius-full);
  border-bottom-left-radius: var(--semi-border-radius-full);
}

.semi-tag-split .semi-tag-circle.semi-tag-last {
  border-top-right-radius: var(--semi-border-radius-full);
  border-bottom-right-radius: var(--semi-border-radius-full);
}

.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;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/banner/banner.css */
.semi-banner {
  padding: 12px;
}

.semi-banner-content-wrapper {
  display: flex;
  flex-direction: row;
}

.semi-banner-description {
  margin: 0;
}

.semi-banner .semi-banner-content-wrapper .semi-banner-content {
  display: flex;
  flex: 1;
}

.semi-banner-in-container {
  border-radius: var(--semi-border-radius-small);
}

.semi-banner-in-container .semi-banner-content-wrapper .semi-banner-content-body {
  flex: 1;
}

.semi-banner-in-container .semi-banner-content-wrapper .semi-banner-content-body .semi-banner-title + .semi-banner-description {
  margin-top: 2px;
}

.semi-banner-full .semi-banner-content-wrapper .semi-banner-content {
  justify-content: center;
}

.semi-banner-full .semi-banner-content-wrapper .semi-banner-icon, .semi-banner-full .semi-banner-content-wrapper .semi-banner-content-body {
  display: flex;
  align-items:  center;
}

.semi-banner-close {
  width: 24px;
  height: 24px;
  margin-left: 12px;
}

.semi-banner-extra {
  margin-top: 8px;
}

.semi-banner-icon {
  display: flex;
  margin-right: 12px;
}

.semi-banner-info {
  background-color: var(--semi-color-info-light-default);
  color: var(--semi-color-info);
}

.semi-banner-info.semi-banner-bordered {
  border: 1px solid var(--semi-color-info);
}

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

.semi-banner-warning.semi-banner-bordered {
  border: 1px solid var(--semi-color-warning);
}

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

.semi-banner-success.semi-banner-bordered {
  border: 1px solid var(--semi-color-success);
}

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

.semi-banner-danger.semi-banner-bordered {
  border: 1px solid var(--semi-color-danger);
}

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

.semi-rtl .semi-banner-close, .semi-portal-rtl .semi-banner-close {
  width: 24px;
  height: 24px;
  margin-left: 0;
  margin-right: 12px;
}

.semi-rtl .semi-banner-icon, .semi-portal-rtl .semi-banner-icon {
  margin-left: 12px;
  margin-right: 0;
}

/* node_modules/@douyinfe/semi-foundation/lib/es/spin/spin.css */
.semi-spin {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

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

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

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

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

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

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

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

.semi-spin-block:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  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;
  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;
}

/* node_modules/@douyinfe/semi-ui-19/lib/es/_base/base.css */
body, :host {
  --semi-transition_duration-slowest: 0s;
  --semi-transition_duration-slower: 0s;
  --semi-transition_duration-slow: 0s;
  --semi-transition_duration-normal: 0s;
  --semi-transition_duration-fast: 0s;
  --semi-transition_duration-faster: 0s;
  --semi-transition_duration-fastest: 0s;
  --semi-transition_duration-none: 0s;
  --semi-transition_function-linear: linear;
  --semi-transition_function-ease: ease;
  --semi-transition_function-easeIn: ease-in;
  --semi-transition_function-easeOut: ease-out;
  --semi-transition_function-easeInIOut: ease-in-out;
  --semi-transition_delay-none: 0s;
  --semi-transition_delay-slowest: 0s;
  --semi-transition_delay-slower: 0s;
  --semi-transition_delay-slow: 0s;
  --semi-transition_delay-normal: 0s;
  --semi-transition_delay-fast: 0s;
  --semi-transition_delay-faster: 0s;
  --semi-transition_delay-fastest: 0s;
  --semi-transform_scale-none: scale(1, 1);
  --semi-transform_scale-small: scale(1, 1);
  --semi-transform_scale-medium: scale(1, 1);
  --semi-transform_scale-large: scale(1, 1);
  --semi-transform-rotate-none: rotate(0deg);
  --semi-transform_rotate-clockwise90deg: rotate(90deg);
  --semi-transform_rotate-clockwise180deg: rotate(180deg);
  --semi-transform_rotate-clockwise270deg: rotate(270deg);
  --semi-transform_rotate-clockwise360deg: rotate(360deg);
  --semi-transform_rotate-anticlockwise90deg: rotate(-90deg);
  --semi-transform_rotate-anticlockwise180deg: rotate(-180deg);
  --semi-transform_rotate-anticlockwise270deg: rotate(-270deg);
  --semi-transform_rotate-anticlockwise360deg: rotate(-360deg);
}

body, body .semi-always-light, :host, :host .semi-always-light {
  --semi-amber-0: 254, 251, 235;
  --semi-amber-1: 252, 245, 206;
  --semi-amber-2: 249, 232, 158;
  --semi-amber-3: 246, 216, 111;
  --semi-amber-4: 243, 198, 65;
  --semi-amber-5: 240, 177, 20;
  --semi-amber-6: 200, 138, 15;
  --semi-amber-7: 160, 102, 10;
  --semi-amber-8: 120, 70, 6;
  --semi-amber-9: 80, 43, 3;
  --semi-black: 0, 0, 0;
  --semi-blue-0: 234, 245, 255;
  --semi-blue-1: 203, 231, 254;
  --semi-blue-2: 152, 205, 253;
  --semi-blue-3: 101, 178, 252;
  --semi-blue-4: 50, 149, 251;
  --semi-blue-5: 0, 100, 250;
  --semi-blue-6: 0, 98, 214;
  --semi-blue-7: 0, 79, 179;
  --semi-blue-8: 0, 61, 143;
  --semi-blue-9: 0, 44, 107;
  --semi-cyan-0: 229, 247, 248;
  --semi-cyan-1: 194, 239, 240;
  --semi-cyan-2: 138, 221, 226;
  --semi-cyan-3: 88, 203, 211;
  --semi-cyan-4: 44, 184, 197;
  --semi-cyan-5: 5, 164, 182;
  --semi-cyan-6: 3, 134, 152;
  --semi-cyan-7: 1, 105, 121;
  --semi-cyan-8: 0, 77, 91;
  --semi-cyan-9: 0, 50, 61;
  --semi-green-0: 236, 247, 236;
  --semi-green-1: 208, 240, 209;
  --semi-green-2: 164, 224, 167;
  --semi-green-3: 125, 209, 130;
  --semi-green-4: 90, 194, 98;
  --semi-green-5: 59, 179, 70;
  --semi-green-6: 48, 149, 59;
  --semi-green-7: 37, 119, 47;
  --semi-green-8: 27, 89, 36;
  --semi-green-9: 17, 60, 24;
  --semi-grey-0: 249, 249, 249;
  --semi-grey-1: 230, 232, 234;
  --semi-grey-2: 198, 202, 205;
  --semi-grey-3: 167, 171, 176;
  --semi-grey-4: 136, 141, 146;
  --semi-grey-5: 107, 112, 117;
  --semi-grey-6: 85, 91, 97;
  --semi-grey-7: 65, 70, 76;
  --semi-grey-8: 46, 50, 56;
  --semi-grey-9: 28, 31, 35;
  --semi-indigo-0: 236, 239, 248;
  --semi-indigo-1: 209, 216, 240;
  --semi-indigo-2: 167, 179, 225;
  --semi-indigo-3: 128, 144, 211;
  --semi-indigo-4: 94, 111, 196;
  --semi-indigo-5: 63, 81, 181;
  --semi-indigo-6: 51, 66, 161;
  --semi-indigo-7: 40, 52, 140;
  --semi-indigo-8: 31, 40, 120;
  --semi-indigo-9: 23, 29, 99;
  --semi-light-blue-0: 233, 247, 253;
  --semi-light-blue-1: 201, 236, 252;
  --semi-light-blue-2: 149, 216, 248;
  --semi-light-blue-3: 98, 195, 245;
  --semi-light-blue-4: 48, 172, 241;
  --semi-light-blue-5: 0, 149, 238;
  --semi-light-blue-6: 0, 123, 202;
  --semi-light-blue-7: 0, 99, 167;
  --semi-light-blue-8: 0, 75, 131;
  --semi-light-blue-9: 0, 53, 95;
  --semi-light-green-0: 243, 248, 236;
  --semi-light-green-1: 227, 240, 208;
  --semi-light-green-2: 200, 226, 165;
  --semi-light-green-3: 173, 211, 126;
  --semi-light-green-4: 147, 197, 91;
  --semi-light-green-5: 123, 182, 60;
  --semi-light-green-6: 100, 152, 48;
  --semi-light-green-7: 78, 121, 38;
  --semi-light-green-8: 57, 91, 27;
  --semi-light-green-9: 37, 61, 18;
  --semi-lime-0: 242, 250, 230;
  --semi-lime-1: 227, 246, 197;
  --semi-lime-2: 203, 237, 142;
  --semi-lime-3: 183, 227, 91;
  --semi-lime-4: 167, 218, 44;
  --semi-lime-5: 155, 209, 0;
  --semi-lime-6: 126, 174, 0;
  --semi-lime-7: 99, 139, 0;
  --semi-lime-8: 72, 104, 0;
  --semi-lime-9: 47, 70, 0;
  --semi-orange-0: 255, 248, 234;
  --semi-orange-1: 254, 238, 204;
  --semi-orange-2: 254, 217, 152;
  --semi-orange-3: 253, 193, 101;
  --semi-orange-4: 253, 166, 51;
  --semi-orange-5: 252, 136, 0;
  --semi-orange-6: 210, 103, 0;
  --semi-orange-7: 168, 74, 0;
  --semi-orange-8: 126, 49, 0;
  --semi-orange-9: 84, 29, 0;
  --semi-pink-0: 253, 236, 239;
  --semi-pink-1: 251, 207, 216;
  --semi-pink-2: 246, 160, 181;
  --semi-pink-3: 242, 115, 150;
  --semi-pink-4: 237, 72, 123;
  --semi-pink-5: 233, 30, 99;
  --semi-pink-6: 197, 19, 86;
  --semi-pink-7: 162, 11, 72;
  --semi-pink-8: 126, 5, 58;
  --semi-pink-9: 90, 1, 43;
  --semi-purple-0: 247, 233, 247;
  --semi-purple-1: 239, 202, 240;
  --semi-purple-2: 221, 155, 224;
  --semi-purple-3: 201, 111, 209;
  --semi-purple-4: 180, 73, 194;
  --semi-purple-5: 158, 40, 179;
  --semi-purple-6: 135, 30, 158;
  --semi-purple-7: 113, 22, 138;
  --semi-purple-8: 92, 15, 117;
  --semi-purple-9: 73, 10, 97;
  --semi-red-0: 254, 242, 237;
  --semi-red-1: 254, 221, 210;
  --semi-red-2: 253, 183, 165;
  --semi-red-3: 251, 144, 120;
  --semi-red-4: 250, 102, 76;
  --semi-red-5: 249, 57, 32;
  --semi-red-6: 213, 37, 21;
  --semi-red-7: 178, 20, 12;
  --semi-red-8: 142, 8, 5;
  --semi-red-9: 106, 1, 3;
  --semi-teal-0: 228, 247, 244;
  --semi-teal-1: 192, 240, 232;
  --semi-teal-2: 135, 224, 211;
  --semi-teal-3: 84, 209, 193;
  --semi-teal-4: 39, 194, 176;
  --semi-teal-5: 0, 179, 161;
  --semi-teal-6: 0, 149, 137;
  --semi-teal-7: 0, 119, 111;
  --semi-teal-8: 0, 89, 85;
  --semi-teal-9: 0, 60, 58;
  --semi-violet-0: 243, 237, 249;
  --semi-violet-1: 226, 209, 244;
  --semi-violet-2: 196, 167, 233;
  --semi-violet-3: 166, 127, 221;
  --semi-violet-4: 136, 91, 210;
  --semi-violet-5: 106, 58, 199;
  --semi-violet-6: 87, 47, 179;
  --semi-violet-7: 70, 37, 158;
  --semi-violet-8: 54, 28, 138;
  --semi-violet-9: 40, 20, 117;
  --semi-white: 255, 255, 255;
  --semi-yellow-0: 255, 253, 234;
  --semi-yellow-1: 254, 251, 203;
  --semi-yellow-2: 253, 243, 152;
  --semi-yellow-3: 252, 232, 101;
  --semi-yellow-4: 251, 218, 50;
  --semi-yellow-5: 250, 200, 0;
  --semi-yellow-6: 208, 170, 0;
  --semi-yellow-7: 167, 139, 0;
  --semi-yellow-8: 125, 106, 0;
  --semi-yellow-9: 83, 72, 0;
  --semi-ai-purple-0: 248, 237, 255;
  --semi-ai-purple-1: 242, 218, 255;
  --semi-ai-purple-2: 227, 181, 255;
  --semi-ai-purple-3: 209, 145, 255;
  --semi-ai-purple-4: 189, 108, 255;
  --semi-ai-purple-5: 166, 71, 255;
  --semi-ai-purple-6: 134, 54, 219;
  --semi-ai-purple-7: 105, 40, 184;
  --semi-ai-purple-8: 78, 28, 148;
  --semi-ai-purple-9: 54, 18, 112;
  --semi-ai-general-0-3: 239, 247, 255;
  --semi-ai-general-0-2: 244, 244, 255;
  --semi-ai-general-0-1: 248, 237, 255;
  --semi-ai-general-0-0: 255, 242, 255;
  --semi-ai-general-1-3: 213, 235, 255;
  --semi-ai-general-1-2: 223, 224, 255;
  --semi-ai-general-1-1: 242, 218, 255;
  --semi-ai-general-1-0: 255, 218, 254;
  --semi-ai-general-2-3: 171, 213, 255;
  --semi-ai-general-2-2: 193, 192, 255;
  --semi-ai-general-2-1: 227, 181, 255;
  --semi-ai-general-2-0: 254, 181, 255;
  --semi-ai-general-3-3: 130, 190, 255;
  --semi-ai-general-3-2: 163, 160, 255;
  --semi-ai-general-3-1: 209, 145, 255;
  --semi-ai-general-3-0: 249, 143, 255;
  --semi-ai-general-4-3: 88, 166, 255;
  --semi-ai-general-4-2: 134, 129, 255;
  --semi-ai-general-4-1: 189, 108, 255;
  --semi-ai-general-4-0: 242, 106, 255;
  --semi-ai-general-5-3: 46, 140, 255;
  --semi-ai-general-5-2: 107, 97, 255;
  --semi-ai-general-5-1: 166, 71, 255;
  --semi-ai-general-5-0: 233, 69, 255;
  --semi-ai-general-6-3: 33, 114, 219;
  --semi-ai-general-6-2: 88, 77, 219;
  --semi-ai-general-6-1: 134, 54, 219;
  --semi-ai-general-6-0: 194, 53, 219;
  --semi-ai-general-7-3: 22, 89, 184;
  --semi-ai-general-7-2: 71, 59, 184;
  --semi-ai-general-7-1: 105, 40, 184;
  --semi-ai-general-7-0: 157, 39, 184;
  --semi-ai-general-8-3: 13, 67, 148;
  --semi-ai-general-8-2: 55, 43, 148;
  --semi-ai-general-8-1: 78, 28, 148;
  --semi-ai-general-8-0: 121, 27, 148;
  --semi-ai-general-9-3: 7, 47, 112;
  --semi-ai-general-9-2: 40, 29, 112;
  --semi-ai-general-9-1: 54, 18, 112;
  --semi-ai-general-9-0: 88, 17, 112;
  --semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);
  --semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);
  --semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);
  --semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);
  --semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);
  --semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);
  --semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);
  --semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);
  --semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);
  --semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%);
}

body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
  --semi-red-0: 108, 9, 11;
  --semi-red-1: 144, 17, 16;
  --semi-red-2: 180, 32, 25;
  --semi-red-3: 215, 51, 36;
  --semi-red-4: 251, 73, 50;
  --semi-red-5: 252, 114, 90;
  --semi-red-6: 253, 153, 131;
  --semi-red-7: 253, 190, 172;
  --semi-red-8: 254, 224, 213;
  --semi-red-9: 255, 243, 239;
  --semi-pink-0: 92, 7, 48;
  --semi-pink-1: 128, 14, 65;
  --semi-pink-2: 164, 23, 81;
  --semi-pink-3: 199, 34, 97;
  --semi-pink-4: 235, 47, 113;
  --semi-pink-5: 239, 86, 134;
  --semi-pink-6: 243, 126, 159;
  --semi-pink-7: 247, 168, 188;
  --semi-pink-8: 251, 211, 220;
  --semi-pink-9: 253, 238, 241;
  --semi-purple-0: 74, 16, 97;
  --semi-purple-1: 94, 23, 118;
  --semi-purple-2: 115, 31, 138;
  --semi-purple-3: 137, 40, 159;
  --semi-purple-4: 160, 51, 179;
  --semi-purple-5: 181, 83, 194;
  --semi-purple-6: 202, 120, 209;
  --semi-purple-7: 221, 160, 225;
  --semi-purple-8: 239, 206, 240;
  --semi-purple-9: 247, 235, 247;
  --semi-violet-0: 64, 27, 119;
  --semi-violet-1: 76, 36, 140;
  --semi-violet-2: 88, 46, 160;
  --semi-violet-3: 100, 57, 181;
  --semi-violet-4: 114, 70, 201;
  --semi-violet-5: 136, 101, 212;
  --semi-violet-6: 162, 136, 223;
  --semi-violet-7: 190, 173, 233;
  --semi-violet-8: 221, 212, 244;
  --semi-violet-9: 241, 238, 250;
  --semi-indigo-0: 23, 30, 101;
  --semi-indigo-1: 32, 41, 122;
  --semi-indigo-2: 41, 54, 142;
  --semi-indigo-3: 52, 68, 163;
  --semi-indigo-4: 64, 83, 183;
  --semi-indigo-5: 95, 113, 197;
  --semi-indigo-6: 129, 145, 212;
  --semi-indigo-7: 167, 180, 226;
  --semi-indigo-8: 209, 216, 241;
  --semi-indigo-9: 237, 239, 248;
  --semi-blue-0: 5, 49, 112;
  --semi-blue-1: 10, 70, 148;
  --semi-blue-2: 19, 92, 184;
  --semi-blue-3: 29, 117, 219;
  --semi-blue-4: 41, 144, 255;
  --semi-blue-5: 84, 169, 255;
  --semi-blue-6: 127, 193, 255;
  --semi-blue-7: 169, 215, 255;
  --semi-blue-8: 212, 236, 255;
  --semi-blue-9: 239, 248, 255;
  --semi-light-blue-0: 0, 55, 97;
  --semi-light-blue-1: 0, 77, 133;
  --semi-light-blue-2: 3, 102, 169;
  --semi-light-blue-3: 10, 129, 204;
  --semi-light-blue-4: 19, 159, 240;
  --semi-light-blue-5: 64, 180, 243;
  --semi-light-blue-6: 110, 200, 246;
  --semi-light-blue-7: 157, 220, 249;
  --semi-light-blue-8: 206, 238, 252;
  --semi-light-blue-9: 235, 248, 254;
  --semi-cyan-0: 4, 52, 61;
  --semi-cyan-1: 7, 79, 92;
  --semi-cyan-2: 10, 108, 123;
  --semi-cyan-3: 14, 137, 153;
  --semi-cyan-4: 19, 168, 184;
  --semi-cyan-5: 56, 187, 198;
  --semi-cyan-6: 98, 205, 212;
  --semi-cyan-7: 145, 223, 227;
  --semi-cyan-8: 198, 239, 241;
  --semi-cyan-9: 231, 247, 248;
  --semi-teal-0: 2, 60, 57;
  --semi-teal-1: 4, 90, 85;
  --semi-teal-2: 7, 119, 111;
  --semi-teal-3: 10, 149, 136;
  --semi-teal-4: 14, 179, 161;
  --semi-teal-5: 51, 194, 176;
  --semi-teal-6: 94, 209, 193;
  --semi-teal-7: 142, 225, 211;
  --semi-teal-8: 196, 240, 232;
  --semi-teal-9: 230, 247, 244;
  --semi-green-0: 18, 60, 25;
  --semi-green-1: 28, 90, 37;
  --semi-green-2: 39, 119, 49;
  --semi-green-3: 50, 149, 61;
  --semi-green-4: 62, 179, 73;
  --semi-green-5: 93, 194, 100;
  --semi-green-6: 127, 209, 132;
  --semi-green-7: 166, 225, 168;
  --semi-green-8: 208, 240, 209;
  --semi-green-9: 236, 247, 236;
  --semi-light-green-0: 38, 61, 19;
  --semi-light-green-1: 59, 92, 29;
  --semi-light-green-2: 81, 123, 40;
  --semi-light-green-3: 103, 153, 52;
  --semi-light-green-4: 127, 184, 64;
  --semi-light-green-5: 151, 198, 95;
  --semi-light-green-6: 176, 212, 129;
  --semi-light-green-7: 201, 227, 167;
  --semi-light-green-8: 228, 241, 209;
  --semi-light-green-9: 243, 248, 237;
  --semi-lime-0: 49, 70, 3;
  --semi-lime-1: 75, 105, 5;
  --semi-lime-2: 103, 141, 9;
  --semi-lime-3: 132, 176, 12;
  --semi-lime-4: 162, 211, 17;
  --semi-lime-5: 174, 220, 58;
  --semi-lime-6: 189, 229, 102;
  --semi-lime-7: 207, 237, 150;
  --semi-lime-8: 229, 246, 201;
  --semi-lime-9: 243, 251, 233;
  --semi-yellow-0: 84, 73, 3;
  --semi-yellow-1: 126, 108, 6;
  --semi-yellow-2: 168, 142, 10;
  --semi-yellow-3: 210, 175, 15;
  --semi-yellow-4: 252, 206, 20;
  --semi-yellow-5: 253, 222, 67;
  --semi-yellow-6: 253, 235, 113;
  --semi-yellow-7: 254, 245, 160;
  --semi-yellow-8: 254, 251, 208;
  --semi-yellow-9: 255, 254, 236;
  --semi-amber-0: 81, 46, 9;
  --semi-amber-1: 121, 75, 15;
  --semi-amber-2: 161, 107, 22;
  --semi-amber-3: 202, 143, 30;
  --semi-amber-4: 242, 183, 38;
  --semi-amber-5: 245, 202, 80;
  --semi-amber-6: 247, 219, 122;
  --semi-amber-7: 250, 234, 166;
  --semi-amber-8: 252, 246, 210;
  --semi-amber-9: 254, 251, 237;
  --semi-orange-0: 85, 31, 3;
  --semi-orange-1: 128, 53, 6;
  --semi-orange-2: 170, 80, 10;
  --semi-orange-3: 213, 111, 15;
  --semi-orange-4: 255, 146, 20;
  --semi-orange-5: 255, 174, 67;
  --semi-orange-6: 255, 199, 114;
  --semi-orange-7: 255, 221, 161;
  --semi-orange-8: 255, 239, 208;
  --semi-orange-9: 255, 249, 237;
  --semi-grey-0: 28, 31, 35;
  --semi-grey-1: 46, 50, 56;
  --semi-grey-2: 65, 70, 76;
  --semi-grey-3: 85, 91, 97;
  --semi-grey-4: 107, 112, 117;
  --semi-grey-5: 136, 141, 146;
  --semi-grey-6: 167, 171, 176;
  --semi-grey-7: 198, 202, 205;
  --semi-grey-8: 230, 232, 234;
  --semi-grey-9: 249, 249, 249;
  --semi-white: 255, 255, 255;
  --semi-black: 0, 0, 0;
  --semi-ai-purple-0: 58, 23, 112;
  --semi-ai-purple-1: 83, 35, 148;
  --semi-ai-purple-2: 111, 49, 184;
  --semi-ai-purple-3: 141, 65, 219;
  --semi-ai-purple-4: 167, 68, 255;
  --semi-ai-purple-5: 195, 117, 255;
  --semi-ai-purple-6: 213, 152, 255;
  --semi-ai-purple-7: 229, 186, 255;
  --semi-ai-purple-8: 243, 221, 255;
  --semi-ai-purple-9: 251, 243, 255;
  --semi-ai-general-0-0: 9, 44, 100;
  --semi-ai-general-0-1: 39, 29, 108;
  --semi-ai-general-0-2: 58, 23, 112;
  --semi-ai-general-0-3: 80, 18, 101;
  --semi-ai-general-1-0: 17, 64, 136;
  --semi-ai-general-1-1: 54, 43, 144;
  --semi-ai-general-1-2: 83, 35, 148;
  --semi-ai-general-1-3: 113, 28, 137;
  --semi-ai-general-2-0: 26, 86, 172;
  --semi-ai-general-2-1: 70, 59, 180;
  --semi-ai-general-2-2: 111, 49, 184;
  --semi-ai-general-2-3: 148, 41, 173;
  --semi-ai-general-3-0: 38, 111, 207;
  --semi-ai-general-3-1: 88, 78, 215;
  --semi-ai-general-3-2: 141, 65, 219;
  --semi-ai-general-3-3: 185, 55, 208;
  --semi-ai-general-4-0: 35, 127, 240;
  --semi-ai-general-4-1: 94, 84, 248;
  --semi-ai-general-4-2: 167, 68, 255;
  --semi-ai-general-4-3: 219, 56, 241;
  --semi-ai-general-5-0: 91, 162, 245;
  --semi-ai-general-5-1: 134, 129, 252;
  --semi-ai-general-5-2: 195, 117, 255;
  --semi-ai-general-5-3: 234, 107, 246;
  --semi-ai-general-6-0: 131, 187, 248;
  --semi-ai-general-6-1: 163, 160, 253;
  --semi-ai-general-6-2: 213, 152, 255;
  --semi-ai-general-6-3: 243, 143, 248;
  --semi-ai-general-7-0: 172, 210, 250;
  --semi-ai-general-7-1: 192, 192, 253;
  --semi-ai-general-7-2: 229, 186, 255;
  --semi-ai-general-7-3: 249, 180, 251;
  --semi-ai-general-8-0: 213, 233, 253;
  --semi-ai-general-8-1: 223, 223, 254;
  --semi-ai-general-8-2: 243, 221, 255;
  --semi-ai-general-8-3: 253, 217, 252;
  --semi-ai-general-9-0: 239, 247, 254;
  --semi-ai-general-9-1: 244, 244, 255;
  --semi-ai-general-9-2: 251, 243, 255;
  --semi-ai-general-9-3: 254, 241, 254;
  --semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);
  --semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);
  --semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);
  --semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);
  --semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);
  --semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);
  --semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);
  --semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);
  --semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);
  --semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%);
}

body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
  -webkit-font-smoothing: antialiased;
  --semi-color-white: rgba(var(--semi-white), 1);
  --semi-color-black: rgba(var(--semi-black), 1);
  --semi-color-primary: rgba(var(--semi-blue-5), 1);
  --semi-color-primary-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-primary-active: rgba(var(--semi-blue-7), 1);
  --semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-primary-light-default: rgba(var(--semi-blue-0), 1);
  --semi-color-primary-light-hover: rgba(var(--semi-blue-1), 1);
  --semi-color-primary-light-active: rgba(var(--semi-blue-2), 1);
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
  --semi-color-default: rgba(var(--semi-grey-0), 1);
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
  --semi-color-info: rgba(var(--semi-blue-5), 1);
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
  --semi-color-success: rgba(var(--semi-green-5), 1);
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
  --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
  --semi-color-danger: rgba(var(--semi-red-5), 1);
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
  --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
  --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
  --semi-color-focus-border: rgba(var(--semi-blue-5), 1);
  --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
  --semi-color-shadow: rgba(var(--semi-black), .04);
  --semi-color-link: rgba(var(--semi-blue-5), 1);
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
  --semi-color-border: rgba(var(--semi-grey-9), .08);
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
  --semi-color-overlay-bg: #16161a99;
  --semi-color-fill-0: rgba(var(--semi-grey-8), .05);
  --semi-color-fill-1: rgba(var(--semi-grey-8), .09);
  --semi-color-fill-2: rgba(var(--semi-grey-8), .13);
  --semi-color-bg-0: rgba(var(--semi-white), 1);
  --semi-color-bg-1: rgba(var(--semi-white), 1);
  --semi-color-bg-2: rgba(var(--semi-white), 1);
  --semi-color-bg-3: rgba(var(--semi-white), 1);
  --semi-color-bg-4: rgba(var(--semi-white), 1);
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
  --semi-color-text-1: rgba(var(--semi-grey-9), .8);
  --semi-color-text-2: rgba(var(--semi-grey-9), .62);
  --semi-color-text-3: rgba(var(--semi-grey-9), .35);
  --semi-shadow-elevated: 0 0 1px #0000004d, 0 4px 14px #0000001a;
  --semi-border-radius-extra-small: 3px;
  --semi-border-radius-small: 3px;
  --semi-border-radius-medium: 6px;
  --semi-border-radius-large: 12px;
  --semi-border-radius-circle: 50%;
  --semi-border-radius-full: 9999px;
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
  --semi-color-highlight: rgba(var(--semi-black), 1);
  --semi-color-data-0: #5769ff;
  --semi-color-data-1: #8ed4e7;
  --semi-color-data-2: #f58700;
  --semi-color-data-3: #dcb7fc;
  --semi-color-data-4: #4a9cf7;
  --semi-color-data-5: #f3cc35;
  --semi-color-data-6: #fe8090;
  --semi-color-data-7: #8bd7d2;
  --semi-color-data-8: #83b023;
  --semi-color-data-9: #e9a5e5;
  --semi-color-data-10: #30a7ce;
  --semi-color-data-11: #f9c064;
  --semi-color-data-12: #b171f9;
  --semi-color-data-13: #77b6f9;
  --semi-color-data-14: #c88f02;
  --semi-color-data-15: #ffaab2;
  --semi-color-data-16: #33b0ab;
  --semi-color-data-17: #b6d781;
  --semi-color-data-18: #d458d4;
  --semi-color-data-19: #bcc6ff;
  --semi-color-ai-general: var(--semi-ai-general-5);
  --semi-color-ai-general-hover: var(--semi-ai-general-6);
  --semi-color-ai-general-active: var(--semi-ai-general-7);
  --semi-color-ai-general-disabled: var(--semi-ai-general-2);
  --semi-color-ai-purple: rgba(var(--semi-ai-purple-5));
  --semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));
  --semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));
  --semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));
  --semi-color-ai-background-bottom: linear-gradient(201.15deg, #ffffff0a 6.58%, #ffe28a0a 32.88%, #e72dff0a 67.93%, #0073ff0a 94.23%);
  --semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, #ffffff14 6.58%, #ffe28a14 32.88%, #e72dff14 67.93%, #0073ff14 94.23%);
  --semi-color-ai-background-bottom-active: linear-gradient(201.15deg, #ffffff1f 6.58%, #ffe28a1f 32.88%, #e72dff1f 67.93%, #0073ff1f 94.23%);
  --semi-color-ai-background-top: linear-gradient(201.15deg, #5338ff29 6.58%, #b030f018 32.88%, #e72dff0c 59.17%, #fff0 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, #5338ff3d 6.58%, #b030f025 32.88%, #e72dff12 59.17%, #fff0 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, #5338ff52 6.58%, #b030f031 32.88%, #e72dff18 59.17%, #fff0 94.23%);
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}

body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
  -webkit-font-smoothing: antialiased;
  --semi-color-white: #e4e7f5;
  --semi-color-black: rgba(var(--semi-black), 1);
  --semi-color-primary: rgba(var(--semi-blue-5), 1);
  --semi-color-primary-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-primary-active: rgba(var(--semi-blue-7), 1);
  --semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-primary-light-default: rgba(var(--semi-blue-5), .2);
  --semi-color-primary-light-hover: rgba(var(--semi-blue-5), .3);
  --semi-color-primary-light-active: rgba(var(--semi-blue-5), .4);
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), .2);
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), .3);
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), .4);
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), .2);
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), .3);
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), .4);
  --semi-color-default: rgba(var(--semi-grey-0), 1);
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
  --semi-color-info: rgba(var(--semi-blue-5), 1);
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-info-light-default: rgba(var(--semi-blue-5), .2);
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), .3);
  --semi-color-info-light-active: rgba(var(--semi-blue-5), .4);
  --semi-color-success: rgba(var(--semi-green-5), 1);
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
  --semi-color-success-light-default: rgba(var(--semi-green-5), .2);
  --semi-color-success-light-hover: rgba(var(--semi-green-5), .3);
  --semi-color-success-light-active: rgba(var(--semi-green-5), .4);
  --semi-color-danger: rgba(var(--semi-red-5), 1);
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
  --semi-color-danger-light-default: rgba(var(--semi-red-5), .2);
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), .3);
  --semi-color-danger-light-active: rgba(var(--semi-red-5), .4);
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), .2);
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5), .3);
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), .4);
  --semi-color-focus-border: rgba(var(--semi-blue-5), 1);
  --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
  --semi-color-link: rgba(var(--semi-blue-5), 1);
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
  --semi-color-nav-bg: #232429;
  --semi-shadow-elevated: inset 0 0 0 1px #ffffff1a, 0 4px 14px #00000040;
  --semi-color-overlay-bg: #16161a99;
  --semi-color-fill-0: rgba(var(--semi-white), .12);
  --semi-color-fill-1: rgba(var(--semi-white), .16);
  --semi-color-fill-2: rgba(var(--semi-white), .2);
  --semi-color-border: rgba(var(--semi-white), .08);
  --semi-color-shadow: rgba(var(--semi-black), .04);
  --semi-color-bg-0: #16161a;
  --semi-color-bg-1: #232429;
  --semi-color-bg-2: #35363c;
  --semi-color-bg-3: #43444a;
  --semi-color-bg-4: #4f5159;
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
  --semi-color-text-1: rgba(var(--semi-grey-9), .8);
  --semi-color-text-2: rgba(var(--semi-grey-9), .6);
  --semi-color-text-3: rgba(var(--semi-grey-9), .35);
  --semi-border-radius-extra-small: 3px;
  --semi-border-radius-small: 3px;
  --semi-border-radius-medium: 6px;
  --semi-border-radius-large: 12px;
  --semi-border-radius-circle: 50%;
  --semi-border-radius-full: 9999px;
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
  --semi-color-highlight: rgba(var(--semi-white), 1);
  --semi-color-data-0: #5e6dc2;
  --semi-color-data-1: #086878;
  --semi-color-data-2: #faad3f;
  --semi-color-data-3: #4c2b9c;
  --semi-color-data-4: #107df8;
  --semi-color-data-5: #f8ca10;
  --semi-color-data-6: #c31e57;
  --semi-color-data-7: #057773;
  --semi-color-data-8: #9acf0d;
  --semi-color-data-9: #751d8a;
  --semi-color-data-10: #10a2b4;
  --semi-color-data-11: #d06e0b;
  --semi-color-data-12: #7142c5;
  --semi-color-data-13: #0764d4;
  --semi-color-data-14: #fbe86e;
  --semi-color-data-15: #a01349;
  --semi-color-data-16: #0bb3a7;
  --semi-color-data-17: #628a06;
  --semi-color-data-18: #a230b3;
  --semi-color-data-19: #28338a;
  --semi-color-ai-general: var(--semi-ai-general-5);
  --semi-color-ai-general-hover: var(--semi-ai-general-6);
  --semi-color-ai-general-active: var(--semi-ai-general-7);
  --semi-color-ai-general-disabled: var(--semi-ai-general-2);
  --semi-color-ai-purple: rgba(var(--semi-ai-purple-5));
  --semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));
  --semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));
  --semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));
  --semi-color-ai-background-bottom: linear-gradient(201.15deg, #ffe28a33 6.58%, #e72dff33 50.4%, #0073ff33 94.23%);
  --semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, #ffe28a4d 6.58%, #e72dff4d 50.4%, #0073ff4d 94.23%);
  --semi-color-ai-background-bottom-active: linear-gradient(201.15deg, #ffe28a66 6.58%, #e72dff66 50.4%, #0073ff66 94.23%);
  --semi-color-ai-background-top: linear-gradient(201.15deg, #5338ff5c 6.58%, #b030f037 32.88%, #9a00ae1c 59.17%, #0000 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, #5338ff8a 6.58%, #b030f053 32.88%, #9a00ae29 59.17%, #0000 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, #5338ffb8 6.58%, #b030f06e 32.88%, #9a00ae37 59.17%, #0000 94.23%);
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.semi-light-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.semi-light-scrollbar *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.semi-light-scrollbar::-webkit-scrollbar-track {
  background: none;
}

.semi-light-scrollbar *::-webkit-scrollbar-track {
  background: none;
}

.semi-light-scrollbar::-webkit-scrollbar-corner {
  background-color: #0000;
}

.semi-light-scrollbar *::-webkit-scrollbar-corner {
  background-color: #0000;
}

.semi-light-scrollbar::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 6px;
  transition: all 1s;
}

.semi-light-scrollbar *::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 6px;
  transition: all 1s;
}

.semi-light-scrollbar:hover::-webkit-scrollbar-thumb {
  background: var(--semi-color-fill-2);
}

.semi-light-scrollbar :hover::-webkit-scrollbar-thumb {
  background: var(--semi-color-fill-2);
}

.semi-light-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--semi-color-fill-1);
}

.semi-light-scrollbar *::-webkit-scrollbar-thumb:hover {
  background: var(--semi-color-fill-1);
}

/* packages/checkout/src/style.css */
:root {
  --semi-color-primary: #287653;
  --semi-color-primary-hover: #205f44;
  --semi-color-primary-active: #164731;
  --semi-color-primary-light-default: #edf5ef;
  --semi-color-primary-light-hover: #e2eee5;
  color: #192e27;
  background: #f4f7f3;
  font-family: Microsoft YaHei, PingFang SC, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.checkout-shell {
  --semi-color-primary: #287653;
  --semi-color-primary-hover: #205f44;
  --semi-color-primary-active: #164731;
  --semi-color-primary-light-default: #edf5ef;
  --semi-color-primary-light-hover: #e2eee5;
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

.checkout-brand {
  display: flex;
  white-space: nowrap;
  background: #fff;
  border-bottom: 1px solid #e7ece8;
  align-items:  center;
  gap: 12px;
  height: 86px;
  padding: 0 max(24px, 50vw - 520px);
  font-size: 18px;
  font-weight: 700;
}

.checkout-brand img {
  object-fit: contain;
  width: 42px;
  height: 42px;
}

.checkout-brand small {
  display: block;
  letter-spacing: 3px;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 400;
}

.checkout-brand > span {
  color: #64786c;
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
}

.checkout-shell main {
  flex: 1;
  width: 100%;
  max-width: 520px;
  margin: 40px auto;
  padding: 0 20px;
}

.checkout-card.semi-card {
  background: #fff;
  border: 1px solid #dae4d6;
  border-radius: 20px;
  box-shadow: 0 12px 36px #153e2f06;
}

.checkout-card .semi-card-body {
  padding: 30px;
}

.checkout-kicker {
  display: flex;
  color: #64786c;
  justify-content: space-between;
  align-items:  center;
  margin-bottom: 20px;
  font-size: 12px;
}

.checkout-amount {
  letter-spacing: -1px;
  font-variant-numeric: tabular-nums;
  color: #153e2f;
  margin: 18px 0 12px;
  font-size: 48px;
  font-weight: 700;
}

.checkout-amount > span {
  margin-right: 6px;
  font-size: 25px;
}

.checkout-merchant {
  color: #64786c;
  display: flex;
  border-bottom: 1px solid #edf0eb;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 24px;
  font-size: 12px;
}

.checkout-merchant strong {
  color: #364f41;
  overflow-wrap: anywhere;
  text-align: right;
  font-weight: 400;
}

.checkout-qr {
  text-align: center;
  margin: 26px auto 12px;
}

.checkout-qr img {
  display: block;
  image-rendering: pixelated;
  border: 1px solid #e7ece8;
  border-radius: 8px;
  width: 224px;
  max-width: 100%;
  height: 224px;
  margin: auto;
  padding: 10px;
}

.checkout-qr p, .checkout-pay p, .checkout-expiry, .checkout-footnote {
  color: #64786c;
  font-size: 12px;
  line-height: 1.7;
}

.checkout-pay {
  margin-top: 28px;
}

.checkout-pay button {
  min-height: 48px;
}

.checkout-pay p {
  text-align: center;
}

.checkout-expiry {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.checkout-actions {
  text-align: center;
  margin: 15px 0;
}

.checkout-actions button {
  min-height: 44px;
}

.checkout-order {
  display: flex;
  color: #7d8a81;
  border-top: 1px solid #edf0eb;
  align-items:  center;
  gap: 14px;
  padding-top: 18px;
  font-size: 11px;
}

.checkout-order code {
  overflow-wrap: anywhere;
  margin-left: auto;
  font-size: 10px;
}

.checkout-footnote {
  text-align: center;
  margin: 20px 0;
}

.checkout-result {
  text-align: center;
  margin: 26px 0;
}

.checkout-result h2 {
  font-size: 19px;
}

.checkout-result p {
  color: #64786c;
  font-size: 13px;
  line-height: 1.8;
}

.checkout-check {
  color: #287653;
  background: #edf5ef;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: auto;
  font-size: 32px;
  line-height: 64px;
}

.checkout-shell footer {
  text-align: center;
  letter-spacing: 1px;
  color: #8a998e;
  padding: 20px 16px calc(20px + env(safe-area-inset-bottom));
  font-size: 11px;
}

.checkout-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 20px;
  min-height: 260px;
}

.checkout-card .semi-banner {
  margin-top: 16px;
}

button:focus-visible {
  outline: 3px solid #61a582;
  outline-offset: 3px;
}

@media (width <= 560px) {
  .checkout-brand {
    height: 72px;
    padding: 0 20px;
  }

  .checkout-brand img {
    width: 36px;
    height: 36px;
  }

  .checkout-shell main {
    margin: 22px auto;
    padding: 0 16px;
  }

  .checkout-card .semi-card-body {
    padding: 24px;
  }

  .checkout-amount {
    font-size: 44px;
  }

  .checkout-brand {
    font-size: 16px;
  }

  .checkout-card.semi-card {
    border-radius: 16px;
  }

  .checkout-merchant {
    padding-bottom: 20px;
  }
}