#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  z-index: 1031;
  background: #29d;
  width: 100%;
  height: 2px;
  position: fixed;
  top: 0;
  left: 0;
}

#nprogress .peg {
  opacity: 1;
  width: 100px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  transform: rotate(3deg) translate(0, -4px);
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
}

#nprogress .spinner {
  z-index: 1031;
  display: block;
  position: fixed;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  box-sizing: border-box;
  border: 2px solid #0000;
  border-color: #29d #0000 #0000 #29d;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .4s linear infinite nprogress-spinner;
}

.nprogress-custom-parent {
  position: relative;
  overflow: hidden;
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

:where(:root) {
  --rp-c-brand: #0095ff;
  --rp-c-brand-light: #33adff;
  --rp-c-brand-lighter: #c6e0fd;
  --rp-c-brand-dark: #07f;
  --rp-c-brand-darker: #005fcc;
  --rp-c-brand-tint: #7fa3ff29;
}

:where(html:not(.rp-dark)) {
  --shiki-foreground: inherit;
  --shiki-background: transparent;
  --shiki-token-constant: #1976d2;
  --shiki-token-string: #31a94d;
  --shiki-token-comment: #b6b4b4;
  --shiki-token-keyword: #cf2727;
  --shiki-token-parameter: #f59403;
  --shiki-token-function: #7041c8;
  --shiki-token-string-expression: #218438;
  --shiki-token-punctuation: #242323;
  --shiki-token-link: #22863a;
  --shiki-token-deleted: #d32828;
  --shiki-token-inserted: #22863a;
}

:where(html.rp-dark) {
  --shiki-foreground: inherit;
  --shiki-background: transparent;
  --shiki-token-constant: #6fb0fa;
  --shiki-token-string: #f9a86e;
  --shiki-token-comment: #6a727b;
  --shiki-token-keyword: #f47481;
  --shiki-token-parameter: #ff9800;
  --shiki-token-function: #ae8eeb;
  --shiki-token-string-expression: #4fb74d;
  --shiki-token-punctuation: #bbb;
  --shiki-token-link: #f9a76d;
  --shiki-token-deleted: #ee6d7a;
  --shiki-token-inserted: #36c47f;
}

:where(html:not(.rp-dark)) {
  --rp-code-font-size: .875rem;
  --rp-code-title-bg: #f8f8f9;
  --rp-code-block-color: #2e3440;
  --rp-code-block-bg: var(--rp-c-bg);
  --rp-code-block-border: 1px solid var(--rp-c-divider-light);
  --rp-code-block-shadow: none;
}

:where(html.rp-dark) {
  --rp-code-font-size: .875rem;
  --rp-code-title-bg: #191919;
  --rp-code-block-color: #e5e7eb;
  --rp-code-block-bg: var(--rp-c-bg);
  --rp-code-block-border: 1px solid var(--rp-c-divider-light);
  --rp-code-block-shadow: none;
}

:where(html:not(.rp-dark)) {
  --rp-home-hero-secondary-color: #a673ff;
  --rp-home-hero-title-color: transparent;
  --rp-home-hero-title-bg: linear-gradient(90deg,
    var(--rp-c-brand-dark) 0%,
    var(--rp-c-brand-dark) 30%,
    var(--rp-home-hero-secondary-color) 100%);
  --rp-home-background-bg: radial-gradient(42.12% 56.13% at 100% 0%,
      #537dff1a 0%,
      #fff0 100%),
    radial-gradient(42.01% 79.63% at 52.86% 0%,
      #537dff33 0%,
      #fff0 100%),
    radial-gradient(79.67% 58.09% at 0% 0%,
      #7e69ff33 0%,
      #fff0 100%),
    #fff;
  --rp-home-feature-bg: linear-gradient(135deg, #fff, #f9f9f980);
}

:where(html.rp-dark) {
  --rp-home-hero-secondary-color: #a673ff;
  --rp-home-hero-title-color: transparent;
  --rp-home-hero-title-bg: linear-gradient(90deg,
    var(--rp-c-brand-dark) 0%,
    var(--rp-c-brand-dark) 30%,
    var(--rp-home-hero-secondary-color) 100%);
  --rp-home-background-bg: radial-gradient(42.12% 56.13% at 100% 0%,
      #0c1d48 0%,
      #12121200 100%),
    radial-gradient(55.81% 87.78% at 48.37% 0%,
      #000 0%,
      #12121200 89.55%),
    radial-gradient(122.65% 88.24% at 0% 0%,
      #34268a 0%,
      #12121200 100%),
    #121212;
  --rp-home-feature-bg: linear-gradient(135deg, #fff0, #ffffff08);
}

:where(html:not(.rp-dark)) {
  --rp-c-bg: #fff;
  --rp-c-bg-soft: #f8f8f9;
  --rp-c-bg-mute: #f1f1f1;
  --rp-c-bg-alt: #fff;
  --rp-c-divider: #00000040;
  --rp-c-divider-light: #0000001f;
  --rp-c-text-0: #000;
  --rp-c-text-1: #242424;
  --rp-c-text-2: #000000b3;
  --rp-c-text-3: #3c3c3c54;
  --rp-c-text-4: #3c3c3c2e;
  --rp-c-text-code: #476582;
  --rp-c-text-code-bg: #99a1b314;
  --rp-c-text-code-border: #0000000d;
  --rp-c-link: var(--rp-c-brand-dark);
}

:where(html.rp-dark) {
  --rp-c-bg: #121212;
  --rp-c-bg-soft: #292e37;
  --rp-c-bg-mute: #343a46;
  --rp-c-bg-alt: #000;
  --rp-c-divider: #545454a6;
  --rp-c-divider-light: #5454547a;
  --rp-c-text-0: #fff;
  --rp-c-text-1: #fffff5ed;
  --rp-c-text-2: #fffff5a6;
  --rp-c-text-3: #ebebeb61;
  --rp-c-text-4: #ebebeb2e;
  --rp-c-text-code: #c9def1;
  --rp-c-text-code-bg: #ffffff14;
  --rp-c-text-code-border: #ffffff0d;
  --rp-c-link: var(--rp-c-brand-light);
}

:where(:root) {
  --rp-c-gray: #8e8e8e;
  --rp-c-gray-light-1: #aeaeae;
  --rp-c-gray-light-2: #c7c7c7;
  --rp-c-gray-light-3: #d1d1d1;
  --rp-c-gray-light-4: #e5e5e5;
  --rp-c-gray-light-5: #f2f2f2;
  --rp-shadow-1: 0 1px 2px #00000005, 0 1px 0 #0000000f;
  --rp-shadow-2: 0 3px 12px #0000000f, 0 1px 4px #00000012;
  --rp-shadow-3: 0 12px 32px #0000001a, 0 2px 6px #00000014;
  --rp-shadow-4: 0 14px 44px #0000001f, 0 3px 9px #0000001f;
  --rp-shadow-5: 0 18px 56px #00000029, 0 4px 12px #00000029;
  --rp-radius: 1rem;
  --rp-radius-small: .5rem;
  --rp-radius-large: 1.5rem;
}

@layer rp-base {
*, :before, :after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-size: 1em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

}
@layer rp-base {
  h1, h2, h3, h4, h5, h6, li, p {
    overflow-wrap: break-word;
  }

  button:focus, button:focus-visible {
    outline: none;
  }
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--rp-banner-height, 0px) + var(--rp-nav-height) +
      var(--rp-sidebar-menu-height));
  font-size: 16px;
  line-height: 1.7;
}

html.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

body {
  width: 100%;
  min-width: 320px;
  font-family: var(--rp-font-family-base);
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-bg);
  font-synthesis: style;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: ltr;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

:root {
  --rp-font-family-base: "Inter var experimental", "Inter var", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --rp-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;
  text-autospace: normal;
}

pre, code, kbd, samp {
  text-autospace: no-autospace;
}

:root #nprogress .bar {
  background: var(--rp-c-brand);
}

.rp-scrollbar {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #0000000d #0000;
}

.rp-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.rp-scrollbar::-webkit-scrollbar-track {
  background: none;
}

.rp-scrollbar::-webkit-scrollbar-thumb {
  background: #0000000d;
  border-radius: 4px;
  transition: background .2s;
}

.rp-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #0000001a;
}

.rp-scrollbar::-webkit-scrollbar-corner {
  background: none;
}

.rp-dark .rp-scrollbar {
  scrollbar-color: #ffffff1a #0000;
}

.rp-dark .rp-scrollbar::-webkit-scrollbar-thumb {
  background: #ffffff1a;
}

.rp-dark .rp-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #fff3;
}

.rp-scrollbar--always {
  scrollbar-gutter: stable;
  scrollbar-width: unset;
  scrollbar-color: unset;
}

.shiki span.line {
  padding: 0 1.25rem;
  display: inline-block;
}

.code-line-highlighted {
  background-color: var(--rp-code-line-highlight-color);
}

.diff, .code-line-highlighted {
  width: 100%;
  padding: 0 20px;
  transition: background-color .5s;
  display: inline-block;
  position: relative;
}

.diff.add:after {
  content: "+";
  color: #4fb74d;
  position: absolute;
  top: 0;
  left: 10px;
}

.diff.remove:after {
  content: "-";
  color: #f47481;
  position: absolute;
  top: 0;
  left: 10px;
}

.shiki.has-diff code .diff.add {
  background-color: #10b9811a;
  padding: 0 20px 0 19px;
}

.shiki.has-diff code .diff.remove {
  background-color: #f43f5e1a;
  padding: 0 20px 0 19px;
}

.shiki.has-highlighted .line.highlighted {
  width: 100%;
  display: inline-block;
  position: static;
}

.shiki.has-highlighted .line.highlighted:not(.error):not(.warning) {
  background-color: #3b82f61a;
  box-shadow: inset 2px 0 #3b82f6;
}

.shiki.has-highlighted .line.highlighted.error {
  background-color: #ed3c501a;
  box-shadow: inset 2px 0 #ed3c50;
}

.shiki.has-highlighted .line.highlighted.warning {
  background-color: #ffc5171a;
  box-shadow: inset 2px 0 #ffc517;
}

.shiki.has-focused .line:not(.focused) {
  filter: blur(.095rem);
  opacity: .4;
  transition: filter .35s, opacity .35s;
}

.shiki.has-focused:hover .line:not(.focused) {
  filter: blur();
  opacity: 1;
}

@font-face {
  font-family: TikTokSans;
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/static/font/TikTokSans[opsz,slnt,wdth,wght].1928dd9035.woff2) format("woff2");
}

@font-face {
  font-family: TikTokSans;
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
  src: url(/static/font/TikTokSans[opsz,slnt,wdth,wght].1928dd9035.woff2) format("woff2");
}

:root {
  --rp-font-family-base: "TikTokSans", Inter, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rp-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --rp-c-brand: #fe2c55;
  --rp-c-brand-light: #ff5d40;
  --rp-c-brand-lighter: #ff8d78;
  --rp-c-brand-dark: #fe2c55;
  --rp-c-brand-darker: #da1339;
  --rp-c-brand-tint: #fe2c5533;
  --rp-c-link: #ff6b78;
  --rp-shadow-1: 0 8px 24px #00000040;
  --rp-shadow-2: 0 16px 40px #0000004d;
  --rp-shadow-3: 0 24px 56px #00000059;
  --rp-radius: 20px;
  --rp-radius-small: 12px;
  --rp-radius-large: 32px;
  --rp-home-hero-secondary-color: #28f4eb;
  --rp-home-hero-title-color: #fbfff4;
  --rp-home-hero-title-bg: none;
  --rp-home-background-bg: #050505;
  --rp-home-feature-bg: linear-gradient(180deg,
    #ffffff24 0%,
    #ffffff0f 100%);
  --rp-container-tip-border: #28f4eb73;
  --rp-container-tip-bg: #28f4eb1f;
  --rp-container-tip-text: #e8fffef2;
  --rp-container-info-border: #537dff73;
  --rp-container-info-bg: #537dff24;
  --rp-container-info-text: #dfeafff5;
  --rp-container-warning-border: #ffc51773;
  --rp-container-warning-bg: #ffc5171f;
  --rp-container-warning-text: #ffefc6f2;
  --rp-container-danger-border: #fe2c5573;
  --rp-container-danger-bg: #fe2c551f;
  --rp-container-danger-text: #ffdde4f2;
}

html {
  --rp-c-bg: #050505;
  --rp-c-bg-soft: #171a20;
  --rp-c-bg-mute: #1f232b;
  --rp-c-bg-alt: #0b0c10;
  --rp-c-divider: #fff3;
  --rp-c-divider-light: #ffffff1f;
  --rp-c-text-0: #fff;
  --rp-c-text-1: #fffffff0;
  --rp-c-text-2: #ffffffb8;
  --rp-c-text-3: #ffffff85;
  --rp-c-text-4: #ffffff57;
  --rp-c-text-code: #d7ecfff2;
  --rp-c-text-code-bg: #ffffff14;
  --rp-c-text-code-border: #ffffff24;
}

html:not(.dark) {
  --rp-c-bg: #fff;
  --rp-c-bg-soft: #f5f5f7;
  --rp-c-bg-mute: #ebebef;
  --rp-c-bg-alt: #fafafa;
  --rp-c-divider: #0000001f;
  --rp-c-divider-light: #00000014;
  --rp-c-text-0: #1a1a1a;
  --rp-c-text-1: #000000e0;
  --rp-c-text-2: #0000009e;
  --rp-c-text-3: #00000070;
  --rp-c-text-4: #00000047;
  --rp-c-text-code: #1a3a5c;
  --rp-c-text-code-bg: #0000000d;
  --rp-c-text-code-border: #0000001a;
  --rp-c-link: #fe2c55;
  --rp-home-background-bg: #fff;
  --rp-home-hero-title-color: #000;
  --rp-home-hero-title-bg: none;
  --rp-home-feature-bg: linear-gradient(180deg,
    #0000000a 0%,
    #00000003 100%);
  --rp-shadow-1: 0 4px 16px #0000000f;
  --rp-shadow-2: 0 8px 24px #00000014;
  --rp-shadow-3: 0 12px 32px #0000001a;
  --rp-container-tip-border: #28c8c866;
  --rp-container-tip-bg: #28c8c814;
  --rp-container-tip-text: #1a5c5a;
  --rp-container-info-border: #537dff59;
  --rp-container-info-bg: #537dff14;
  --rp-container-info-text: #2a4080;
  --rp-container-warning-border: #c8a00066;
  --rp-container-warning-bg: #c8a00014;
  --rp-container-warning-text: #6b5a00;
  --rp-container-danger-border: #fe2c5559;
  --rp-container-danger-bg: #fe2c5514;
  --rp-container-danger-text: #9a1030;
}

html, body, #root, .rp-nav, .rp-doc, .rp-doc-layout, .rp-home-hero, .rp-home-feature, button, input, textarea, select {
  font-family: var(--rp-font-family-base);
}

code, pre, kbd, samp {
  font-family: var(--rp-font-family-mono);
}

html, body, #root {
  background: var(--rp-c-bg);
  color: var(--rp-c-text-1);
}

body {
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin: 0;
}

.rp-home-background {
  isolation: isolate;
  filter: none;
  background: var(--rp-home-background-bg) !important;
}

.rp-home-background > * {
  z-index: 2;
  position: relative;
}

.rp-home-background:before, .rp-home-background:after {
  display: none !important;
}

.spk-video-bg-wrap {
  z-index: 0;
  pointer-events: none;
  width: 70%;
  max-width: 1200px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.spk-video-bg {
  opacity: .75;
  width: 100%;
  height: auto;
  display: block;
  -webkit-mask-image: radial-gradient(50% 50%, #000 30%, #0000 100%);
  mask-image: radial-gradient(50% 50%, #000 30%, #0000 100%);
}

.rp-home-hero {
  max-width: 1280px;
  margin: 5rem auto 0;
  padding: 32px 32px 20px;
}

.rp-home-hero__container {
  gap: 40px;
  max-width: 960px;
  margin: 0 auto;
}

.rp-home-hero__title, .rp-home-hero__subtitle {
  letter-spacing: -.03em;
  margin: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  -webkit-text-fill-color: currentColor !important;
  color: var(--rp-home-hero-title-color) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.rp-home-hero__title-brand {
  align-items: center;
  gap: 9px;
  max-width: max-content;
  background: #ffffff1f !important;
  letter-spacing: 0 !important;
  color: #ffffffd9 !important;
  -webkit-text-fill-color: #ffffffd9 !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 24px !important;
  width: auto !important;
  padding: 6px 20px 6px 16px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  display: inline-flex !important;
}

span.rp-home-hero__title-brand {
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

.rp-home-hero__title-brand:before {
  content: "";
  background: url(/static/image/sparkling_logo_144.a6babfabfe.png) center / contain no-repeat;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.rp-home-hero__tagline {
  color: #ffffffd9;
  max-width: 840px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.spk-home-version {
  -webkit-backdrop-filter: blur(22px);
  color: #ffffffd9;
  letter-spacing: .01em;
  background: linear-gradient(#ffffff24 0%, #ffffff0f 100%);
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: .9rem;
  font-weight: 400;
  display: inline-flex;
}

.rp-home-hero__actions {
  align-items: center;
  gap: 16px;
  margin-top: 28px;
}

.rp-home-hero__action .rp-button, .rp-button.rp-button--big {
  border-radius: 100px;
  min-width: 200px;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
}

.rp-button.rp-button--brand {
  color: #fff;
  background: #fe2c55;
  border: none;
  border-radius: 100px;
  box-shadow: 0 1.5px 3.9px #00000026;
}

.rp-button.rp-button--brand:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #fe2c5559;
}

.rp-button.rp-button--alt {
  color: #ffffffeb;
  -webkit-backdrop-filter: blur(10px);
  background: #ffffff1f;
  border: 1px solid #ffffff14;
  border-radius: 32px;
}

.rp-button.rp-button--alt:hover {
  opacity: 1;
  color: #fff;
  background: #ffffff2e;
}

.spk-home-install {
  width: 100%;
  max-width: 860px;
  margin-top: 12px;
}

.spk-home-install__label {
  color: var(--rp-c-text-3);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: .78rem;
  font-weight: 600;
}

.spk-home-install .rp-tabs {
  border: 1px solid #ffffff1f;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 12px 30px #00000042;
}

.spk-home-install .rp-tabs__label {
  background: #ffffff05;
  border-bottom: 1px solid #ffffff1a;
}

.spk-home-install .rp-tabs__label__item {
  color: var(--rp-c-text-2);
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 500;
}

.spk-home-install .rp-tabs__label__item--selected {
  color: var(--rp-c-text-0);
  box-shadow: none;
  background: #ffffff1a;
}

.spk-home-install .rp-codeblock {
  box-shadow: none;
  border: 0;
  margin: 0;
}

.rp-home-feature {
  --rp-home-feature-gap: 20px;
  max-width: 1280px;
  margin-bottom: 0;
  padding: 12px 32px 84px;
}

html .rp-home-feature__card {
  min-height: 210px;
  box-shadow: none;
  background: #0f0f0f;
  border: 1px solid #ffffff14;
  border-top: none;
  border-radius: 16px;
  padding: 32px;
  transition: transform .25s, box-shadow .25s;
  position: relative;
}

html .rp-home-feature__card:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #fe2c5500 0%, #fe2c5599 50%, #fe2c5500 100%);
  border-radius: 16px 16px 0 0;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

html .rp-home-feature__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #0000004d;
}

html .rp-home-feature__title-wrapper {
  gap: 32px;
}

html .rp-home-feature__icon {
  background: none;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  font-size: 1.75rem;
  display: flex;
}

html .rp-home-feature__icon img, html .rp-home-feature__icon svg, html .rp-home-feature__icon span svg {
  object-fit: contain;
  width: 32px;
  height: 32px;
  display: block;
}

html .rp-home-feature__title {
  color: #fff;
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

html .rp-home-feature__detail {
  color: #ffffffa6;
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

.rp-home-footer {
  background: #090a0deb;
  border-top: 1px solid #ffffff1a;
  margin-top: 0;
  padding: 32px 24px;
}

.rp-home-footer__message {
  color: var(--rp-c-text-3);
  letter-spacing: .03em;
  font-size: .9rem;
}

html:not(.dark) .rp-home-background:before, html:not(.dark) .rp-home-background:after {
  display: none;
}

html:not(.dark) .spk-video-bg {
  opacity: .25;
}

html:not(.dark) .rp-home-hero__tagline {
  color: #000000d9;
}

html:not(.dark) .rp-home-hero__title-brand {
  color: #000000d9 !important;
  -webkit-text-fill-color: #000000d9 !important;
  background: #ffffff1f !important;
  border: 1px solid #00000014 !important;
}

html:not(.dark) .rp-home-hero__title-brand:before {
  background-image: url(/static/image/sparkling_logo_144_light.9d9339f71c.png);
}

html:not(.dark) .spk-home-version {
  color: #000000b3;
  background: linear-gradient(#0000000a 0%, #00000005 100%);
  border: 1px solid #0000001a;
}

html:not(.dark) .rp-button.rp-button--brand {
  color: #fff;
  background: #e10543;
  box-shadow: 0 1.5px 3.9px #00000026;
}

html:not(.dark) .rp-button.rp-button--alt {
  color: #000;
  -webkit-backdrop-filter: none;
  background: #f3f3f3;
  border: 1px solid #00000014;
  border-radius: 48px;
}

html:not(.dark) .rp-button.rp-button--alt:hover {
  color: #000;
  background: #e8e8e8;
}

html:not(.dark) .spk-home-install__label {
  color: #00000070;
}

html:not(.dark) .spk-home-install .rp-tabs {
  border: 1px solid #00000014;
  box-shadow: 0 4px 16px #0000000f;
}

html:not(.dark) .spk-home-install .rp-tabs__label {
  background: #00000005;
  border-bottom: 1px solid #0000000f;
}

html:not(.dark) .spk-home-install .rp-tabs__label__item {
  color: #00000080;
}

html:not(.dark) .spk-home-install .rp-tabs__label__item--selected {
  color: #1a1a1a;
  background: #0000000f;
}

html:not(.dark) .rp-home-feature__card {
  box-shadow: none;
  background: #f8f8f8;
  border: 1px solid #0000000f;
  border-top: none;
}

html:not(.dark) .rp-home-feature__card:before {
  background: linear-gradient(90deg, #fe2c5500 0%, #fe2c5573 50%, #fe2c5500 100%);
}

html:not(.dark) .rp-home-feature__card:hover {
  box-shadow: 0 6px 20px #0000000f;
}

html:not(.dark) .rp-home-feature__icon {
  background: none;
  border: none;
}

html:not(.dark) .rp-home-feature__title {
  color: #000;
}

html:not(.dark) .rp-home-feature__detail {
  color: #000000b3;
}

html:not(.dark) .rp-home-footer {
  background: #fafafaf2;
  border-top: 1px solid #0000000f;
}

@media (max-width: 1280px) {
  .rp-home-hero {
    margin-top: 3.2rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .rp-home-feature {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 768px) {
  .rp-home-background {
    height: 980px;
  }

  .spk-video-bg-wrap {
    width: 100%;
    top: 60px;
  }

  .rp-home-hero {
    margin-top: 1.6rem;
  }

  .rp-home-hero__title, .rp-home-hero__subtitle {
    font-size: 36px;
    line-height: 42px;
  }

  .rp-home-hero__container {
    gap: 24px;
  }

  .rp-home-hero__tagline {
    font-size: 16px;
    line-height: 24px;
  }

  .rp-home-hero__actions {
    gap: 12px;
    width: 100%;
    margin-top: 16px;
  }

  .rp-home-hero__action .rp-button, .rp-button.rp-button--big {
    width: 100%;
    min-width: 0;
    height: 48px;
  }

  .spk-home-install {
    margin-top: 8px;
  }

  .spk-home-install__label {
    text-align: left;
  }

  .spk-home-install .rp-tabs__label {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .spk-home-install .rp-tabs__label__item {
    flex: none;
  }

  .rp-home-feature {
    --rp-home-feature-gap: 16px;
    padding-bottom: 44px;
  }

  html .rp-home-feature__card {
    border-radius: 12px;
    min-height: 0;
    padding: 22px 20px;
  }

  html .rp-home-feature__title-wrapper {
    gap: 16px;
  }

  html .rp-home-feature__icon {
    border-radius: 0;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    font-size: 1.4rem;
  }

  html .rp-home-feature__icon img, html .rp-home-feature__icon svg, html .rp-home-feature__icon span svg {
    width: 28px;
    height: 28px;
  }
}

.rp-badge {
  border-radius: var(--rp-radius-small);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  height: 1.5rem;
  padding: .5rem;
  font-size: .75rem;
  font-weight: 500;
  transition: color .25s;
  display: inline-flex;
}

.rp-badge--tip {
  color: var(--rp-container-tip-text);
  background-color: var(--rp-container-tip-bg);
}

.rp-badge--info {
  color: var(--rp-container-info-text);
  background-color: var(--rp-container-info-bg);
}

.rp-badge--warning {
  color: var(--rp-container-warning-text);
  background-color: var(--rp-container-warning-bg);
}

.rp-badge--danger {
  color: var(--rp-container-danger-text);
  background-color: var(--rp-container-danger-bg);
}

.rp-badge--outline {
  border: 1px solid;
}

.rp-badge--outline.rp-badge--tip {
  border-color: var(--rp-container-tip-border);
}

.rp-badge--outline.rp-badge--info {
  border-color: var(--rp-container-info-border);
}

.rp-badge--outline.rp-badge--warning {
  border-color: var(--rp-container-warning-border);
}

.rp-badge--outline.rp-badge--danger {
  border-color: var(--rp-container-danger-border);
}

.rp-button {
  box-sizing: border-box;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-weight: 700;
  transition: color .1s, border-color .1s, background-color .1s;
  display: inline-flex;
}

.rp-button--medium {
  border-radius: var(--rp-radius);
  height: 38px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 38px;
}

.rp-button--big {
  border-radius: var(--rp-radius-large);
  min-width: 142px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .rp-button--big {
    min-width: 100px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
  }
}

.rp-button--brand {
  opacity: 1;
  color: #fff;
  background: var(--rp-home-hero-title-bg);
  transition: all .3s;
}

.rp-button--brand:hover {
  opacity: .8;
}

.rp-button--alt {
  border: 1px solid var(--rp-c-gray-light-3);
  color: var(--rp-c-text-0);
  background-color: var(--rp-c-bg);
  transition: all .3s;
}

.dark .rp-button--alt {
  background-color: var(--rp-c-bg-mute);
  color: var(--rp-c-text-1);
  border-color: #484848;
}

.rp-button--alt:hover {
  opacity: .8;
  background-color: var(--rp-c-bg-mute);
}

:root {
  --rp-container-note-border: var(--rp-c-divider-light);
  --rp-container-note-text: var(--rp-c-text-1);
  --rp-container-note-bg: var(--rp-c-bg-soft);
  --rp-container-note-code-bg: #8080801a;
  --rp-container-note-link: var(--rp-c-link);
  --rp-container-tip-border: #079c7033;
  --rp-container-tip-text: #008555;
  --rp-container-tip-bg: #f2f9f7;
  --rp-container-tip-code-bg: #079c701a;
  --rp-container-info-border: #0095ff33;
  --rp-container-info-text: #07f;
  --rp-container-info-bg: #0095ff0f;
  --rp-container-info-code-bg: #0095ff1a;
  --rp-container-warning-border: #ffc51766;
  --rp-container-warning-text: #887233;
  --rp-container-warning-bg: #ffc5171a;
  --rp-container-warning-code-bg: #ffc5171a;
  --rp-container-danger-border: #ed3c5033;
  --rp-container-danger-text: #ab2131;
  --rp-container-danger-bg: #ed3c5014;
  --rp-container-danger-code-bg: #ed3c501a;
  --rp-container-details-border: var(--rp-c-divider-light);
  --rp-container-details-text: var(--rp-c-text-1);
  --rp-container-details-bg: var(--rp-c-bg-soft);
  --rp-container-details-code-bg: #8080801a;
  --rp-code-title-bg-with-opacity: color-mix(in srgb, var(--rp-code-title-bg) 70%, transparent);
  --rp-code-block-bg-with-opacity: color-mix(in srgb, var(--rp-code-block-bg) 70%, transparent);
}

.dark {
  --rp-container-tip-text: #3ec480;
  --rp-container-tip-bg: #079c701a;
  --rp-container-info-text: #66c2ff;
  --rp-container-info-bg: #0095ff1a;
  --rp-container-warning-text: #fbb451;
  --rp-container-warning-border: #ffc51740;
  --rp-container-warning-bg: #ffc5171f;
  --rp-container-danger-text: #f76e85;
  --rp-container-danger-border: #ed3c504d;
  --rp-container-danger-bg: #ed3c501f;
}

.rp-callout {
  border-radius: var(--rp-radius);
  border: 1px solid #0000;
  margin: 24px 0;
  padding: 20px 24px 12px;
}

.rp-callout__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}

.rp-callout__title:before {
  content: "";
  border-radius: 0 20px 20px 0;
  width: 4px;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -24px;
}

.rp-callout__content {
  font-size: 14px;
  font-weight: 400;
}

.rp-callout__content p {
  margin: 8px 0;
}

.rp-callout__content .rp-codeblock__title {
  background-color: var(--rp-code-title-bg-with-opacity);
}

.rp-callout__content .rp-codeblock__content {
  background-color: var(--rp-code-block-bg-with-opacity);
}

.rp-callout__content a {
  border-bottom: 1px solid;
}

.rp-callout--note {
  border-color: var(--rp-container-note-border);
  background-color: var(--rp-container-note-bg);
}

.rp-callout--note .rp-callout__title {
  color: var(--rp-container-note-text);
}

.rp-callout--note .rp-callout__title:before {
  background-color: var(--rp-container-note-text);
}

.rp-callout--note :not(pre) > code {
  color: var(--rp-container-note-text);
  background-color: var(--rp-container-note-code-bg);
}

.rp-callout--note a {
  color: var(--rp-container-note-text);
}

.rp-callout--tip {
  border-color: var(--rp-container-tip-border);
  background-color: var(--rp-container-tip-bg);
}

.rp-callout--tip .rp-callout__title {
  color: var(--rp-container-tip-text);
}

.rp-callout--tip .rp-callout__title:before {
  background-color: var(--rp-container-tip-text);
}

.rp-callout--tip :not(pre) > code {
  color: var(--rp-container-tip-text);
  background-color: var(--rp-container-tip-code-bg);
}

.rp-callout--tip a {
  color: var(--rp-container-tip-text);
}

.rp-callout--info {
  border-color: var(--rp-container-info-border);
  background-color: var(--rp-container-info-bg);
}

.rp-callout--info .rp-callout__title {
  color: var(--rp-container-info-text);
}

.rp-callout--info .rp-callout__title:before {
  background-color: var(--rp-container-info-text);
}

.rp-callout--info :not(pre) > code {
  color: var(--rp-container-info-text);
  background-color: var(--rp-container-info-code-bg);
}

.rp-callout--info a {
  color: var(--rp-container-info-text);
}

.rp-callout--warning {
  border-color: var(--rp-container-warning-border);
  background-color: var(--rp-container-warning-bg);
}

.rp-callout--warning .rp-callout__title {
  color: var(--rp-container-warning-text);
}

.rp-callout--warning .rp-callout__title:before {
  background-color: var(--rp-container-warning-text);
}

.rp-callout--warning :not(pre) > code {
  color: var(--rp-container-warning-text);
  background-color: var(--rp-container-warning-code-bg);
}

.rp-callout--warning a {
  color: var(--rp-container-warning-text);
}

.rp-callout--caution, .rp-callout--danger {
  border-color: var(--rp-container-danger-border);
  background-color: var(--rp-container-danger-bg);
}

.rp-callout--caution .rp-callout__title, .rp-callout--danger .rp-callout__title {
  color: var(--rp-container-danger-text);
}

.rp-callout--caution .rp-callout__title:before, .rp-callout--danger .rp-callout__title:before {
  background-color: var(--rp-container-danger-text);
}

.rp-callout--caution :not(pre) > code, .rp-callout--danger :not(pre) > code {
  color: var(--rp-container-danger-text);
  background-color: var(--rp-container-danger-code-bg);
}

.rp-callout--caution a, .rp-callout--danger a {
  color: var(--rp-container-danger-text);
}

.rp-callout--details {
  border-color: var(--rp-container-details-border);
  background-color: var(--rp-container-details-bg);
}

.rp-callout--details .rp-callout__title {
  color: var(--rp-container-details-text);
}

.rp-callout--details .rp-callout__title:before {
  background-color: var(--rp-container-details-text);
}

.rp-callout--details :not(pre) > code {
  color: var(--rp-container-details-text);
  background-color: var(--rp-container-details-code-bg);
}

.rp-callout--details a {
  color: var(--rp-container-details-text);
}

details.rp-callout {
  font-size: normal;
  cursor: pointer;
  margin: 24px 0;
  padding: 20px 24px 12px;
  transition: background-color .3s;
}

details.rp-callout:hover {
  background-color: var(--rp-c-bg-mute);
}

.rp-codeblock {
  border: var(--rp-code-block-border);
  box-shadow: var(--rp-code-block-shadow);
  border-radius: var(--rp-radius);
  margin: 1rem 0;
  transition: none;
  position: relative;
  overflow-x: auto;
}

@media (max-width: 640px) {
  .rp-codeblock {
    contain: content;
    margin: 1.5rem 0;
  }
}

.rp-codeblock__title {
  font-family: var(--rp-font-family-mono);
  font-size: var(--rp-code-font-size);
  background-color: var(--rp-code-title-bg);
  border-bottom: var(--rp-code-block-border);
  padding: .75rem 1rem;
}

.rp-codeblock__content {
  color: var(--rp-code-block-color);
  background-color: var(--rp-code-block-bg);
  position: relative;
}

.rp-codeblock__content__scroll-container {
  overflow-x: auto;
}

.rp-codeblock__content :where(pre) {
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  z-index: 1;
  background: none;
  outline: none;
  margin: 0;
  position: relative;
}

.rp-codeblock__content :where(code) {
  font-size: var(--rp-code-font-size);
  font-family: var(--rp-font-family-mono);
  width: fit-content;
  min-width: 100%;
  padding: 1rem 0;
  line-height: 1.7;
  display: inline-block;
}

.rp-codeblock__content--wrap-code code {
  white-space: pre-wrap !important;
  word-break: break-all !important;
}

.rp-codeblock__content--line-numbers code {
  counter-reset: step;
  counter-increment: step 0;
}

.rp-codeblock__content--line-numbers code .line:before {
  content: counter(step);
  counter-increment: step;
  text-align: right;
  color: #738a9466;
  width: 2ch;
  margin-right: 1rem;
  display: inline-block;
}

.rp-codeblock__content--line-numbers code:has(.line:nth-child(100)) .line:before {
  width: 3ch;
}

.rp-codeblock__content--scroll {
  overflow-y: auto;
}

.rp-codeblock__content--fold {
  position: relative;
  overflow: hidden;
}

.rp-codeblock__content--fold:after {
  content: "";
  background: linear-gradient(to bottom, transparent, var(--rp-code-block-bg));
  pointer-events: none;
  z-index: 2;
  height: 48px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.rp-codeblock__fold-btn {
  background-color: var(--rp-code-block-bg);
  width: 100%;
  color: var(--rp-c-text-3);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 0 0 var(--rp-radius) var(--rp-radius);
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px 0;
  transition: color .2s, background-color .2s;
  display: flex;
}

.rp-codeblock__fold-btn:hover {
  color: var(--rp-c-text-1);
  background-color: var(--rp-code-title-bg);
}

.rp-codeblock__fold-btn__icon {
  width: 18px;
  height: 18px;
  transition: transform .3s;
}

.rp-codeblock__fold-btn--expanded .rp-codeblock__fold-btn__icon {
  transform: rotate(180deg);
}

:root {
  --rp-code-button-group-z-index: 10;
}

.rp-codeblock__content:hover .rp-code-button-group__button {
  opacity: 1;
}

.rp-code-button-group {
  z-index: var(--rp-code-button-group-z-index);
  gap: 10px;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.rp-code-button-group__button {
  opacity: 0;
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  transition: opacity .2s ease-out;
  display: flex;
  position: relative;
}

.rp-code-button-group__icon {
  opacity: inherit;
  width: 20px;
  height: 20px;
  color: var(--rp-c-text-3);
  transition: all .2s;
}

.rp-code-button-group__icon:hover {
  color: var(--rp-c-text-2);
}

.rp-code-button-group__icon--wrap {
  opacity: 1;
  transform: scale(1);
}

.rp-code-button-group__icon--wrapped {
  opacity: 0;
  color: #10b981;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.rp-code-wrap-button--wrapped .rp-code-button-group__icon--wrap {
  opacity: 0;
  transform: scale(.33);
}

.rp-code-wrap-button--wrapped .rp-code-button-group__icon--wrapped {
  opacity: 1;
  transition-delay: 75ms;
  transform: translate(-50%, -50%) scale(1);
}

.rp-code-copy-button {
  position: relative;
}

.rp-code-copy-button__icon--success {
  opacity: 0;
  color: #10b981;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.rp-code-copy-button--copied .rp-code-copy-button__icon--copy {
  opacity: 0;
  transform: scale(.33);
}

.rp-code-copy-button--copied .rp-code-copy-button__icon--success {
  opacity: 1;
  transition-delay: 75ms;
  transform: translate(-50%, -50%) scale(1);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(p):not(:where(li p)) {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.75rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(strong, b) {
  font-weight: 600;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(hr) {
  border-color: var(--rp-c-divider-light);
  border-top-width: 1px;
  margin: 3rem 0;
  display: block;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor)) {
  color: var(--rp-c-link);
  overflow-wrap: break-word;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
  display: inline;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor)):hover {
  opacity: .85;
  border-bottom: 1px solid;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor))[target="_blank"]:after {
  content: "↗";
  margin-left: .2em;
  margin-right: .1em;
  font-size: .7em;
  font-weight: 700;
  transition: transform .2s;
  display: inline-block;
  transform: translate(0, -.3em);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor))[target="_blank"]:hover:after {
  transform: translate(.1em, -.5em);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6) {
  outline: none;
  font-weight: 600;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6) .rp-header-anchor {
  float: left;
  opacity: 0;
  font-weight: 500;
  font-size: inherit;
  border-bottom: 1px solid #0000;
  margin-left: -.8em;
  transition: color .25s, opacity .25s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6) .rp-header-anchor:hover {
  border-bottom: 1px solid var(--rp-c-brand);
  opacity: .85;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6):hover .rp-header-anchor, .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6):hover .rp-header-anchor:focus {
  opacity: 1;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(.rp-header-anchor) {
  color: var(--rp-c-brand);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1) {
  margin-bottom: 2rem;
  font-size: 2rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h2) {
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h2:first-of-type):before {
  content: "";
  background: var(--rp-c-divider-light);
  width: 100%;
  height: 1px;
  margin-bottom: 3rem;
  display: block;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h3) {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h4) {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h5) {
  margin-top: 1.25rem;
  margin-bottom: .75rem;
  font-size: 1.125rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h6) {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(blockquote) {
  border-left: 2px solid var(--rp-c-divider);
  color: var(--rp-c-text-2);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(blockquote p) {
  color: var(--rp-c-text-2);
  margin: 0;
  font-size: 1rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ul) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  line-height: 1.75rem;
  list-style: outside;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ol) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  line-height: 1.75rem;
  list-style: decimal;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ul li):not(:first-child), .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ol li):not(:first-child) {
  margin-top: .5rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(.rp-table-scroll-container) {
  overflow-x: auto;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table) {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  border: var(--rp-code-block-border);
  border-radius: var(--rp-radius);
  width: 100%;
  overflow: hidden;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table)::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table)::-webkit-scrollbar-corner {
  display: none;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table)::-webkit-scrollbar-thumb {
  background-color: #0000000d;
  border-radius: 10px;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(thead) {
  color: var(--rp-c-text-0);
  background: var(--rp-code-title-bg);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(th) {
  text-align: left;
  border-bottom: 1px solid var(--rp-c-divider-light);
  padding: .75rem 1.25rem;
  font-size: .875rem;
  font-weight: 600;
  position: relative;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tbody) {
  background: var(--rp-c-bg);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(td) {
  border-bottom: 1px solid var(--rp-c-divider-light);
  padding: .75rem 1.25rem;
  font-size: .875rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tr) {
  transition: background-color .2s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tr):hover {
  background: var(--rp-c-bg-soft);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tr:last-child td) {
  border-bottom: none;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(:not(pre) > code) {
  font-size: .875em;
  font-family: var(--rp-font-family-mono);
  border-radius: var(--rp-radius-small);
  background-color: var(--rp-c-text-code-bg);
  border: 1px solid var(--rp-c-text-code-border);
  overflow-wrap: break-word;
  padding: 3px 6px;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(:not(pre, a) > code) {
  color: var(--rp-c-text-code);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a > code) {
  color: var(--rp-c-brand-dark);
  transition: color .25s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a:hover > code) {
  color: var(--rp-c-brand);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(details) {
  cursor: pointer;
  margin: 16px 0;
  padding: 8px;
  transition: background-color .3s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(details):hover {
  background-color: var(--rp-c-bg-mute);
}

:where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table), :where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table tr), :where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table td), :where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table th) {
  border-color: var(--rp-c-divider);
}

.rp-doc-footer {
  margin-top: 48px;
}

.rp-doc-footer__edit {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rp-doc-footer__divider {
  background-color: var(--rp-c-divider-light);
  width: 100%;
  height: .5px;
  margin: 48px 0;
}

.rp-doc-footer .rp-edit-link {
  color: var(--rp-c-brand);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.rp-doc-footer .rp-edit-link:hover {
  color: var(--rp-c-brand-dark);
}

.rp-home-background {
  z-index: -1;
  filter: blur(2px);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: var(--rp-home-background-bg);
  width: 100%;
  height: 1000px;
  position: absolute;
  top: 0;
  left: 0;
}

.rp-home-feature {
  --rp-home-feature-gap: 15px;
  gap: var(--rp-home-feature-gap);
  flex-wrap: wrap;
  max-width: 72rem;
  margin: auto auto 2rem;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.rp-home-feature__item {
  width: 100%;
  position: relative;
}

@media (min-width: 640px) {
  .rp-home-feature__item--span-2, .rp-home-feature__item--span-4, .rp-home-feature__item--span-6 {
    width: calc(50% - var(--rp-home-feature-gap));
  }
}

@media (min-width: 768px) {
  .rp-home-feature__item--span-2, .rp-home-feature__item--span-4 {
    width: calc(50% - var(--rp-home-feature-gap));
  }

  .rp-home-feature__item--span-3, .rp-home-feature__item--span-6 {
    width: calc((100% - 2*var(--rp-home-feature-gap))/3);
  }
}

@media (min-width: 960px) {
  .rp-home-feature__item--span-3 {
    width: calc((100% - 3*var(--rp-home-feature-gap))/4);
  }

  .rp-home-feature__item--span-4 {
    width: calc((100% - 2*var(--rp-home-feature-gap))/3);
  }

  .rp-home-feature__item--span-6 {
    width: calc(50% - var(--rp-home-feature-gap));
  }
}

.rp-home-feature__item-wrapper {
  height: 100%;
  position: relative;
}

.rp-home-feature__card {
  border: 1px solid var(--rp-c-divider-light);
  background: var(--rp-home-feature-bg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 2rem;
  height: 100%;
  padding: 2rem;
  transition: all .3s;
}

.rp-home-feature__card--clickable {
  cursor: pointer;
}

.rp-home-feature__card:hover {
  border: 1px solid var(--rp-c-brand);
  color: var(--rp-c-brand);
}

.rp-home-feature__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.rp-home-feature__icon {
  background-color: var(--rp-c-bg);
  border: 3px solid var(--rp-c-divider-light);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  min-width: 3rem;
  min-height: 3rem;
  font-size: 1.5rem;
  display: inline-flex;
}

.rp-home-feature__icon img, .rp-home-feature__icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.rp-home-feature__title {
  text-align: left;
  margin: 0;
  font-weight: 700;
}

.rp-home-feature__detail {
  color: var(--rp-c-text-2);
  margin: 0;
  padding-top: .5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
}

.rp-home-footer {
  border-top: 1px solid var(--rp-c-divider-light);
  width: 100%;
  margin-top: 3rem;
  padding: 2rem 1.5rem;
  bottom: 0;
}

@media (min-width: 640px) {
  .rp-home-footer {
    padding: 2rem;
  }
}

.rp-home-footer__container {
  text-align: center;
  width: 100%;
  margin: auto;
}

.rp-home-footer__message {
  color: var(--rp-c-text-3);
  font-size: .875rem;
  font-weight: 500;
}

.rp-home-hero {
  flex-direction: row;
  align-items: flex-start;
  max-width: 72rem;
  margin: 5rem auto;
  padding: 20px 40px;
  display: flex;
  position: relative;
}

@media (max-width: 1000px) {
  .rp-home-hero {
    flex-direction: column-reverse;
    align-items: center;
    margin: 0 auto;
  }

  .rp-home-hero .rp-home-hero__container {
    text-align: center;
    align-items: center;
  }
}

@media (max-width: 600px) {
  .rp-home-hero {
    padding: 10px;
  }

  .rp-home-hero .rp-home-hero__title {
    font-size: 2.5rem;
  }

  .rp-home-hero .rp-home-hero__subtitle {
    margin-top: 1rem;
    font-size: 2rem;
  }
}

.rp-home-hero__container {
  flex-direction: column;
  flex: 2;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  display: flex;
}

.rp-home-hero__image {
  flex: 1;
  align-self: center;
  max-width: 50vw;
  display: flex;
}

.rp-home-hero__image-img {
  display: block;
}

.rp-home-hero__image-img--dark {
  display: none;
}

.rp-home-hero__content {
  flex-direction: column;
  display: flex;
}

.rp-home-hero__badge:before {
  content: "";
  background: var(--rp-home-hero-title-bg);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  display: inline-block;
}

.rp-home-hero__badge {
  background: var(--rp-c-bg-soft);
  border: 1px solid var(--rp-c-divider-light);
  color: var(--rp-c-text-0);
  border-radius: 50px;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background .2s, border-color .2s;
  display: inline-flex;
}

.rp-home-hero__badge:hover {
  background: var(--rp-c-bg-mute);
  cursor: pointer;
}

.rp-home-hero__badge:is(a):hover {
  border-color: var(--rp-c-brand);
}

.rp-home-hero__title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2em;
}

.rp-home-hero__title-brand {
  background: var(--rp-home-hero-title-bg);
  -webkit-text-fill-color: #0000;
  color: var(--rp-home-hero-title-color);
  -webkit-background-clip: text;
  background-clip: text;
  width: 640px;
}

.rp-home-hero__subtitle {
  margin: 0;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2em;
}

.rp-home-hero__tagline {
  color: var(--rp-c-text-2);
  font-size: 1rem;
  font-weight: 400;
}

@media (min-width: 640px) {
  .rp-home-hero__tagline {
    font-size: 1.125rem;
  }
}

@media (min-width: 768px) {
  .rp-home-hero__tagline {
    font-size: 1.25rem;
  }
}

.rp-home-hero__actions {
  flex-direction: row;
  gap: 1.5rem;
  display: flex;
}

@media (max-width: 768px) {
  .rp-home-hero__actions {
    flex-direction: column;
    gap: 1rem;
    width: 80%;
  }
}

.rp-home-hero__action {
  display: flex;
}

.rp-home-hero--no-image .rp-home-hero__container {
  text-align: center;
  align-items: center;
}

.dark .rp-home-hero__image-img--light {
  display: none;
}

.dark .rp-home-hero__image-img--dark {
  display: block;
}

.rp-hover-group {
  border: var(--rp-code-block-border);
  background: var(--rp-c-bg);
  width: auto;
  min-width: 80px;
  box-shadow: var(--rp-shadow-2);
  z-index: 999;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  list-style: none;
  transition: opacity .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 80%;
}

.rp-hover-group--center {
  left: 50%;
  transform: translateX(-50%);
}

.rp-hover-group--left {
  left: 0;
  transform: none;
}

.rp-hover-group--right {
  right: 0;
  transform: none;
}

.rp-hover-group--hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-in-out, visibility 0s linear .3s;
}

.rp-hover-group__item {
  white-space: nowrap;
  height: 32px;
  color: var(--rp-c-text-1);
  border-radius: 8px;
  flex: 1;
  align-self: stretch;
  padding-right: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s ease-in-out;
  display: block;
}

.rp-hover-group__item__link {
  align-items: center;
  gap: 2px;
  height: 100%;
  display: flex;
}

.rp-hover-group__item--active {
  color: var(--rp-c-brand);
  cursor: auto;
  pointer-events: none;
  font-weight: 600;
}

.rp-hover-group__item:hover {
  opacity: .7;
}

.rp-last-updated {
  color: var(--rp-c-text-3);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.rp-link {
  cursor: pointer;
}

.rp-llms-container {
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.rp-llms-button {
  border: 1px solid var(--rp-c-divider-light);
  background: var(--rp-c-bg);
  height: 36px;
  color: var(--rp-c-text-2);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  transition: background .2s, border-color .2s, color .2s, box-shadow .2s, transform .1s, opacity .2s;
  display: inline-flex;
}

.rp-llms-button:hover {
  background: var(--rp-c-bg-soft);
  border-color: var(--rp-c-divider);
  color: var(--rp-c-text-1);
  box-shadow: 0 2px 6px #0000000a;
}

.rp-llms-button:active {
  background: var(--rp-c-bg-soft);
  box-shadow: none;
}

.rp-llms-copy-button {
  position: relative;
  overflow: hidden;
}

.rp-llms-copy-button--loading.rp-llms-copy-button {
  background: var(--rp-c-bg-mute);
  opacity: .7;
  cursor: wait;
}

.rp-llms-copy-button--success.rp-llms-copy-button {
  color: #10b981;
  background: var(--rp-c-bg-soft);
  border-color: #10b981;
}

.rp-llms-copy-button--success .rp-llms-copy-button__icon-copy {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.5);
}

.rp-llms-copy-button--success .rp-llms-copy-button__icon-success {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.rp-llms-copy-button__icon-wrapper {
  width: 16px;
  height: 16px;
  position: relative;
}

.rp-llms-copy-button__icon-copy {
  width: 16px;
  height: 16px;
  transition: all .2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
}

.rp-llms-copy-button__icon-success {
  color: #10b981;
  visibility: hidden;
  opacity: 0;
  width: 16px;
  height: 16px;
  transition: all .2s cubic-bezier(.18, .89, .32, 1.28);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.5);
}

.rp-llms-view-options__trigger {
  position: relative;
}

.rp-llms-view-options__trigger--active {
  background: var(--rp-c-bg-mute);
  color: var(--rp-c-text-1);
  border-color: var(--rp-c-divider);
}

.rp-llms-view-options__arrow {
  transition: transform .2s;
}

.rp-llms-view-options__arrow--rotated {
  transform: rotate(180deg);
}

.rp-llms-view-options__menu {
  z-index: 100;
  border: 1px solid var(--rp-c-divider-light);
  background: var(--rp-c-bg);
  width: max-content;
  min-width: 220px;
  color: var(--rp-c-text-1);
  transform-origin: 0 0;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px;
  animation: .2s cubic-bezier(.16, 1, .3, 1) dropdownIn;
  display: flex;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  box-shadow: 0 4px 20px -4px #00000026, 0 0 2px #0000000d;
}

@keyframes dropdownIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.rp-llms-view-options__menu-item {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: var(--rp-c-text-2);
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  transition: background .2s, color .2s;
  display: flex;
}

.rp-llms-view-options__menu-item:hover {
  background: var(--rp-c-bg-mute);
  color: var(--rp-c-text-1);
  text-decoration: none;
}

.rp-llms-view-options__menu-item:active {
  background: var(--rp-c-bg-soft);
}

.rp-llms-view-options__item-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 16px;
  display: inline-flex;
}

.rp-llms-view-options__external-icon {
  width: 16px;
  height: 16px;
  margin-left: auto;
  font-size: 16px;
}

.rp-outline__open-in-wrapper {
  position: relative;
}

.rp-outline__open-in-wrapper .rp-llms-view-options__menu {
  transform-origin: 0 100%;
  top: auto;
  bottom: calc(100% + 6px);
  left: 0;
}

.rp-nav {
  height: var(--rp-nav-height);
  border-bottom: 1px solid var(--rp-c-divider-light);
  background: var(--rp-c-bg);
  color: var(--rp-c-text-1);
  --rp-nav-padding-x: 20px;
  padding: 0 var(--rp-nav-padding-x) 0 var(--rp-nav-padding-x);
  top: var(--rp-banner-height, 0px);
  z-index: var(--rp-z-index-nav);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: background-color .2s ease-in-out, border-bottom .2s ease-in-out;
  display: flex;
  position: sticky;
  left: 0;
}

@media (min-width: 1280px) {
  .rp-nav {
    --rp-nav-padding-x: max(calc(( 100vw - var(--rp-content-max-width) - var(--rp-sidebar-width) - var(--rp-outline-width) ) / 2), 20px);
    padding: 0 var(--rp-nav-padding-x) 0 var(--rp-nav-padding-x);
  }
}

.rp-nav__left {
  display: flex;
}

.rp-nav__title {
  flex-shrink: 0;
}

.rp-nav__title__link {
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 600;
  transition: opacity .3s;
  display: flex;
}

.rp-nav__title__link:hover {
  opacity: .6;
}

.rp-nav__title__logo {
  min-width: 2rem;
  margin-right: .25rem;
}

.rp-nav__title__logo-image {
  display: block;
}

.rp-nav__title__logo-image--dark {
  display: none;
}

.rp-nav__right {
  align-items: center;
  gap: 24px;
  height: 100%;
  display: flex;
}

@media (max-width: 767px) {
  .rp-nav__right {
    gap: 8px;
  }
}

.rp-nav__others {
  align-items: center;
  gap: 24px;
  height: 100%;
  list-style: none;
  display: flex;
}

@media (max-width: 1280px) {
  .rp-nav__others {
    display: none;
  }
}

.rp-nav-menu {
  align-items: center;
  height: 100%;
  list-style: none;
  display: inline-flex;
}

@media (min-width: 1280px) {
  .rp-nav-menu {
    gap: 32px;
  }
}

@media (max-width: 1279px) {
  .rp-nav-menu {
    gap: 24px;
  }
}

.rp-nav-menu__item {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.rp-nav-menu__item__container {
  cursor: pointer;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: flex;
}

.rp-nav-menu__item__icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  transition: transform .3s ease-in-out;
  display: flex;
}

.rp-nav-menu__item:hover .rp-nav-menu__item__container {
  color: var(--rp-c-brand);
  text-align: center;
  font-size: 14px;
  font-style: normal;
}

.rp-nav-menu__item:hover .rp-nav-menu__item__icon {
  transform: rotate(180deg);
}

.rp-nav-menu__item--active .rp-nav-menu__item__container {
  color: var(--rp-c-brand);
  text-align: center;
  font-size: 14px;
  font-style: normal;
}

.rp-nav-menu__divider {
  background: var(--rp-c-divider);
  width: 1px;
  height: 15px;
}

@media (max-width: 1280px) {
  .rp-nav-menu__divider {
    display: none;
  }
}

.rp-nav-menu a[target="_blank"]:after {
  content: "↗";
  color: var(--rp-c-text-3);
  margin-left: .5em;
  margin-right: .1em;
  font-size: .7em;
  font-weight: 700;
  display: inline-block;
}

@media (max-width: 768px) {
  .rp-nav-menu {
    display: none;
  }
}

.rp-nav-screen {
  top: calc(var(--rp-nav-height) + var(--rp-banner-height, 0px));
  background-color: var(--rp-c-bg);
  width: 100%;
  z-index: var(--rp-z-index-nav-screen);
  padding: 24px 48px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.rp-nav-screen--open {
  display: block;
}

.rp-nav-screen__container {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.rp-nav-screen__others {
  display: flex;
}

@media (max-width: 1280px) {
  .rp-nav-screen__others {
    display: none;
  }
}

.rp-nav-screen-divider {
  background-color: var(--rp-c-divider-light);
  width: 100%;
  height: 1px;
  margin: 1rem 0;
}

.rp-nav-screen-appearance {
  border-radius: var(--rp-radius-small);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.rp-nav-screen-appearance__left, .rp-nav-screen-appearance__right {
  align-items: center;
  display: flex;
}

.rp-nav-screen-appearance__icon {
  transition: transform .3s;
  transform: rotate(-90deg);
}

.rp-nav-screen-appearance__icon--open {
  transform: rotate(0);
}

.rp-nav-screen-langs {
  border-radius: var(--rp-radius-small);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.rp-nav-screen-langs__left {
  align-items: center;
  display: flex;
}

.rp-nav-screen-langs__right {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rp-nav-screen-langs__icon {
  transition: transform .3s;
  transform: rotate(-90deg);
}

.rp-nav-screen-langs__icon--open {
  transform: rotate(0);
}

.rp-nav-screen-langs-group {
  width: 100%;
}

.rp-nav-screen-langs-group__inner {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.rp-nav-screen-langs-group__item {
  padding: 0 24px;
}

.rp-nav-screen-langs-group__item--active {
  color: var(--rp-c-text-2);
  cursor: default;
  pointer-events: none;
}

.rp-nav-screen-menu-item {
  border-radius: var(--rp-radius-small);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  transition: background-color .25s ease-in;
  display: flex;
}

.rp-nav-screen-menu-item:hover {
  background-color: var(--rp-c-bg-mute);
}

.rp-nav-screen-menu-item--active {
  color: var(--rp-c-brand);
  background-color: var(--rp-c-brand-tint);
  font-weight: 600;
}

.rp-nav-screen-menu-item__left, .rp-nav-screen-menu-item__right {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.rp-nav-screen-menu-item__icon {
  transition: transform .25s ease-in;
  transform: rotate(-90deg);
}

.rp-nav-screen-menu-item--open .rp-nav-screen-menu-item__icon {
  transform: rotate(0);
}

.rp-nav-screen-menu-item__group {
  width: 100%;
}

.rp-nav-screen-menu-item__group-inner {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-left: 8px;
  display: flex;
  overflow: hidden;
}

.rp-nav-screen-menu-item.rp-link[target="_blank"] .rp-nav-screen-menu-item__left:after {
  content: "↗";
  color: var(--rp-c-text-3);
  margin-left: .2em;
  margin-right: .1em;
  font-weight: 400;
}

.rp-nav-screen-menu {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rp-nav-screen-versions {
  border-radius: var(--rp-radius-small);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.rp-nav-screen-versions__left {
  align-items: center;
  display: flex;
}

.rp-nav-screen-versions__right {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rp-nav-screen-versions__icon {
  transition: transform .3s;
  transform: rotate(-90deg);
}

.rp-nav-screen-versions__icon--open {
  transform: rotate(0);
}

.rp-nav-screen-versions-group {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  height: 0;
  font-size: 14px;
  transition: height .3s;
  display: flex;
  overflow: hidden;
}

.rp-nav-screen-versions-group__item {
  padding: 0 24px;
}

.rp-nav-screen-versions-group__item--active {
  color: var(--rp-c-text-2);
  cursor: default;
  pointer-events: none;
}

.rp-nav-screen-versions-group--open {
  height: auto;
}

.rp-nav-hamburger {
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  padding: 8px;
  transition: background-color .3s;
  display: none;
}

@media (max-width: 1280px) and (min-width: 769px) {
  .rp-nav-hamburger__md {
    display: block;
  }
}

.rp-nav-hamburger__md__hover-group {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 250px;
  padding: 12px;
  display: flex;
}

@media (max-width: 768px) {
  .rp-nav-hamburger__sm {
    display: block;
  }
}

.rp-nav-hamburger:hover, .rp-nav-hamburger--active {
  background-color: var(--rp-c-bg-mute);
}

.rspress-logo {
  height: 1.6rem;
}

.dark .rp-nav__title__logo-image--light {
  display: none;
}

.dark .rp-nav__title__logo-image--dark {
  display: block;
}

:root {
  --rp-outline-padding-x: 20px;
}

.rp-outline {
  border-left: 1px solid var(--rp-c-divider-light);
  flex-direction: column;
  display: flex;
}

.rp-outline__title {
  padding-left: var(--rp-outline-padding-x);
  padding-right: var(--rp-outline-padding-x);
  height: 32px;
  color: var(--rp-c-text-1);
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  display: inline-flex;
}

@media (max-width: 1280px) {
  .rp-outline__title {
    display: none;
  }
}

.rp-outline__divider {
  margin-left: var(--rp-outline-padding-x);
  margin-right: var(--rp-outline-padding-x);
  background: var(--rp-c-divider-light);
  flex-shrink: 0;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.rp-outline__toc {
  padding: 4px var(--rp-outline-padding-x);
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-height: 70vh;
  display: flex;
  overflow: auto scroll;
  -webkit-mask-image: linear-gradient(#0000, #fff 12px calc(100% - 12px), #0000);
  mask-image: linear-gradient(#0000, #fff 12px calc(100% - 12px), #0000);
}

@media (max-width: 1280px) {
  .rp-outline__toc {
    max-height: 60vh;
  }
}

.rp-outline__bottom {
  padding-left: var(--rp-outline-padding-x);
  padding-right: var(--rp-outline-padding-x);
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  display: flex;
}

.rp-outline__action-row {
  cursor: pointer;
  color: var(--rp-c-text-2);
  background: none;
  border: none;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.rp-outline__action-row:hover {
  color: var(--rp-c-text-1);
}

.rp-outline__action-row svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.rspress-overview-container {
  padding: var(--rp-content-padding-y) var(--rp-content-padding-x);
}

.rp-overview-search {
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.rp-overview-search__label {
  color: var(--rp-c-text-1);
  white-space: nowrap;
  font-weight: 500;
}

.rp-overview-search__input {
  border: 1px solid var(--rp-c-divider);
  background-color: var(--rp-c-bg);
  color: var(--rp-c-text-1);
  border-radius: 8px;
  min-width: 200px;
  padding: .5rem .75rem;
  font-size: .875rem;
  transition: box-shadow .25s ease-in-out, border-color .25s ease-in-out;
}

.rp-overview-search__input:focus {
  border-color: var(--rp-c-brand);
  box-shadow: 0 0 0 2px rgba(var(--rp-c-brand-rgb), .2);
  outline: none;
}

.rp-overview-search__input::placeholder {
  color: var(--rp-c-text-3);
}

.rp-overview-search__input::-webkit-search-cancel-button {
  appearance: none;
  cursor: pointer;
  opacity: .6;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 stroke=%27currentColor%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M6 18L18 6M6 6l12 12%27/%3E%3C/svg%3E");
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
}

.rp-overview-search__input::-webkit-search-cancel-button:hover {
  opacity: 1;
}

.rp-overview__empty {
  text-align: center;
  color: var(--rp-c-text-2);
  background-color: var(--rp-c-bg-soft);
  border-radius: 8px;
  margin-top: 1rem;
  padding: 2rem;
  font-style: italic;
}

@media (prefers-color-scheme: dark) {
  .rp-overview-search__input {
    border-color: var(--rp-c-divider-dark);
    background-color: var(--rp-c-bg-dark);
  }
}

:root {
  --rp-c-overview-group-bg: var(--rp-c-bg-soft);
  --rp-c-overview-group-bg-hover: color-mix(in srgb, var(--rp-c-brand-lighter) 30%, transparent);
  --rp-c-overview-group-border: 1px solid var(--rp-c-divider-light);
}

.rp-overview-group {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex;
}

.rp-overview-group__item {
  border: var(--rp-c-overview-group-border);
  border-radius: var(--rp-radius);
  flex-direction: row;
  width: 100%;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
  overflow: hidden;
}

.rp-overview-group__item:hover {
  border-color: var(--rp-c-brand-light);
  box-shadow: 0 4px 6px #0000000a;
}

.rp-overview-group__item:hover .rp-overview-group__item__title {
  background-color: var(--rp-c-overview-group-bg-hover);
}

.rp-overview-group__item:hover .rp-overview-group__item__title .rp-overview-group__item__title__icon {
  color: var(--rp-c-brand-dark);
}

@media (max-width: 1280px) {
  .rp-overview-group__item {
    flex-direction: column;
  }

  .rp-overview-group__item__title {
    flex: none !important;
    width: 100% !important;
  }
}

.rp-overview-group__item__title {
  word-break: break-all;
  width: 25%;
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-overview-group-bg);
  flex: 0 0 25%;
  padding: 16px 20px;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.rp-overview-group__item__title__link, .rp-overview-group__item__title__text {
  color: inherit;
  text-decoration: none;
}

.rp-overview-group__item__title__link:hover, .rp-overview-group__item__title__text:hover {
  color: var(--rp-c-brand);
}

.rp-overview-group__item__title__icon {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  color: var(--rp-c-text-1);
  position: absolute;
  bottom: 0;
  right: 0;
}

.rp-overview-group__item__content {
  flex-flow: wrap;
  flex: 1;
  row-gap: 20px;
  margin: 0;
  padding: 16px;
  list-style: none;
  display: flex;
}

.rp-overview-group__item__content__item {
  word-break: break-all;
  flex: 0 0 200px;
  width: 200px;
  min-width: 33.33%;
  max-width: 33.33%;
}

@media (max-width: 768px) {
  .rp-overview-group__item__content__item {
    flex: 200px;
    min-width: 50%;
    max-width: 100%;
  }
}

.rp-overview-group__item__content__item__link {
  color: var(--rp-c-text-2);
  word-break: normal;
  padding: 4px 8px;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: inline-block;
}

.rp-overview-group__item__content__item__link:hover {
  color: var(--rp-c-brand);
  background-color: var(--rp-c-bg);
}

.rp-overview-group__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
  display: grid;
}

@media (max-width: 1280px) {
  .rp-overview-group__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .rp-overview-group__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .rp-overview-group__grid {
    grid-template-columns: 1fr;
  }
}

.rp-overview-group__grid-item {
  border: 1px solid var(--rp-c-divider-light);
  border-radius: var(--rp-radius);
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}

.rp-overview-group__grid-item.rp-overview-group__item__title {
  flex: none;
  width: 100%;
}

.rp-overview-group__grid-item:hover {
  border-color: var(--rp-c-brand-light);
  background-color: var(--rp-c-overview-group-bg-hover);
  box-shadow: 0 4px 6px #0000000a;
}

.rp-overview-group__grid-item:hover .rp-overview-group__item__title__icon {
  color: var(--rp-c-brand-dark);
}

html.rp-dark .rp-overview-group__item:hover .rp-overview-group__item__title__icon, html.rp-dark .rp-overview-group__grid-item:hover .rp-overview-group__item__title__icon {
  color: #fff;
}

.rp-prev-next-page {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.rp-prev-next-page__item {
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 12px;
  display: flex;
}

.rp-prev-next-page__item__title {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.rp-prev-next-page__item__desc {
  color: var(--rp-c-text-3);
  padding: 0 1.25rem;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.rp-prev-next-page__item:hover {
  opacity: .7;
  background-color: var(--rp-c-bg-mute);
}

.rp-prev-next-page__icon {
  font-size: 1rem;
  display: inline-flex;
}

.rp-prev-next-page__placeholder {
  flex: 1;
}

.rp-prev-next-page__prev {
  align-items: flex-start;
}

.rp-prev-next-page__next {
  align-items: flex-end;
}

.rp-prev-next-page__rotate_180 {
  transform: rotate(180deg);
}

.rp-progress-circle {
  display: inline-flex;
}

.rp-search-button {
  border-radius: var(--rp-radius-small);
  background-color: color-mix(in srgb, var(--rp-c-bg) 30%, transparent);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border: 1px solid var(--rp-c-divider-light);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-width: 140px;
  height: 40px;
  padding: 0 10px;
  font-size: 13px;
  transition: border-color .3s;
  display: flex;
}

.rp-search-button:hover {
  border: 1px solid var(--rp-c-brand);
}

.rp-search-button:hover .rp-search-button__word {
  color: var(--rp-c-text-1);
}

.rp-search-button__content {
  word-break: keep-all;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  display: flex;
}

.rp-search-button__word {
  white-space: nowrap;
  color: var(--rp-c-text-2);
  font-weight: 500;
}

.rp-search-button__icon {
  font-size: 20px;
  display: inline-block;
}

.rp-search-button__hotkey {
  background-color: var(--rp-c-bg-soft);
  border-radius: var(--rp-radius-small);
  color: var(--rp-c-gray);
  padding: 0 8px;
  font-weight: 500;
  transition: opacity .3s;
}

.rp-search-button--mobile {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: none;
}

@media (max-width: 768px) {
  .rp-search-button {
    display: none;
  }

  .rp-search-button--mobile {
    display: flex;
  }
}

.rp-no-search-result {
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: .5rem;
  display: flex;
}

.rp-no-search-result__icon {
  opacity: .8;
  margin-bottom: 1rem;
}

.rp-no-search-result__text {
  margin-bottom: .5rem;
}

.rp-no-search-result__suggestion {
  margin: 0;
}

.rp-search-panel__mask {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 100;
  background: #3c3c3c66;
  position: fixed;
  inset: 0;
}

.rp-search-panel__modal {
  background-color: var(--rp-c-bg-soft);
  border-radius: var(--rp-radius);
  max-width: 560px;
  height: auto;
  margin: 80px auto auto;
  padding: 20px;
  position: relative;
}

.rp-search-panel__header {
  align-items: center;
  display: flex;
}

.rp-search-panel__cancel {
  color: var(--rp-c-brand);
  cursor: pointer;
  margin-left: .5rem;
}

@media (min-width: 640px) {
  .rp-search-panel__cancel {
    display: none;
  }
}

.rp-search-panel__input-form {
  background-color: var(--rp-c-bg);
  border: 1px solid var(--rp-c-brand);
  border-radius: var(--rp-radius-small);
  align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 12px;
  display: flex;
}

.rp-search-panel__input {
  background-color: var(--rp-c-bg);
  outline: none;
  flex: 1;
  width: 80%;
  height: 100%;
  padding-left: 8px;
  font-size: 20px;
  font-weight: 500;
}

.dark .rp-search-panel__input {
  color: var(--rp-c-text);
}

.rp-search-panel__close:hover {
  cursor: pointer;
  color: var(--rp-c-brand);
  transition: color .3s;
}

.rp-search-panel__results {
  max-height: calc(100vh - 230px);
  padding-right: 2px;
  overflow: scroll;
}

.rp-search-panel__loading {
  opacity: .8;
  flex-direction: column;
  align-items: center;
  margin: 2rem 0;
  display: flex;
}

.rp-search-panel__tabs {
  background-color: var(--rp-c-bg-soft);
  padding-bottom: 6px;
  position: sticky;
}

.rp-search-panel__tabs.rp-tabs {
  border: none;
  border-radius: 0;
  margin: 0;
}

.rp-search-panel__group {
  padding-bottom: .5rem;
}

@media (max-width: 960px) {
  .rp-search-panel__modal {
    margin-top: 0;
  }

  .rp-search-panel__input-form {
    height: 40px;
  }

  .rp-search-panel__input-form svg {
    width: 16px;
    height: 16px;
  }

  .rp-search-panel__input {
    font-size: 16px;
  }
}

.rp-suggest-item {
  box-sizing: border-box;
  margin: 5px 2px;
  list-style: none;
}

.dark .rp-suggest-item, .dark .rp-suggest-item .rp-suggest-item__link {
  box-shadow: none;
}

.rp-suggest-item .rp-suggest-item__link {
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-bg);
  border-radius: var(--rp-radius-small);
  width: 100%;
  padding-left: 12px;
  display: flex;
  box-shadow: 0 1px 3px #d4d9e1;
}

.rp-suggest-item--current .rp-suggest-item__link {
  background-color: var(--rp-c-brand);
  cursor: pointer;
  color: #fff;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__icon {
  color: #fff;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__action-icon {
  opacity: 1;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__content .rp-suggest-item__statement {
  color: #fff;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__content .rp-suggest-item__mark {
  color: #fff;
  text-decoration: underline;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__content .rp-suggest-item__title {
  color: #fff;
}

.rp-suggest-item__container {
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding-right: 12px;
  font-weight: 500;
  display: flex;
}

.rp-suggest-item__icon {
  color: var(--rp-c-gray-light-1);
}

.rp-suggest-item__content {
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
}

.rp-suggest-item__header {
  font-weight: 500;
}

.rp-suggest-item__statement {
  width: 100%;
  font-size: .875rem;
}

.rp-suggest-item__mark {
  color: var(--rp-c-brand);
}

.rp-suggest-item__title {
  color: var(--rp-c-gray-light-1);
  font-size: 12px;
  font-weight: 600;
}

.rp-suggest-item__action-icon {
  opacity: 0;
}

.rp-sidebar-divider {
  border-top: 1px solid var(--rp-c-divider-light);
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.rp-sidebar-divider--dashed {
  border-top: 1px dashed var(--rp-c-divider-light);
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.rp-sidebar-group {
  color: var(--rp-c-text-1);
}

.rp-sidebar-item {
  cursor: pointer;
  color: var(--rp-c-text-2);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 2px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  transition: color .15s, background-color .15s;
  display: flex;
  position: relative;
}

.rp-sidebar-item:hover, .rp-sidebar-item--pending {
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-bg-mute);
}

.rp-sidebar-item--pending {
  opacity: .8;
}

.rp-sidebar-item.rp-link[target="_blank"]:after {
  content: "↗";
  margin-left: .2em;
  margin-right: .1em;
  font-size: 1em;
  font-weight: 400;
  display: inline-block;
}

.rp-sidebar-item--active {
  color: var(--rp-c-link);
  background-color: var(--rp-c-brand-tint);
  font-weight: 600;
}

.rp-sidebar-item--active:hover {
  color: var(--rp-c-link);
  background-color: var(--rp-c-brand-tint);
}

.rp-sidebar-item--group-item:before {
  content: "";
  background-color: var(--rp-c-divider-light);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
}

.rp-sidebar-item--group-item.rp-sidebar-item--active .rp-sidebar-item__left:before {
  content: "";
  background-color: var(--rp-c-brand);
  width: 1px;
  height: calc(50% - 4px);
  position: absolute;
  top: calc(25% + 2px);
  bottom: 0;
  left: 12px;
}

.rp-sidebar-item__left {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rp-sidebar-item__right {
  align-items: center;
  display: flex;
}

.rp-sidebar-item__link {
  opacity: 1;
}

.rp-sidebar-section-header {
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 4px 12px;
  display: flex;
}

.rp-sidebar-section-header:first-child {
  margin-top: 0;
}

.rp-sidebar-section-header__left {
  color: var(--rp-c-text-1);
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.rp-sidebar-section-header__right {
  align-items: center;
  display: flex;
}

.rp-social-links {
  align-items: center;
  gap: 24px;
  height: 100%;
  min-height: 40px;
  display: flex;
  position: relative;
}

.rp-social-links__item {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.rp-social-links__item__hover-group {
  width: auto;
}

.rp-social-links__item__text {
  word-break: keep-all;
  white-space: nowrap;
}

.rp-social-links__icon {
  width: 20px;
  height: 20px;
  color: var(--rp-c-text-2);
  align-items: center;
  display: flex;
}

.rp-social-links__icon:hover {
  color: var(--rp-c-text-1);
}

.rp-social-links__hidden {
  flex-wrap: nowrap;
  gap: 1rem;
  display: flex;
}

:root {
  --rp-steps-gap: 24px;
  --rp-steps-size: 30px;
}

.rp-steps {
  border-left: 1px solid var(--rp-c-text-3);
  padding-left: var(--rp-steps-gap);
  counter-reset: step;
  margin-bottom: 2.5rem;
  margin-left: 1rem;
}

.rp-steps h3 {
  counter-increment: step;
  align-items: center;
  min-height: 30px;
  margin-top: 0;
  display: flex;
  position: relative;
}

.rp-steps h3:before {
  content: counter(step);
  left: calc(-1*var(--rp-steps-gap));
  width: var(--rp-steps-size);
  height: var(--rp-steps-size);
  line-height: var(--rp-steps-size);
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-bg);
  outline: 6px solid var(--rp-c-bg);
  border: 1.5px solid var(--rp-c-text-3);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
  position: absolute;
  transform: translate(-50%);
}

.rp-steps h3 .rp-header-anchor {
  left: calc(-1*var(--rp-steps-gap) - var(--rp-steps-size)/2);
  position: absolute;
}

::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-old(root) {
  z-index: 1;
}

.dark::view-transition-new(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 9999;
}

.dark::view-transition-old(root) {
  z-index: 9999;
}

.rp-switch-appearance {
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: var(--rp-c-text-2);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.rp-switch-appearance:hover {
  color: var(--rp-c-text-1);
}

.rp-switch-appearance__icon--sun {
  display: block;
}

.rp-switch-appearance__icon--moon, .rp-dark .rp-switch-appearance__icon--sun {
  display: none;
}

.rp-dark .rp-switch-appearance__icon--moon {
  display: block;
}

.rp-tabs {
  contain: content;
  border-radius: var(--rp-radius);
  border: var(--rp-code-block-border);
  box-shadow: var(--rp-code-block-shadow);
  margin: 1rem 0;
}

.rp-tabs .rp-codeblock__title {
  padding: 8px 12px;
}

.rp-tabs__label {
  background-color: var(--rp-code-title-bg);
  border-bottom: var(--rp-code-block-border);
  flex-wrap: wrap;
  min-width: 100%;
  padding: 4px 12px;
  display: flex;
}

.rp-tabs__label--no-scrollbar::-webkit-scrollbar {
  display: none;
}

.rp-tabs__label--no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.rp-tabs__label__item {
  word-break: keep-all;
  color: var(--rp-c-text-2);
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: calc(1.5*var(--rp-radius-small));
  margin-right: 4px;
  padding: 4px 12px;
  font-size: .875rem;
  transition: color .2s ease-out, background-color .2s ease-out;
  position: relative;
}

.rp-tabs__label__item:last-child {
  margin-right: 0;
}

.rp-tabs__label__item--not-selected:hover {
  background-color: var(--rp-c-bg-mute);
}

.rp-tabs__label__item--selected {
  color: var(--rp-c-text-0);
  background-color: var(--rp-c-bg);
  box-shadow: 0px 0px 3px 0px var(--rp-c-divider);
}

.rp-tabs__content__item {
  padding: 0 1rem;
}

.rp-tabs__content__item > .rp-codeblock:only-child, .rp-tabs__content__item > .rp-tabs:only-child {
  box-shadow: none;
  border: none;
  border-radius: 0;
  margin: 0 -1rem;
}

.rp-tabs__content__item--active {
  display: block;
}

.rp-tabs__content__item--hidden {
  display: none;
}

.dark .rp-tabs__label__item--selected {
  background-color: var(--rp-c-bg-soft);
}

.rp-toc-item {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 10px;
  line-height: 1.4;
  display: block;
  position: relative;
}

.rp-toc-item:first-child {
  margin-top: 0;
}

.rp-toc-item__text {
  color: var(--rp-c-text-2);
  overflow-wrap: break-word;
  font-size: 14px;
  font-weight: 400;
}

.rp-toc-item--active .rp-toc-item__text, .rp-toc-item--active .rp-toc-item__text code {
  color: var(--rp-c-link);
}

.rp-toc-item--active:before {
  content: "";
  background-color: var(--rp-c-brand);
  width: 1px;
  height: 100%;
  left: calc(-1*var(--rp-outline-padding-x));
  display: block;
  position: absolute;
  top: 0;
}

.rp-sidebar-menu {
  background-color: var(--rp-c-bg);
  border-bottom: 1px solid var(--rp-c-divider-light);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  display: flex;
}

.rp-sidebar-menu__left {
  background: none;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 100%;
  display: flex;
}

.rp-sidebar-menu__right {
  background: none;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.rp-sidebar-menu__right__text {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.rp-sidebar-menu__right__icon, .rp-sidebar-menu__right .rp-progress-circle {
  flex-shrink: 0;
}

@media (min-width: 1280px) {
  .rp-sidebar-menu {
    display: none;
  }
}

.rp-sidebar-menu__mask {
  z-index: var(--rp-z-index-mask);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: color-mix(in srgb, var(--rp-c-bg) 60%, transparent);
  display: none;
  position: fixed;
  inset: 0;
}

@media (max-width: 767px) {
  .rp-sidebar-menu__mask {
    display: block;
  }
}

:root {
  --rp-z-index-nav-screen: 70;
  --rp-z-index-nav: 60;
  --rp-z-index-mask: 20;
  --rp-z-index-sidebar: 50;
  --rp-z-index-sidebar-menu: 30;
  --rp-z-index-aside: 40;
  --rp-nav-height: 64px;
  --rp-sidebar-width: 320px;
  --rp-sidebar-menu-height: 46px;
  --rp-sidebar-padding: 20px;
  --rp-outline-width: 268px;
  --rp-content-padding-x: 80px;
  --rp-content-padding-y: 48px;
  --rp-content-max-width: 1000px;
  --rp-sidebar-margin-left: calc(max(0px, calc((100vw - var(--rp-content-max-width)) / 2 - var(--rp-sidebar-width))));
  --rp-outline-margin-right: calc(max(0px, calc((100vw - var(--rp-content-max-width)) / 2 - var(--rp-outline-width))));
}

@media (min-width: 1280px) {
  html:root {
    --rp-sidebar-menu-height: 0px;
  }
}

.rp-doc-layout__container {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.rp-doc-layout__doc {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.rp-doc-layout__overview {
  width: 100%;
  max-width: min(100%, 1280px);
  padding: var(--rp-content-padding-y) var(--rp-content-padding-x);
  position: relative;
  overflow-x: auto;
}

.rp-doc-layout__sidebar {
  width: var(--rp-sidebar-width);
  max-width: var(--rp-sidebar-width);
  min-width: var(--rp-sidebar-width);
  height: calc(100vh - var(--rp-nav-height) - var(--rp-banner-height, 0px));
  max-height: calc(100vh - var(--rp-nav-height) - var(--rp-banner-height, 0px));
  padding: var(--rp-sidebar-padding);
  border-right: 1px solid var(--rp-c-divider-light);
  margin-top: calc(-1*var(--rp-sidebar-menu-height));
  top: calc(var(--rp-nav-height) + var(--rp-banner-height, 0px));
  z-index: var(--rp-z-index-sidebar);
  background: var(--rp-c-bg);
  position: sticky;
  bottom: 0;
  left: 0;
  overflow: auto scroll;
}

.rp-doc-layout__doc-container {
  padding: var(--rp-content-padding-y) var(--rp-content-padding-x);
}

.rp-doc-layout__outline {
  width: var(--rp-outline-width);
  top: calc(var(--rp-nav-height) + var(--rp-banner-height, 0px));
  margin-top: var(--rp-sidebar-menu-height);
  z-index: var(--rp-z-index-aside);
  padding-top: var(--rp-content-padding-y);
  height: calc(100vh - var(--rp-nav-height) - var(--rp-banner-height, 0px));
  box-shadow: var(--rp-shadow-1);
  position: sticky;
  right: 0;
  overflow: hidden;
}

.rp-doc-layout__menu {
  top: calc(var(--rp-nav-height) + var(--rp-banner-height, 0px));
  z-index: var(--rp-z-index-sidebar-menu);
  height: var(--rp-sidebar-menu-height);
  position: sticky;
  left: 0;
}

.rp-doc-layout__menu__placeholder {
  width: 100%;
  height: var(--rp-sidebar-menu-height);
  min-height: var(--rp-sidebar-menu-height);
  display: block;
}

@media (min-width: 1280px) {
  .rp-doc-layout__doc {
    max-width: min(100%,var(--rp-content-max-width));
    flex: 1;
    overflow-x: auto;
  }

  .rp-doc-layout__doc--wide {
    max-width: min(100%,var(--rp-content-max-width) + var(--rp-sidebar-width) + var(--rp-outline-width));
  }

  .rp-doc-layout__sidebar {
    margin-left: var(--rp-sidebar-margin-left);
  }

  .rp-doc-layout__sidebar-placeholder {
    width: var(--rp-sidebar-width);
    margin-left: var(--rp-sidebar-margin-left);
  }

  .rp-doc-layout__outline {
    margin-right: var(--rp-outline-margin-right);
    padding-bottom: var(--rp-content-padding-y);
  }

  .rp-doc-layout__outline-placeholder {
    width: var(--rp-outline-width);
    margin-right: var(--rp-outline-margin-right);
  }
}

@media (max-width: 1279px) {
  :root {
    --rp-content-padding-x: 36px;
    --rp-content-padding-y: 48px;
  }

  .rp-doc-layout__outline {
    background-color: color-mix(in srgb, var(--rp-c-bg) 60%, transparent);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: var(--rp-radius-small);
    max-width: 100%;
    height: auto;
    box-shadow: var(--rp-shadow-2);
    visibility: hidden;
    opacity: 0;
    padding: 20px 0;
    transition: opacity .2s, transform .2s cubic-bezier(.19, 1, .22, 1);
    position: fixed;
    inset-inline-end: 0;
    transform: translate3d(0, -10px, 0);
  }

  .rp-doc-layout__outline--open {
    opacity: 1;
    visibility: visible;
    display: block;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 768px) {
  :root {
    --rp-content-padding-x: 24px;
  }

  .rp-doc-layout__sidebar {
    z-index: var(--rp-z-index-sidebar);
    top: calc(var(--rp-nav-height) + var(--rp-banner-height, 0px));
    height: calc(100vh - var(--rp-nav-height));
    padding: var(--rp-sidebar-padding) var(--rp-sidebar-padding) calc(var(--rp-sidebar-padding) + 100px) var(--rp-sidebar-padding);
    background: var(--rp-c-bg);
    opacity: 0;
    margin-top: 0;
    transition: opacity .25s, transform .5s cubic-bezier(.19, 1, .22, 1);
    position: fixed;
    overflow: auto scroll;
    transform: translate3d(-100%, 0, 0);
  }

  .rp-doc-layout__sidebar--open {
    opacity: 1;
    visibility: visible;
    left: 0;
    transform: translate3d(0, 0, 0);
  }
}

.rp-not-found {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  padding: 4rem;
  display: flex;
}

@media (max-width: 640px) {
  .rp-not-found {
    padding: 6rem 2rem 10rem;
  }
}

.rp-not-found__error-code {
  font-size: 3.75rem;
  font-weight: 600;
}

.rp-not-found__title {
  padding-top: .75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
}

.rp-not-found__divider {
  background-color: var(--rp-c-gray-light-1);
  width: 4rem;
  height: 1px;
  margin: 1.5rem auto 1.125rem;
}

.rp-not-found__action {
  padding-top: 1.25rem;
}

.rp-not-found__home-link {
  border-style: solid;
  border-width: 1px;
  border-color: var(--rp-c-brand);
  color: var(--rp-c-brand);
  border-radius: 1rem;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: color .3s, border-color .3s;
  display: inline-block;
}

.rp-not-found__home-link:hover {
  border-color: var(--rp-c-brand-dark);
  color: var(--rp-c-brand-dark);
}

.medium-zoom-overlay, .medium-zoom-image--opened {
  z-index: 999;
}

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

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

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

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

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

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

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

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

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

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, #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, #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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:is(.semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content-right, .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);
}

:is(.semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content-right, .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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    transform: scale(1);
  }
}

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

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

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

.semi-input-wrapper-small {
  height: 24px;
  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: 22px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-input-small {
  height: 22px;
  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: 22px;
}

.semi-input-default {
  height: 30px;
  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: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-radio {
  box-sizing: border-box;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  cursor: pointer;
  vertical-align: bottom;
  text-align: left;
  column-gap: 8px;
  min-width: 16px;
  min-height: 20px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: inline-flex;
  position: relative;
}

.semi-radio.semi-radio-vertical {
  display: block;
}

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

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

.semi-radio:hover.semi-radio-cardRadioGroup .semi-radio-inner-display {
  background: var(--semi-color-white);
}

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

.semi-radio:active.semi-radio-cardRadioGroup .semi-radio-inner-display {
  background: var(--semi-color-white);
}

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

.semi-radio-buttonRadioComponent {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  padding: 4px;
}

.semi-radio-buttonRadioGroup {
  border-radius: var(--semi-border-radius-small);
  padding: 4px;
  line-height: 16px;
  position: relative;
}

.semi-radio-buttonRadioGroup:not(:last-child) {
  padding-right: 0;
}

.semi-radio-buttonRadioGroup-small {
  padding: 2px 4px;
  line-height: 16px;
}

.semi-radio-buttonRadioGroup-large {
  padding: 4px;
  line-height: 20px;
}

.semi-radio-cardRadioGroup {
  border-radius: var(--semi-border-radius-small);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  background: none;
  border: 1px solid #0000;
  flex-wrap: nowrap;
  padding: 12px 16px;
}

.semi-radio-cardRadioGroup .semi-radio-inner {
  flex-shrink: 0;
}

.semi-radio-cardRadioGroup .semi-radio-inner-display {
  background: var(--semi-color-white);
}

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

.semi-radio-cardRadioGroup .semi-radio-extra {
  color: var(--semi-color-text-2);
  padding-left: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.semi-radio-cardRadioGroup:active {
  background: var(--semi-color-fill-1);
}

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

.semi-radio-cardRadioGroup_checked:hover {
  border: 1px solid var(--semi-color-primary-hover);
}

.semi-radio-cardRadioGroup_checked:hover .semi-radio-inner-checked .semi-radio-inner-display {
  border-color: var(--semi-color-primary-hover);
}

.semi-radio-cardRadioGroup_checked:active {
  background: var(--semi-color-primary-light-default);
  border: 1px solid var(--semi-color-primary-active);
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked .semi-radio-inner-display {
  border-color: var(--semi-color-primary-active);
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked:hover .semi-radio-inner-display {
  background: var(--semi-color-primary-active);
}

.semi-radio-cardRadioGroup_hover {
  background: var(--semi-color-fill-0);
}

.semi-radio-cardRadioGroup_disabled:active {
  background: none;
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup {
  background: var(--semi-color-primary-light-default);
  border: 1px solid var(--semi-color-primary-disabled);
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup:hover .semi-radio-inner-checked .semi-radio-inner-display {
  border-color: var(--semi-color-primary-disabled);
}

.semi-radio.semi-radio-disabled:hover .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-display {
  background: var(--semi-color-disabled-fill);
  border: solid 1px var(--semi-color-border);
}

.semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
  color: rgba(var(--semi-white), 1);
  background: var(--semi-color-primary-disabled);
  border-color: var(--semi-color-primary-disabled);
}

.semi-radio-inner {
  vertical-align: sub;
  -webkit-user-select: none;
  user-select: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  display: inline-flex;
  position: relative;
}

.semi-radio-inner-display {
  box-sizing: border-box;
  border: solid 1px var(--semi-color-text-3);
  width: 16px;
  height: 16px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  background: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.semi-radio-inner-display .semi-icon {
  width: 100%;
  height: 100%;
  font-size: 14px;
}

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

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

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

.semi-radio-addon {
  -webkit-user-select: none;
  user-select: none;
  color: var(--semi-color-text-0);
  align-items: center;
  display: inline-flex;
}

.semi-radio-addon-buttonRadio {
  text-align: center;
  border-radius: var(--semi-border-radius-small);
  color: var(--semi-color-text-1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 600;
}

.semi-radio-addon-buttonRadio-hover {
  background: var(--semi-color-fill-1);
  font-weight: 600;
}

.semi-radio-addon-buttonRadio-checked {
  background: var(--semi-color-bg-3);
  color: var(--semi-color-primary);
  font-weight: 600;
}

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

.semi-radio-addon-buttonRadio-small {
  padding: 2px 16px;
  font-size: 12px;
}

.semi-radio-addon-buttonRadio-large {
  padding: 6px 24px;
  font-size: 14px;
}

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

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

.semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
  border: solid 1px var(--semi-color-primary);
  background: var(--semi-color-primary);
  color: rgba(var(--semi-white), 1);
  border-radius: 16px;
}

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

.semi-radio .semi-radio-inner-buttonRadio, .semi-radio .semi-radio-inner-pureCardRadio {
  z-index: -1;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}

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

.semi-radio-disabled .semi-radio-inner-display {
  opacity: .75;
  background: var(--semi-color-disabled-fill);
  border-color: var(--semi-color-border);
}

.semi-radio-disabled .semi-radio-inner-display:hover {
  background: none;
}

.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
  color: rgba(var(--semi-white), 1);
  background: var(--semi-color-primary-disabled);
  border-color: var(--semi-color-primary-disabled);
}

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

.semi-radio-extra {
  color: var(--semi-color-text-2);
  box-sizing: border-box;
}

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

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

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

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

.semi-radioGroup-vertical-default .semi-radio, .semi-radioGroup-vertical-card .semi-radio {
  display: flex;
}

.semi-radioGroup-horizontal {
  vertical-align: bottom;
  flex-wrap: wrap;
  gap: 16px;
  display: inline-flex;
}

.semi-radioGroup-buttonRadio {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  vertical-align: middle;
  display: inline-block;
}

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

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

.semi-rtl .semi-radio-buttonRadioGroup:not(:last-child), .semi-portal-rtl .semi-radio-buttonRadioGroup:not(:last-child) {
  padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-avatar-small .semi-avatar-label {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 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 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    transform: scale(1);
  }
}

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

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

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

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

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

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

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

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

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

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

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

.semi-tag-default, .semi-tag-small {
  height: 20px;
  padding: 2px 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 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, .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 {
  padding-right: 4px;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-tag-amber-ghost {
  border: 1px solid rgba(var(--semi-amber-4), 1);
  color: rgba(var(--semi-amber-5), 1);
  background-color: #0000;
}

.semi-tag-amber-solid {
  background-color: rgba(var(--semi-amber-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-amber-light {
  background-color: rgba(var(--semi-amber-5), .15);
  color: rgba(var(--semi-amber-8), 1);
}

.semi-tag-blue-ghost {
  border: 1px solid rgba(var(--semi-blue-4), 1);
  color: rgba(var(--semi-blue-5), 1);
  background-color: #0000;
}

.semi-tag-blue-solid {
  background-color: rgba(var(--semi-blue-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-blue-light {
  background-color: rgba(var(--semi-blue-5), .15);
  color: rgba(var(--semi-blue-8), 1);
}

.semi-tag-cyan-ghost {
  border: 1px solid rgba(var(--semi-cyan-4), 1);
  color: rgba(var(--semi-cyan-5), 1);
  background-color: #0000;
}

.semi-tag-cyan-solid {
  background-color: rgba(var(--semi-cyan-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-cyan-light {
  background-color: rgba(var(--semi-cyan-5), .15);
  color: rgba(var(--semi-cyan-8), 1);
}

.semi-tag-green-ghost {
  border: 1px solid rgba(var(--semi-green-4), 1);
  color: rgba(var(--semi-green-5), 1);
  background-color: #0000;
}

.semi-tag-green-solid {
  background-color: rgba(var(--semi-green-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-green-light {
  background-color: rgba(var(--semi-green-5), .15);
  color: rgba(var(--semi-green-8), 1);
}

.semi-tag-grey-ghost {
  border: 1px solid rgba(var(--semi-grey-4), 1);
  color: rgba(var(--semi-grey-5), 1);
  background-color: #0000;
}

.semi-tag-grey-solid {
  background-color: rgba(var(--semi-grey-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-grey-light {
  background-color: rgba(var(--semi-grey-5), .15);
  color: rgba(var(--semi-grey-8), 1);
}

.semi-tag-indigo-ghost {
  border: 1px solid rgba(var(--semi-indigo-4), 1);
  color: rgba(var(--semi-indigo-5), 1);
  background-color: #0000;
}

.semi-tag-indigo-solid {
  background-color: rgba(var(--semi-indigo-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-indigo-light {
  background-color: rgba(var(--semi-indigo-5), .15);
  color: rgba(var(--semi-indigo-8), 1);
}

.semi-tag-light-blue-ghost {
  border: 1px solid rgba(var(--semi-light-blue-4), 1);
  color: rgba(var(--semi-light-blue-5), 1);
  background-color: #0000;
}

.semi-tag-light-blue-solid {
  background-color: rgba(var(--semi-light-blue-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-light-blue-light {
  background-color: rgba(var(--semi-light-blue-5), .15);
  color: rgba(var(--semi-light-blue-8), 1);
}

.semi-tag-light-green-ghost {
  border: 1px solid rgba(var(--semi-light-green-4), 1);
  color: rgba(var(--semi-light-green-5), 1);
  background-color: #0000;
}

.semi-tag-light-green-solid {
  background-color: rgba(var(--semi-light-green-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-light-green-light {
  background-color: rgba(var(--semi-light-green-5), .15);
  color: rgba(var(--semi-light-green-8), 1);
}

.semi-tag-lime-ghost {
  border: 1px solid rgba(var(--semi-lime-4), 1);
  color: rgba(var(--semi-lime-5), 1);
  background-color: #0000;
}

.semi-tag-lime-solid {
  background-color: rgba(var(--semi-lime-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-lime-light {
  background-color: rgba(var(--semi-lime-5), .15);
  color: rgba(var(--semi-lime-8), 1);
}

.semi-tag-orange-ghost {
  border: 1px solid rgba(var(--semi-orange-4), 1);
  color: rgba(var(--semi-orange-5), 1);
  background-color: #0000;
}

.semi-tag-orange-solid {
  background-color: rgba(var(--semi-orange-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-orange-light {
  background-color: rgba(var(--semi-orange-5), .15);
  color: rgba(var(--semi-orange-8), 1);
}

.semi-tag-pink-ghost {
  border: 1px solid rgba(var(--semi-pink-4), 1);
  color: rgba(var(--semi-pink-5), 1);
  background-color: #0000;
}

.semi-tag-pink-solid {
  background-color: rgba(var(--semi-pink-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-pink-light {
  background-color: rgba(var(--semi-pink-5), .15);
  color: rgba(var(--semi-pink-8), 1);
}

.semi-tag-purple-ghost {
  border: 1px solid rgba(var(--semi-purple-4), 1);
  color: rgba(var(--semi-purple-5), 1);
  background-color: #0000;
}

.semi-tag-purple-solid {
  background-color: rgba(var(--semi-purple-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-purple-light {
  background-color: rgba(var(--semi-purple-5), .15);
  color: rgba(var(--semi-purple-8), 1);
}

.semi-tag-red-ghost {
  border: 1px solid rgba(var(--semi-red-4), 1);
  color: rgba(var(--semi-red-5), 1);
  background-color: #0000;
}

.semi-tag-red-solid {
  background-color: rgba(var(--semi-red-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-red-light {
  background-color: rgba(var(--semi-red-5), .15);
  color: rgba(var(--semi-red-8), 1);
}

.semi-tag-teal-ghost {
  border: 1px solid rgba(var(--semi-teal-4), 1);
  color: rgba(var(--semi-teal-5), 1);
  background-color: #0000;
}

.semi-tag-teal-solid {
  background-color: rgba(var(--semi-teal-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-teal-light {
  background-color: rgba(var(--semi-teal-5), .15);
  color: rgba(var(--semi-teal-8), 1);
}

.semi-tag-violet-ghost {
  border: 1px solid rgba(var(--semi-violet-4), 1);
  color: rgba(var(--semi-violet-5), 1);
  background-color: #0000;
}

.semi-tag-violet-solid {
  background-color: rgba(var(--semi-violet-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-violet-light {
  background-color: rgba(var(--semi-violet-5), .15);
  color: rgba(var(--semi-violet-8), 1);
}

.semi-tag-yellow-ghost {
  border: 1px solid rgba(var(--semi-yellow-4), 1);
  color: rgba(var(--semi-yellow-5), 1);
  background-color: #0000;
}

.semi-tag-yellow-solid {
  background-color: rgba(var(--semi-yellow-5), 1);
  color: rgba(var(--semi-white), 1);
}

.semi-tag-yellow-light {
  background-color: rgba(var(--semi-yellow-5), .15);
  color: rgba(var(--semi-yellow-8), 1);
}

.semi-tag-white-ghost, .semi-tag-white-solid, .semi-tag-white-light {
  background-color: var(--semi-color-bg-4);
  border: 1px solid rgba(var(--semi-grey-2), .7);
  color: var(--semi-color-text-0);
}

.semi-tag-white-ghost .semi-tag-close, .semi-tag-white-light .semi-tag-close, .semi-tag-white-solid .semi-tag-close {
  color: var(--semi-color-text-2);
}

.semi-tag-avatar-square, .semi-tag-avatar-circle {
  background-color: var(--semi-color-bg-4);
  border: 1px solid var(--semi-color-border);
  color: var(--semi-color-text-0);
}

.semi-tag-split {
  align-items: center;
  display: inline-flex;
}

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

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

  50% {
    opacity: 1;
  }
}

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

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

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

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

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

  to {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  50% {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-overflow-list {
  flex-wrap: nowrap;
  min-width: 0;
  display: flex;
}

.semi-overflow-list-spacer {
  flex-shrink: 1;
  width: 1px;
}

.semi-overflow-list-scroll-wrapper {
  flex-wrap: nowrap;
  flex: 1;
  display: flex;
  overflow-x: scroll;
}

.semi-rtl .semi-overflow-list, .semi-portal-rtl .semi-overflow-list {
  direction: rtl;
}

.semi-space {
  display: inline-flex;
}

.semi-space-vertical {
  flex-direction: column;
}

.semi-space-horizontal {
  flex-direction: row;
}

.semi-space-align-center {
  align-items: center;
}

.semi-space-align-end {
  align-items: flex-end;
}

.semi-space-align-start {
  align-items: flex-start;
}

.semi-space-align-baseline {
  align-items: baseline;
}

.semi-space-wrap {
  flex-wrap: wrap;
}

.semi-space-tight-horizontal {
  column-gap: 8px;
}

.semi-space-tight-vertical {
  row-gap: 8px;
}

.semi-space-medium-horizontal {
  column-gap: 16px;
}

.semi-space-medium-vertical {
  row-gap: 16px;
}

.semi-space-loose-horizontal {
  column-gap: 24px;
}

.semi-space-loose-vertical {
  row-gap: 24px;
}

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

.semi-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;
  -webkit-user-select: none;
  user-select: none;
}

.semi-typography.semi-typography-disabled.semi-typography-link {
  color: var(--semi-color-link);
}

.semi-typography-icon {
  vertical-align: middle;
  color: inherit;
  margin-right: 4px;
}

.semi-typography-small {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 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-skip-ink: auto;
  text-decoration: underline;
}

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

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

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

.semi-typography a:visited {
  color: var(--semi-color-link-visited);
}

.semi-typography a:hover {
  color: var(--semi-color-link-hover);
}

.semi-typography a:active {
  color: var(--semi-color-link-active);
}

.semi-typography a .semi-typography-link-underline:hover {
  border-bottom: 1px solid var(--semi-color-link-hover);
  margin-bottom: -1px;
}

.semi-typography a .semi-typography-link-underline:active {
  border-bottom: 1px solid var(--semi-color-link-active);
  margin-bottom: -1px;
}

.semi-typography-ellipsis-single-line {
  overflow: hidden;
}

.semi-typography-ellipsis-multiple-line {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

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

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

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

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

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

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

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

.semi-typography-action-copied .semi-icon {
  vertical-align: middle;
  color: var(--semi-color-success);
}

.semi-typography-paragraph {
  margin: 0;
}

h1.semi-typography, .semi-typography-h1.semi-typography {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 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;
}

.semi-highlight-tag {
  color: var(--semi-color-highlight);
  background-color: var(--semi-color-highlight-bg);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-select-option {
  word-break: break-all;
  color: var(--semi-color-text-0);
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border-radius: 0;
  flex-wrap: nowrap;
  align-items: center;
  padding: 8px 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.semi-select-option-icon {
  color: #0000;
  place-content: center;
  width: 12px;
  margin-right: 8px;
  display: flex;
}

.semi-select-option-text {
  white-space: pre;
  flex-wrap: wrap;
  display: flex;
}

.semi-select-option-keyword {
  color: var(--semi-color-primary);
  background-color: inherit;
  font-weight: 600;
}

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

.semi-select-option-empty {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  justify-content: center;
}

.semi-select-option-empty:hover, .semi-select-option-empty:active {
  background-color: inherit;
}

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

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

.semi-select-option-selected {
  background: none;
  font-weight: 600;
}

.semi-select-option-selected .semi-select-option-icon {
  color: var(--semi-color-text-2);
}

.semi-select-option-focused {
  background-color: var(--semi-color-fill-0);
}

.semi-select {
  box-sizing: border-box;
  border-radius: var(--semi-border-radius-small);
  background-color: var(--semi-color-fill-0);
  vertical-align: middle;
  cursor: pointer;
  height: 32px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  border: 1px solid #0000;
  outline: none;
  max-height: 300px;
  font-weight: 400;
  display: inline-flex;
  position: relative;
  overflow-y: auto;
}

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

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

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

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

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

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

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

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

.semi-select-open:active, .semi-select-focus:active {
  background-color: var(--semi-color-fill-2);
  border: 1px solid var(--semi-color-focus-border);
}

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

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

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

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

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

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

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

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

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

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

.semi-select-disabled:focus {
  background-color: var(--semi-color-disabled-fill);
  border: 1px solid #0000;
}

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

.semi-select-disabled .semi-select-arrow, .semi-select-disabled .semi-select-prefix, .semi-select-disabled .semi-select-suffix {
  color: var(--semi-color-disabled-text);
}

.semi-select-disabled .semi-tag {
  color: var(--semi-color-disabled-text);
  background-color: #0000;
}

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

.semi-select-selection-text {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.semi-select-selection-text-inactive {
  opacity: .4;
  display: flex;
}

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

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

.semi-select-selection .semi-tag {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 4px;
}

.semi-select-selection .semi-tag:first-of-type {
  margin-left: 0;
}

.semi-select-selection .semi-tag-group {
  height: inherit;
}

.semi-select-selection .semi-tag-group .semi-tag {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 4px;
}

.semi-select-content-wrapper {
  white-space: nowrap;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.semi-select-content-wrapper-collapse {
  flex-shrink: 0;
  width: 100%;
  display: inline-flex;
}

.semi-select-content-wrapper-collapse .semi-overflow-list-overflow {
  min-width: 50px;
  max-width: 100%;
}

.semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-tag {
  background-color: #0000;
}

.semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-N {
  color: var(--semi-color-text-0);
  background-color: #0000;
  padding: 4px;
  font-size: 12px;
}

.semi-select-multiple {
  height: auto;
}

.semi-select-multiple .semi-select-selection {
  margin-left: 4px;
}

.semi-select-multiple .semi-select-content-wrapper {
  flex-wrap: wrap;
  width: 100%;
  min-height: 30px;
}

.semi-select-multiple .semi-select-content-wrapper-empty {
  margin-left: 8px;
}

.semi-select-multiple .semi-select-content-wrapper .semi-tag-group {
  align-items: center;
  display: flex;
}

.semi-select-multiple .semi-select-content-wrapper-one-line {
  flex-wrap: nowrap;
}

.semi-select-multiple .semi-select-content-wrapper-one-line .semi-tag-group {
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: flex-start;
  overflow: hidden;
}

.semi-select-multiple .semi-select-inline-label-wrapper {
  flex-shrink: 0;
}

.semi-select-multiple.semi-select-large .semi-select-content-wrapper {
  min-height: 38px;
}

.semi-select-multiple.semi-select-small .semi-select-content-wrapper {
  min-height: 22px;
}

.semi-select-arrow {
  width: 32px;
  color: var(--semi-color-text-2);
  transform: rotate(var(--semi-transform-rotate-none));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-select-arrow-empty {
  width: 12px;
  display: flex;
}

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

.semi-select-prefix-text, .semi-select-suffix-text {
  color: var(--semi-color-text-2);
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 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-select-prefix-icon, .semi-select-suffix-icon {
  color: var(--semi-color-text-2);
  margin: 0 8px;
}

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

.semi-select-clear {
  width: 32px;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.semi-select-clear:hover {
  color: var(--semi-color-primary);
}

.semi-select-inset-label-wrapper {
  display: inline;
}

.semi-select-inset-label {
  color: var(--semi-color-text-2);
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 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-select-create-tips {
  color: var(--semi-color-text-2);
  margin-right: 4px;
}

.semi-select-with-prefix .semi-select-selection {
  margin-left: 0;
}

.semi-select-single.semi-select-filterable .semi-select-content-wrapper {
  flex-grow: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}

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

.semi-select-single.semi-select-filterable .semi-input-wrapper-focus {
  border: none;
}

.semi-select-single.semi-select-filterable .semi-input {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper {
  flex-grow: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
  height: 24px;
  line-height: 24px;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-default {
  height: 24px;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper .semi-input-default {
  height: 100%;
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper {
  background-color: #0000;
  border: none;
  width: 100%;
  height: 100%;
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper-focus {
  border: none;
}

.semi-select-multiple.semi-select-filterable .semi-input {
  padding-left: 0;
  padding-right: 0;
}

.semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large {
  height: 24px;
  line-height: 24px;
}

.semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large .semi-input-large {
  height: 24px;
}

.semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
  height: 20px;
  line-height: 20px;
}

.semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-small {
  height: 20px;
}

.semi-select-option-list-wrapper {
  padding: 4px 0;
}

.semi-select-option-list {
  overflow: hidden auto;
}

.semi-select-option-list-chosen .semi-select-option-icon {
  display: flex;
}

.semi-select-group {
  color: var(--semi-color-text-2);
  cursor: default;
  margin-top: 4px;
  padding: 12px 16px 4px 32px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.semi-select-group:not(:first-of-type) {
  border-top: 1px solid var(--semi-color-border);
}

.semi-select-loading-wrapper {
  cursor: not-allowed;
  box-sizing: content-box;
  height: 20px;
  padding: 8px 16px;
}

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

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

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

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

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

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

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

.semi-select-dropdown-search-wrapper {
  border-bottom: 1px solid #0000;
  padding: 8px 12px;
}

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

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

.semi-rtl .semi-select-selection .semi-tag:first-of-type, .semi-portal-rtl .semi-select-selection .semi-tag:first-of-type {
  margin-right: 0;
}

.semi-rtl .semi-select-selection .semi-tag-group .semi-tag, .semi-portal-rtl .semi-select-selection .semi-tag-group .semi-tag {
  margin-left: 4px;
  margin-right: 0;
}

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

.semi-rtl .semi-select-multiple .semi-select-content-wrapper-empty, .semi-portal-rtl .semi-select-multiple .semi-select-content-wrapper-empty {
  margin-left: 0;
  margin-right: 8px;
}

.semi-rtl .semi-select-create-tips, .semi-portal-rtl .semi-select-create-tips {
  margin-left: 4px;
  margin-right: 0;
}

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

.semi-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper, .semi-portal-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper, .semi-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper, .semi-portal-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
  left: auto;
  right: 0;
}

.semi-rtl .semi-select-group, .semi-portal-rtl .semi-select-group {
  padding-left: 32px;
  padding-right: 16px;
}

.semi-rtl .semi-select-option-icon, .semi-portal-rtl .semi-select-option-icon {
  margin-left: 8px;
  margin-right: 0;
}

.semi-sidesheet {
  height: 100%;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  position: fixed;
  top: 0;
  left: 0;
}

.semi-sidesheet-inner:focus, .semi-sidesheet-content:focus {
  outline: none;
}

.semi-sidesheet-inner-wrap {
  position: absolute;
}

.semi-sidesheet-left, .semi-sidesheet-right {
  width: 0%;
  height: 100%;
  top: 0;
}

.semi-sidesheet-left .semi-sidesheet-inner-wrap, .semi-sidesheet-right .semi-sidesheet-inner-wrap {
  height: 100%;
}

.semi-sidesheet-left.semi-sidesheet, .semi-sidesheet-right.semi-sidesheet {
  width: 100%;
}

.semi-sidesheet-right, .semi-sidesheet-right .semi-sidesheet-inner-wrap {
  right: 0;
}

.semi-sidesheet-top, .semi-sidesheet-bottom {
  width: 100%;
  height: 0%;
  left: 0;
}

.semi-sidesheet-top .semi-sidesheet-inner-wrap, .semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
  width: 100%;
}

.semi-sidesheet-top.semi-sidesheet, .semi-sidesheet-bottom.semi-sidesheet {
  height: 100%;
}

.semi-sidesheet-top {
  top: 0;
}

.semi-sidesheet-bottom, .semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
  bottom: 0;
}

.semi-sidesheet-title {
  color: var(--semi-color-text-0);
  text-align: left;
  flex: 1 0 auto;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.semi-sidesheet-inner {
  z-index: 1;
  background-color: var(--semi-color-bg-2);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  overflow: auto;
}

.semi-sidesheet-header {
  border-bottom: 0px solid var(--semi-color-border);
  align-items: flex-start;
  padding: 24px 24px 20px;
  display: flex;
}

.semi-sidesheet-body {
  flex: 1;
  padding: 0 24px;
  overflow: auto;
}

.semi-sidesheet-size-small {
  width: 448px;
}

.semi-sidesheet-size-medium {
  width: 684px;
}

.semi-sidesheet-size-large {
  width: 920px;
}

.semi-sidesheet-size-small.semi-sidesheet {
  width: 448px;
}

.semi-sidesheet-size-medium.semi-sidesheet {
  width: 684px;
}

.semi-sidesheet-size-large.semi-sidesheet {
  width: 920px;
}

.semi-sidesheet-content {
  box-sizing: border-box;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.semi-sidesheet-mask {
  background-color: var(--semi-color-overlay-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-sidesheet-mask-hidden {
  opacity: 0;
  display: none;
}

.semi-sidesheet-footer {
  padding: 24px;
}

@keyframes semi-sidesheet-slideShow_top {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes semi-sidesheet-slideHide_top {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes semi-sidesheet-slideShow_bottom {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes semi-sidesheet-slideHide_bottom {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

@keyframes semi-sidesheet-slideShow_left {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes semi-sidesheet-slideHide_left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes semi-sidesheet-slideShow_right {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes semi-sidesheet-slideHide_right {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes semi-sidesheet-opacityShow {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes semi-sidesheet-opacityHide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.semi-sidesheet-animation-content_show_top {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_top;
}

.semi-sidesheet-animation-content_hide_top {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_top;
}

.semi-sidesheet-animation-content_show_bottom {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_bottom;
}

.semi-sidesheet-animation-content_hide_bottom {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_bottom;
}

.semi-sidesheet-animation-content_show_left {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_left;
}

.semi-sidesheet-animation-content_hide_left {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_left;
}

.semi-sidesheet-animation-content_show_right {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideShow_right;
}

.semi-sidesheet-animation-content_hide_right {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-slideHide_right;
}

.semi-sidesheet-animation-mask_show {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-opacityShow;
}

.semi-sidesheet-animation-mask_hide {
  animation: .18s cubic-bezier(.25, .46, .45, .94) forwards semi-sidesheet-opacityHide;
}

.semi-sidesheet-fixed .semi-sidesheet-inner {
  box-shadow: var(--semi-shadow-elevated);
}

.semi-sidesheet-fixed.semi-sidesheet-left, .semi-sidesheet-fixed.semi-sidesheet-left .semi-sidesheet-inner {
  left: 0;
}

.semi-sidesheet-fixed.semi-sidesheet-right {
  left: auto;
}

.semi-sidesheet-fixed.semi-sidesheet-right .semi-sidesheet-inner {
  right: 0;
}

.semi-sidesheet-fixed.semi-sidesheet-top, .semi-sidesheet-fixed.semi-sidesheet-bottom {
  height: auto;
}

.semi-sidesheet-fixed.semi-sidesheet-bottom {
  top: auto;
}

.semi-sidesheet-fixed.semi-sidesheet-bottom .semi-sidesheet-inner {
  bottom: 0;
}

.semi-sidesheet.semi-sidesheet-popup {
  position: absolute;
}

.semi-sidesheet-hidden {
  display: none;
}

.semi-sidesheet-rtl .semi-sidesheet-inner {
  direction: rtl;
}

.semi-sidesheet-rtl .semi-sidesheet-title {
  text-align: right;
}

.semi-switch {
  box-sizing: border-box;
  cursor: pointer;
  background-color: var(--semi-color-fill-0);
  transition: background-color .2s var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border: 1px solid #0000;
  border-radius: 12px;
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.semi-switch:hover {
  background-color: var(--semi-color-fill-1);
}

.semi-switch:active {
  border: 1px var(--semi-color-fill-2) solid;
}

.semi-switch:active .semi-switch-knob {
  width: 24px;
}

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

.semi-switch-checked {
  background-color: var(--semi-color-success);
}

.semi-switch-checked:hover {
  background-color: var(--semi-color-success-hover);
}

.semi-switch-checked .semi-switch-knob {
  background-color: rgba(var(--semi-white), 1);
  transform: translateX(18px);
}

.semi-switch-checked:active .semi-switch-knob {
  transform: translateX(12px);
}

.semi-switch-active {
  background-color: var(--semi-color-success-active);
}

.semi-switch-disabled {
  cursor: not-allowed;
  border: 1px var(--semi-color-border) solid;
  background-color: #0000;
}

.semi-switch-disabled:hover, .semi-switch-disabled:active {
  background-color: #0000;
}

.semi-switch-disabled:active .semi-switch-knob {
  width: 18px;
}

.semi-switch-disabled .semi-switch-knob {
  cursor: not-allowed;
  box-shadow: none;
  border: 1px var(--semi-color-border) solid;
}

.semi-switch-disabled .semi-switch-native-control {
  pointer-events: none;
  cursor: not-allowed;
}

.semi-switch-disabled.semi-switch-checked {
  background-color: var(--semi-color-success-disabled);
  border-color: #0000;
}

.semi-switch-disabled.semi-switch-checked:active .semi-switch-knob {
  transform: translateX(18px);
}

.semi-switch-disabled.semi-switch-checked .semi-switch-knob {
  box-shadow: none;
  border: none;
}

.semi-switch-disabled.semi-switch-loading:not(.semi-switch-checked):hover {
  background-color: var(--semi-color-fill-1);
}

.semi-switch-knob {
  cursor: pointer;
  background-color: rgba(var(--semi-white), 1);
  box-sizing: border-box;
  border-radius: 9px;
  width: 18px;
  height: 18px;
  transition: transform .2s ease-in-out, width .2s ease-in-out;
  position: absolute;
  top: 2px;
  left: 0;
  right: auto;
  transform: translateX(2px);
  box-shadow: 0 4px 6px #0000001a, 0 0 1px #0000004d;
}

.semi-switch-native-control {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  pointer-events: auto;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.semi-switch-native-control[type="checkbox"] {
  width: inherit;
  height: inherit;
}

.semi-switch-checked-text, .semi-switch-unchecked-text {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
  font-size: 12px;
  display: flex;
  position: absolute;
}

.semi-switch-checked-text {
  color: var(--semi-color-white);
}

.semi-switch-unchecked-text {
  color: var(--semi-color-text-2);
  right: 0;
}

.semi-switch-loading {
  background-color: var(--semi-color-fill-1);
  align-items: center;
  display: inline-flex;
}

.semi-switch-loading-spin .semi-spin-wrapper {
  color: var(--semi-color-white);
  align-items: center;
  display: inline-flex;
}

.semi-switch-loading .semi-switch-loading-spin {
  transform: translateX(2px);
}

.semi-switch-loading .semi-switch-loading-spin > .semi-spin-wrapper > svg {
  width: 18px;
  height: 18px;
}

.semi-switch-loading.semi-switch-checked {
  background-color: var(--semi-color-success-hover);
}

.semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
  transform: translateX(16px);
}

.semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
  transform: translateX(2px);
}

.semi-switch-loading.semi-switch-small .semi-switch-loading-spin > .semi-spin-wrapper > svg {
  width: 10px;
  height: 10px;
}

.semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
  transform: translateX(10px);
}

.semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
  transform: translateX(2px);
}

.semi-switch-loading.semi-switch-large .semi-switch-loading-spin > .semi-spin-wrapper > svg {
  width: 28px;
  height: 28px;
}

.semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
  transform: translateX(22px);
}

.semi-switch-disabled.semi-switch-checked {
  background-color: var(--semi-color-success-disabled);
}

.semi-switch-large {
  border-radius: 16px;
  width: 54px;
  height: 32px;
}

.semi-switch-large .semi-switch-knob {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  top: 3px;
  transform: translateX(3px);
}

.semi-switch-large.semi-switch-checked .semi-switch-knob {
  transform: translateX(26px);
}

.semi-switch-large.semi-switch-checked:active .semi-switch-knob {
  transform: translateX(16px);
}

.semi-switch-large:active .semi-switch-knob {
  width: 34px;
}

.semi-switch-large .semi-switch-checked-text, .semi-switch-large .semi-switch-unchecked-text {
  width: 26px;
  font-size: 14px;
}

.semi-switch-small {
  border-radius: 8px;
  width: 26px;
  height: 16px;
}

.semi-switch-small .semi-switch-knob {
  border-radius: 6px;
  width: 12px;
  height: 12px;
  top: 1px;
  transform: translateX(1px);
}

.semi-switch-small.semi-switch-checked .semi-switch-knob {
  transform: translateX(11px);
}

.semi-switch-small.semi-switch-checked:active .semi-switch-knob {
  transform: translateX(9px);
}

.semi-switch-small:active .semi-switch-knob {
  width: 14px;
}

.semi-form .semi-switch-native-control {
  width: 100%;
  height: 100%;
}

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

.semi-rtl .semi-switch-checked .semi-switch-knob, .semi-portal-rtl .semi-switch-checked .semi-switch-knob {
  transform: translateX(-18px);
}

.semi-rtl .semi-switch-checked:active .semi-switch-knob, .semi-portal-rtl .semi-switch-checked:active .semi-switch-knob {
  transform: translateX(-12px);
}

.semi-rtl .semi-switch-knob, .semi-portal-rtl .semi-switch-knob {
  left: auto;
  right: 0;
  transform: translateX(-2px);
}

.semi-rtl .semi-switch-native-control, .semi-portal-rtl .semi-switch-native-control {
  right: 0;
}

.semi-rtl .semi-switch-unchecked-text, .semi-portal-rtl .semi-switch-unchecked-text {
  left: 0;
}

.semi-rtl .semi-switch-loading .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading .semi-switch-loading-spin {
  transform: translateX(-2px);
}

.semi-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
  transform: translateX(-16px);
}

.semi-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
  transform: translateX(-2px);
}

.semi-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
  transform: translateX(-10px);
}

.semi-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
  transform: translateX(-2px);
}

.semi-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin, .semi-portal-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
  transform: translateX(-22px);
}

.semi-rtl .semi-switch-large .semi-switch-knob, .semi-portal-rtl .semi-switch-large .semi-switch-knob {
  transform: translateX(-3px);
}

.semi-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob, .semi-portal-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob {
  transform: translateX(-26px);
}

.semi-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob, .semi-portal-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob {
  transform: translateX(-16px);
}

.semi-rtl .semi-switch-small .semi-switch-knob, .semi-portal-rtl .semi-switch-small .semi-switch-knob {
  transform: translateX(-1px);
}

.semi-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob, .semi-portal-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob {
  transform: translateX(-11px);
}

.semi-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob, .semi-portal-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob {
  transform: translateX(-9px);
}

.semi-tabs {
  box-sizing: border-box;
  position: relative;
}

.semi-tabs-left {
  flex-direction: row;
  display: flex;
}

.semi-tabs-bar {
  white-space: nowrap;
  outline: none;
  position: relative;
}

.semi-tabs-bar-left {
  flex-direction: column;
  display: flex;
}

.semi-tabs-bar-extra {
  padding: 0 5px;
}

.semi-tabs-bar-more-trigger {
  cursor: pointer;
  color: var(--semi-color-text-2);
  display: inline-block;
}

.semi-tabs-bar-more-trigger-content {
  align-content: center;
  display: flex;
}

.semi-tabs-bar-more-trigger-content-icon:not(:not(.semi-tabs-bar-more-trigger-content-icon)) {
  flex-shrink: 0;
  align-items: center;
  margin: 0 8px;
  display: flex;
}

.semi-tabs-bar-more-trigger-line {
  padding: 16px 4px 14px;
}

.semi-tabs-bar-more-trigger-card, .semi-tabs-bar-more-trigger-button {
  padding: 8px 12px;
}

.semi-tabs-bar .semi-tabs-tab {
  cursor: pointer;
  box-sizing: border-box;
  float: left;
  color: var(--semi-color-text-2);
  -webkit-user-select: none;
  user-select: none;
  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: 400;
  line-height: 20px;
  display: block;
  position: relative;
}

.semi-tabs-bar .semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
  color: var(--semi-color-text-2);
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  margin-right: 8px;
  position: relative;
  top: 3px;
}

.semi-tabs-bar .semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
  color: var(--semi-color-text-2);
  cursor: pointer;
  margin-left: 10px;
  margin-right: 0;
  font-size: 14px;
}

.semi-tabs-bar .semi-tabs-tab:hover, .semi-tabs-bar .semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate), .semi-tabs-bar .semi-tabs-tab:active, .semi-tabs-bar .semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
  color: var(--semi-color-text-0);
}

.semi-tabs-bar .semi-tabs-tab-active, .semi-tabs-bar .semi-tabs-tab-active:hover {
  cursor: default;
  color: var(--semi-color-text-0);
  font-weight: 600;
}

.semi-tabs-bar .semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate), .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
  color: var(--semi-color-primary);
}

.semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close, .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
  color: var(--semi-color-text-2);
}

.semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
  color: var(--semi-color-text-1);
}

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

.semi-tabs-bar .semi-tabs-tab-disabled:hover {
  color: var(--semi-color-disabled-text);
  border-bottom: none;
}

.semi-tabs-tab-single.semi-tabs-tab {
  cursor: pointer;
  box-sizing: border-box;
  color: var(--semi-color-text-2);
  -webkit-user-select: none;
  user-select: none;
  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: 400;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.semi-tabs-tab-single.semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
  color: var(--semi-color-text-2);
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  margin-right: 8px;
  position: relative;
  top: 3px;
}

.semi-tabs-tab-single.semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
  color: var(--semi-color-text-2);
  cursor: pointer;
  margin-left: 10px;
  margin-right: 0;
  font-size: 14px;
}

.semi-tabs-tab-single.semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close.semi-icon-close:hover, .semi-tabs-tab-single.semi-tabs-tab:hover, .semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
  color: var(--semi-color-text-0);
}

.semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon.semi-tabs-tab-icon-close {
  color: var(--semi-color-text-2);
}

.semi-tabs-tab-single.semi-tabs-tab:active, .semi-tabs-tab-single.semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
  color: var(--semi-color-text-0);
}

.semi-tabs-tab-single.semi-tabs-tab:active .semi-icon.semi-tabs-tab-icon-close {
  color: var(--semi-color-text-2);
}

.semi-tabs-tab-single.semi-tabs-tab-active, .semi-tabs-tab-single.semi-tabs-tab-active:hover {
  cursor: default;
  color: var(--semi-color-text-0);
  font-weight: 600;
}

.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate), .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
  color: var(--semi-color-primary);
}

.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
  color: var(--semi-color-text-2);
}

.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
  color: var(--semi-color-text-1);
}

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

.semi-tabs-tab-single.semi-tabs-tab-disabled:hover {
  color: var(--semi-color-disabled-text);
  border-bottom: none;
}

.semi-tabs-bar-collapse, .semi-tabs-bar-collapse .semi-tabs-bar-overflow-list {
  align-items: center;
  display: flex;
}

.semi-tabs-bar-collapse .semi-overflow-list {
  flex: 1;
}

.semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.semi-tabs-bar-collapse .semi-overflow-list .semi-overflow-list-scroll-wrapper:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -2px;
}

.semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled, .semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled:hover {
  color: var(--semi-color-disabled-text);
  background-color: #0000;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
  margin-right: 4px;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button[aria-disabled="false"] {
  color: var(--semi-color-primary);
  background-color: #0000;
  border: 0 solid #0000;
  padding: 8px;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button[aria-disabled="false"]:hover {
  background-color: var(--semi-color-fill-0);
  color: var(--semi-color-primary);
  border-color: #0000;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button[aria-disabled="false"]:active {
  background-color: var(--semi-color-fill-1);
  color: var(--semi-color-primary);
  border-color: #0000;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
  margin-left: 4px;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button[aria-disabled="false"] {
  color: var(--semi-color-primary);
  background-color: #0000;
  border: 0 solid #0000;
  padding: 8px;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button[aria-disabled="false"]:hover {
  background-color: var(--semi-color-fill-0);
  color: var(--semi-color-primary);
  border-color: #0000;
}

.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button[aria-disabled="false"]:active {
  background-color: var(--semi-color-fill-1);
  color: var(--semi-color-primary);
  border-color: #0000;
}

.semi-tabs-bar-dropdown {
  max-height: 300px;
  overflow-y: auto;
}

.semi-tabs-bar:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
}

.semi-tabs-bar-line.semi-tabs-bar-top {
  border-bottom: 1px solid var(--semi-color-border);
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab {
  transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border-bottom: 2px solid #0000;
  padding: 16px 4px 14px;
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:first-of-type {
  padding-left: 0;
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:hover {
  border-bottom: 2px solid var(--semi-color-fill-0);
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -1px;
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:active {
  border-bottom: 2px solid var(--semi-color-fill-1);
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
  margin-right: 24px;
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-small {
  padding: 8px 4px 6px;
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-medium {
  padding: 12px 4px 10px;
}

.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-active, .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-active:hover {
  border-bottom: 2px solid var(--semi-color-primary);
}

.semi-tabs-bar-line.semi-tabs-bar-left {
  border-right: 1px solid var(--semi-color-border);
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border-left: 2px solid #0000;
  padding: 12px;
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
  border-left: 2px solid var(--semi-color-fill-0);
  background-color: var(--semi-color-fill-0);
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -2px;
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active {
  border-left: 2px solid var(--semi-color-fill-1);
  background-color: var(--semi-color-fill-1);
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-small {
  padding: 6px;
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-medium {
  padding: 10px;
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active, .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover {
  border-left: 2px solid var(--semi-color-primary);
  background-color: var(--semi-color-primary-light-default);
}

.semi-tabs-bar-line .semi-tabs-bar-extra {
  height: 50px;
  line-height: 50px;
}

.semi-tabs-bar-line .semi-tabs-bar-line-extra-small {
  height: 36px;
  line-height: 36px;
}

.semi-tabs-bar-card.semi-tabs-bar-top:before {
  border-bottom: 1px solid var(--semi-color-border);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab {
  border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0;
  border: 1px solid #0000;
  border-bottom: none;
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:hover {
  border-bottom: none;
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
  margin-right: 8px;
}

.semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab-active, .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab-active:hover {
  border: 1px solid var(--semi-color-border);
  border-bottom: 1px solid var(--semi-color-bg-1);
  background: none;
  padding: 8px 12px 7px;
}

.semi-tabs-bar-card.semi-tabs-bar-left {
  border-right: 1px solid var(--semi-color-border);
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
  border: 1px solid #0000;
  border-right: none;
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover {
  border-right: none;
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:not(:last-of-type) {
  margin-bottom: 8px;
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after {
  content: " ";
  background: var(--semi-color-bg-1);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
}

.semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active, .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:hover {
  border: 1px solid var(--semi-color-border);
  background: none;
  border-right: none;
  padding: 8px 12px;
}

.semi-tabs-bar-card .semi-tabs-tab {
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  padding: 8px 12px;
}

.semi-tabs-bar-card .semi-tabs-tab:hover {
  background: var(--semi-color-fill-0);
}

.semi-tabs-bar-card .semi-tabs-tab:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -2px;
}

.semi-tabs-bar-card .semi-tabs-tab:active {
  background: var(--semi-color-fill-1);
}

.semi-tabs-bar-button {
  border: none;
}

.semi-tabs-bar-button.semi-tabs-bar-left .semi-tabs-tab:not(:last-of-type) {
  margin-bottom: 8px;
}

.semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
  margin-right: 8px;
}

.semi-tabs-bar-button .semi-tabs-tab {
  border-radius: var(--semi-border-radius-small);
  color: var(--semi-color-text-2);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  border: none;
  padding: 8px 12px;
}

.semi-tabs-bar-button .semi-tabs-tab:hover {
  background-color: var(--semi-color-fill-0);
  border: none;
}

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

.semi-tabs-bar-button .semi-tabs-tab:active {
  background-color: var(--semi-color-fill-1);
}

.semi-tabs-bar-button .semi-tabs-tab-active, .semi-tabs-bar-button .semi-tabs-tab-active:hover {
  color: var(--semi-color-primary);
  background-color: var(--semi-color-primary-light-default);
  border: none;
}

.semi-tabs-bar-slash .semi-tabs-tab {
  padding: 12px 0;
}

.semi-tabs-bar-slash .semi-tabs-tab:first-of-type {
  padding-left: 0;
}

.semi-tabs-bar-slash .semi-tabs-tab:not(:last-of-type) {
  margin-right: 16px;
}

.semi-tabs-bar-slash .semi-tabs-tab:not(:last-of-type):after {
  content: "";
  vertical-align: bottom;
  background: linear-gradient(to bottom right, transparent 0%, transparent calc(50% - 1px), var(--semi-color-text-2) 50%, transparent calc(50% + 1px), transparent 100%);
  width: 8px;
  height: 14px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 16px;
  display: inline-block;
}

.semi-tabs-content {
  width: 100%;
  padding: 5px 0;
}

.semi-tabs-content-left {
  height: 100%;
  padding: 0 5px;
}

.semi-tabs-pane {
  width: 100%;
  color: var(--semi-color-text-0);
  overflow: hidden;
}

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

.semi-tabs-pane-inactive, .semi-tabs-content-no-animated .semi-tabs-pane-inactive {
  display: none;
}

@keyframes semi-tabs-panel-keyframe-leftShow {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes semi-tabs-panel-keyframe-rightShow {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes semi-tabs-panel-keyframe-topShow {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes semi-tabs-panel-keyframe-bottomShow {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.semi-tabs-pane-animate-leftShow {
  animation: .2s ease-in-out forwards semi-tabs-panel-keyframe-leftShow;
}

.semi-tabs-pane-animate-rightShow {
  animation: .2s ease-in-out forwards semi-tabs-panel-keyframe-rightShow;
}

.semi-tabs-pane-animate-topShow {
  animation: .2s ease-in-out forwards semi-tabs-panel-keyframe-topShow;
}

.semi-tabs-pane-animate-bottomShow {
  animation: .2s ease-in-out forwards semi-tabs-panel-keyframe-bottomShow;
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
  transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border-bottom: 2px solid #0000;
  padding: 16px 4px 14px;
  font-size: 14px;
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:first-of-type {
  padding-left: 0;
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:hover {
  border-bottom: 2px solid var(--semi-color-fill-0);
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -1px;
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:active {
  border-bottom: 2px solid var(--semi-color-fill-1);
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
  padding: 8px 4px 6px;
  font-size: 14px;
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
  padding: 12px 4px 10px;
  font-size: 14px;
}

.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
  border-bottom: 2px solid var(--semi-color-primary);
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab {
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  border-left: 2px solid #0000;
  padding: 12px;
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:hover {
  border-left: 2px solid var(--semi-color-fill-0);
  background-color: var(--semi-color-fill-0);
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -2px;
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:active {
  border-left: 2px solid var(--semi-color-fill-1);
  background-color: var(--semi-color-fill-1);
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-small {
  padding: 6px;
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-medium {
  padding: 10px;
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active:hover {
  border-left: 2px solid var(--semi-color-primary);
  background-color: var(--semi-color-primary-light-default);
}

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab {
  border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0;
  border: 1px solid #0000;
  border-bottom: none;
}

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab:hover {
  border-bottom: none;
}

.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active:hover {
  border: 1px solid var(--semi-color-border);
  border-bottom: 1px solid var(--semi-color-bg-1);
  background: none;
  padding: 8px 12px 7px;
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
  border: 1px solid #0000;
  border-right: none;
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab:hover {
  border-right: none;
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:after {
  content: " ";
  background: var(--semi-color-bg-1);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
}

.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:hover {
  border: 1px solid var(--semi-color-border);
  background: none;
  border-right: none;
  padding: 8px 12px;
}

.semi-tabs-tab-card.semi-tabs-tab {
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  padding: 8px 12px;
}

.semi-tabs-tab-card.semi-tabs-tab:hover {
  background: var(--semi-color-fill-0);
}

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

.semi-tabs-tab-card.semi-tabs-tab:active {
  background: var(--semi-color-fill-1);
}

.semi-tabs-tab-button {
  border: none;
}

.semi-tabs-tab-button.semi-tabs-tab {
  border-radius: var(--semi-border-radius-small);
  color: var(--semi-color-text-2);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
  border: none;
  padding: 8px 12px;
}

.semi-tabs-tab-button.semi-tabs-tab:hover {
  background-color: var(--semi-color-fill-0);
  border: none;
}

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

.semi-tabs-tab-button.semi-tabs-tab:active {
  background-color: var(--semi-color-fill-1);
}

.semi-tabs-tab-button.semi-tabs-tab-active, .semi-tabs-tab-button.semi-tabs-tab-active:hover {
  color: var(--semi-color-primary);
  background-color: var(--semi-color-primary-light-default);
  border: none;
}

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

.semi-rtl .semi-tabs-bar .semi-tabs-tab, .semi-portal-rtl .semi-tabs-bar .semi-tabs-tab {
  float: right;
}

.semi-rtl .semi-tabs-bar .semi-tabs-tab .semi-icon, .semi-portal-rtl .semi-tabs-bar .semi-tabs-tab .semi-icon {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start, .semi-portal-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
  margin-left: 4px;
  margin-right: 0;
}

.semi-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end, .semi-portal-rtl .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
  margin-left: 0;
  margin-right: 4px;
}

.semi-rtl .semi-tabs-bar-collapse .semi-icon-chevron_right, .semi-rtl .semi-tabs-bar-collapse .semi-icon-chevron_left, .semi-portal-rtl .semi-tabs-bar-collapse .semi-icon-chevron_right, .semi-portal-rtl .semi-tabs-bar-collapse .semi-icon-chevron_left {
  transform: scaleX(-1);
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type), .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
  margin-left: 24px;
  margin-right: 0;
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left {
  border-right: 0;
  border-left: 1px solid var(--semi-color-border);
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
  border-left: 0;
  border-right: 2px solid #0000;
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
  border-left: 0;
  border-right: 2px solid var(--semi-color-fill-0);
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:active {
  border-left: 0;
  border-right: 2px solid var(--semi-color-fill-1);
}

.semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active, .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active, .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab-active:hover {
  border-left: 0;
  border-right: 2px solid var(--semi-color-primary);
}

.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type), .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
  margin-left: 0;
  margin-right: 8px;
}

.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left {
  border-right: 0;
  border-left: 1px solid var(--semi-color-border);
}

.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
  border: 1px solid #0000;
  border-left: none;
}

.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab:hover {
  border-left: none;
}

.semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after, .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab-active:after {
  left: -1px;
  right: auto;
}

.semi-rtl .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type), .semi-portal-rtl .semi-tabs-bar-button.semi-tabs-bar-top .semi-tabs-tab:not(:last-of-type) {
  margin-left: 8px;
  margin-right: auto;
}

.semi-dropdown {
  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-dropdown-wrapper {
  box-shadow: var(--semi-shadow-elevated);
  z-index: 1050;
  border-radius: var(--semi-border-radius-medium);
  background: var(--semi-color-bg-3);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  opacity: 0;
  position: relative;
  overflow-y: auto;
}

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

.semi-dropdown-trigger {
  display: inline-block;
}

.semi-dropdown-menu {
  margin: 0;
  padding: 4px 0;
  list-style: none;
}

.semi-dropdown-title {
  color: var(--semi-color-text-2);
  cursor: default;
  padding: 8px 16px 4px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.semi-dropdown-title-withTick {
  padding-left: 31px;
}

.semi-dropdown-item {
  color: var(--semi-color-text-0);
  max-width: 280px;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0s;
  border-radius: 0;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.semi-dropdown-item-hover {
  background-color: var(--semi-color-fill-0);
}

.semi-dropdown-item:not(.semi-dropdown-item-active):hover {
  background-color: var(--semi-color-fill-0);
  cursor: pointer;
}

.semi-dropdown-item:not(.semi-dropdown-item-active):active {
  background-color: var(--semi-color-fill-1);
}

.semi-dropdown-item:focus-visible {
  background-color: var(--semi-color-fill-0);
  outline: 0;
}

.semi-dropdown-item-icon {
  align-items: center;
  margin-right: 8px;
  display: inline-flex;
}

.semi-dropdown-item-danger {
  color: var(--semi-color-danger);
}

.semi-dropdown-item-secondary {
  color: var(--semi-color-secondary);
}

.semi-dropdown-item-warning {
  color: var(--semi-color-warning);
}

.semi-dropdown-item-tertiary {
  color: var(--semi-color-tertiary);
}

.semi-dropdown-item-primary {
  color: var(--semi-color-primary);
}

.semi-dropdown-item-withTick {
  padding-left: 12px;
}

.semi-dropdown-item > .semi-icon {
  flex-shrink: 0;
  margin-right: 9px;
  font-size: 12px;
}

.semi-dropdown-item-active {
  font-weight: 600;
}

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

.semi-dropdown-item.semi-dropdown-item-disabled:hover, .semi-dropdown-item.semi-dropdown-item-disabled:active {
  cursor: not-allowed;
  background-color: #0000;
}

.semi-dropdown-divider {
  clear: both;
  background: var(--semi-color-border);
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 4px 0;
  display: block;
}

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

.semi-rtl .semi-dropdown-title-withTick, .semi-portal-rtl .semi-dropdown-title-withTick {
  padding-left: 0;
  padding-right: 31px;
}

.semi-rtl .semi-dropdown-item-withTick, .semi-portal-rtl .semi-dropdown-item-withTick {
  padding-left: auto;
  padding-right: 12px;
}

.semi-rtl .semi-dropdown-item > .semi-icon, .semi-portal-rtl .semi-dropdown-item > .semi-icon {
  margin-left: 9px;
  margin-right: 0;
}

.semi-toast {
  pointer-events: none;
}

.semi-toast-wrapper {
  z-index: 1010;
  justify-content: center;
  width: 100%;
  height: 0;
  display: flex;
  position: fixed;
  top: 0;
}

.semi-toast-wrapper .semi-toast-innerWrapper {
  text-align: center;
  width: fit-content;
  height: fit-content;
}

.semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
  perspective: unset;
  perspective-origin: center;
}

.semi-toast-zero-height-wrapper {
  perspective-origin: 50% 280px;
  perspective: 280px;
  height: 0;
  transition: all .3s cubic-bezier(.22, .57, .02, 1.2);
  overflow: visible;
}

.semi-toast-content {
  pointer-events: all;
  box-shadow: var(--semi-shadow-elevated);
  background-color: var(--semi-color-bg-3);
  border-radius: var(--semi-border-radius-medium);
  color: var(--semi-color-text-0);
  justify-content: center;
  align-items: flex-start;
  margin: 12px;
  padding: 12px 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
}

.semi-toast-content .semi-toast-close-button {
  height: 20px;
  margin-top: -2px;
}

.semi-toast-content .semi-toast-content-text {
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-left: 12px;
  margin-right: 12px;
}

.semi-toast-light.semi-toast-warning .semi-toast-content {
  background-color: var(--semi-color-warning-light-default);
  border: 1px solid var(--semi-color-warning);
}

.semi-toast-light.semi-toast-warning .semi-toast-icon-warning {
  color: var(--semi-color-warning);
}

.semi-toast-light.semi-toast-success .semi-toast-content {
  background-color: var(--semi-color-success-light-default);
  border: 1px solid var(--semi-color-success);
}

.semi-toast-light.semi-toast-success .semi-toast-icon-success {
  color: var(--semi-color-success);
}

.semi-toast-light.semi-toast-info .semi-toast-content {
  background-color: var(--semi-color-info-light-default);
  border: 1px solid var(--semi-color-info);
}

.semi-toast-light.semi-toast-info .semi-toast-icon-info {
  color: var(--semi-color-info);
}

.semi-toast-light.semi-toast-error .semi-toast-content {
  background-color: var(--semi-color-danger-light-default);
  border: 1px solid var(--semi-color-danger);
}

.semi-toast-light.semi-toast-error .semi-toast-icon-error {
  color: var(--semi-color-danger);
}

.semi-toast .semi-toast-icon-warning {
  color: var(--semi-color-warning);
}

.semi-toast .semi-toast-icon-success {
  color: var(--semi-color-success);
}

.semi-toast .semi-toast-icon-info {
  color: var(--semi-color-info);
}

.semi-toast .semi-toast-icon-error {
  color: var(--semi-color-danger);
}

.semi-toast-animation-show {
  animation: .3s cubic-bezier(.22, .57, .02, 1.2) forwards semi-toast-keyframe-toast-show;
}

.semi-toast-animation-hide {
  animation: .3s cubic-bezier(.22, .57, .02, 1.2) forwards semi-toast-keyframe-toast-hide;
}

@keyframes semi-toast-keyframe-toast-show {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
  }
}

@keyframes semi-toast-keyframe-toast-hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}

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

.semi-toast-rtl .semi-toast-content .semi-toast-content-text {
  text-align: right;
  margin-left: 12px;
  margin-right: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-collapsible-transition {
  transition: height .25s cubic-bezier(.25, .1, .25, 1) var(--semi-transition_delay-none), opacity .25s var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
}

.semi-tree-search-wrapper {
  padding: 8px 12px;
}

.semi-tree-wrapper {
  flex-direction: column;
  display: flex;
}

.semi-tree-option-list {
  box-sizing: border-box;
  flex: 1;
  padding: 8px 0;
  overflow: hidden auto;
}

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

.semi-tree-option-list li.semi-tree-option {
  box-sizing: border-box;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}

.semi-tree-option-list li > .semi-tree-option-label {
  padding: 0;
  list-style-type: none;
}

.semi-tree-option-list .semi-tree-option-expand-icon, .semi-tree-option-list .semi-tree-option-empty-icon {
  box-sizing: border-box;
  width: 12px;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  margin-right: 8px;
  display: flex;
}

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

.semi-tree-option-list .semi-tree-option-label {
  align-items: center;
  display: flex;
}

.semi-tree-option-list .semi-tree-option-label > .semi-icon, .semi-tree-option-list .semi-tree-option-label .semi-checkbox {
  margin-right: 8px;
}

.semi-tree-option-list .semi-tree-option-label-text {
  flex: 1;
  display: block;
}

.semi-tree-option-list .semi-tree-option-ellipsis .semi-tree-option-label-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.semi-tree-option-list .semi-tree-option-label-text, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon {
  border-radius: var(--semi-border-radius-small);
}

.semi-tree-option-list .semi-tree-option-label-text:hover, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-tree-option-list .semi-tree-option-label-text:active, .semi-tree-option-list .semi-tree-option .semi-checkbox-addon:active {
  background-color: var(--semi-color-fill-1);
}

.semi-tree-option-list .semi-tree-option-item-icon {
  color: var(--semi-color-text-2);
}

.semi-tree-option-list .semi-tree-option-active .semi-tree-option-label-text {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list .semi-tree-option-active:hover, .semi-tree-option-list .semi-tree-option-active:active {
  background-color: #0000;
}

.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label, .semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:hover, .semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
  transform: rotate(270deg);
}

.semi-tree-option-list .semi-tree-option-highlight {
  color: var(--semi-color-primary);
  background-color: inherit;
  font-weight: 600;
}

.semi-tree-option-list .semi-tree-option-hidden {
  display: none;
}

.semi-tree-option-list .semi-tree-option-disabled .semi-tree-option-label {
  color: var(--semi-color-disabled-text);
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable, .semi-tree-option-list .semi-tree-option-draggable {
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.semi-tree-option-list .semi-tree-option-draggable {
  box-sizing: border-box;
  border-left: 2px solid #0000;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
  border-top: 2px solid #0000;
  border-bottom: 2px solid #0000;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-top {
  border-top: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
  border-bottom: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-indent .semi-tree-option-indent-unit:before, .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-switcher-leaf-line:before {
  top: 0;
  bottom: 0;
}

.semi-tree-option-list .semi-tree-option-draggable.semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
  height: 50%;
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-top {
  border-top: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-bottom {
  border-bottom: 2px var(--semi-color-primary) solid;
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable {
  border: 2px solid var(--semi-color-primary);
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable .semi-tree-option-label, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable .semi-tree-option-label {
  border-top: 0;
  border-bottom: 0;
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable + .semi-tree-option-selected:after, .semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable + .semi-tree-option-selected:after {
  content: "";
  border-top: 2px solid var(--semi-color-primary);
  position: absolute;
  inset: 0 -1px 0 -2px;
}

.semi-tree-option-list .semi-tree-option-indent {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  align-self: stretch;
}

.semi-tree-option-list .semi-tree-option-indent-unit {
  width: 20px;
  display: inline-block;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit {
  height: 100%;
  position: relative;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit:before {
  top: -4px;
  inset-inline-start: 6px;
  border-inline-end: 1px solid var(--semi-color-text-3);
  content: "";
  position: absolute;
  bottom: -4px;
}

.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit-end:before {
  display: none;
}

.semi-tree-option-list .semi-tree-option-switcher {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  align-self: stretch;
  width: 12px;
  margin: 0 8px 0 0;
  position: relative;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:before {
  top: -4px;
  inset-inline-start: 6px;
  border-inline-end: 1px solid var(--semi-color-text-3);
  content: "";
  position: absolute;
  bottom: -4px;
}

.semi-tree-option-list .semi-tree-option-switcher-leaf-line:after {
  box-sizing: border-box;
  border-bottom: 1px solid var(--semi-color-text-3);
  content: "";
  width: 8px;
  height: 50%;
  margin-inline-start: 1px;
  position: absolute;
}

.semi-tree-option-list .semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line:before {
  height: calc(50% + 4px);
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
  padding-top: 0;
  padding-bottom: 0;
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
  padding: 2px 0;
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
  background-color: #0000;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
  padding-left: 8px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
  padding-left: 28px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
  padding-left: 48px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
  padding-left: 68px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
  padding-left: 88px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
  padding-left: 108px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
  padding-left: 128px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
  padding-left: 148px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
  padding-left: 168px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
  padding-left: 188px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
  padding-left: 208px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
  padding-left: 228px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
  padding-left: 248px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
  padding-left: 268px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
  padding-left: 288px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
  padding-left: 308px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
  padding-left: 328px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
  padding-left: 348px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
  padding-left: 368px;
}

.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
  padding-left: 388px;
}

.semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
  background-color: #0000;
}

.semi-tree-option-list .semi-tree-option-label-empty {
  color: var(--semi-color-disabled-text);
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
  justify-content: center;
  padding-left: 0;
}

.semi-tree-option-list .semi-checkboxGroup-vertical {
  row-gap: 0;
}

.semi-tree-option-list-block .semi-tree-option:hover {
  background-color: var(--semi-color-fill-0);
}

.semi-tree-option-list-block .semi-tree-option:active {
  background-color: var(--semi-color-fill-1);
}

.semi-tree-option-list-block .semi-tree-option-label {
  flex: 1;
}

.semi-tree-option-list-block .semi-tree-option-active, .semi-tree-option-list-block .semi-tree-option-active:hover, .semi-tree-option-list-block .semi-tree-option-active:active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list-block .semi-tree-option-active .semi-tree-option-label-text {
  background-color: #0000;
}

.semi-tree-option-list-block .semi-tree-option-expand-icon {
  box-sizing: content-box;
  flex-shrink: 0;
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:hover {
  color: var(--semi-color-text-0);
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:active {
  color: var(--semi-color-black);
}

.semi-tree-option-list-block .semi-tree-option-spin-icon {
  color: var(--semi-color-primary);
  line-height: 0;
  display: flex;
}

.semi-tree-option-list-block .semi-tree-option-spin-icon svg {
  width: 12px;
  height: 12px;
}

.semi-tree-option-list-block .semi-tree-option-selected {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label, .semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:hover, .semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:active, .semi-tree-option-list-block .semi-tree-option-selected .semi-checkbox-addon {
  background-color: #0000;
}

.semi-tree-option-list-block .semi-tree-option-selected:hover, .semi-tree-option-list-block .semi-tree-option-selected:active {
  background-color: var(--semi-color-primary-light-default);
}

.semi-tree-option-list-block .semi-tree-option-label-text, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon {
  border-radius: var(--semi-border-radius-small);
  padding: 0;
}

.semi-tree-option-list-block .semi-tree-option-label-text:hover, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:hover, .semi-tree-option-list-block .semi-tree-option-label-text:active, .semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:active {
  background-color: #0000;
}

.semi-tree-option-list-block .semi-tree-option-label-text {
  width: 0;
}

.semi-tree-option-list-block .semi-tree-option-empty:hover, .semi-tree-option-list-block .semi-tree-option-empty:active {
  background-color: #0000;
}

.semi-rtl .semi-tree, .semi-popover-rtl .semi-tree, .semi-rtl .semi-tree-wrapper, .semi-popover-rtl .semi-tree-wrapper, .semi-rtl .semi-tree-option-list, .semi-popover-rtl .semi-tree-option-list {
  direction: rtl;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-expand-icon, .semi-rtl .semi-tree-option-list .semi-tree-option-empty-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-expand-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-empty-icon {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tree-option-list .semi-tree-option, .semi-popover-rtl .semi-tree-option-list .semi-tree-option {
  padding-left: 0;
  padding-right: 8px;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon, .semi-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
  transform: rotate(90deg);
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
  padding-left: 0;
  padding-right: 8px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
  padding-left: 0;
  padding-right: 28px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
  padding-left: 0;
  padding-right: 48px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
  padding-left: 0;
  padding-right: 68px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
  padding-left: 0;
  padding-right: 88px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
  padding-left: 0;
  padding-right: 108px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
  padding-left: 0;
  padding-right: 128px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
  padding-left: 0;
  padding-right: 148px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
  padding-left: 0;
  padding-right: 168px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
  padding-left: 0;
  padding-right: 188px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
  padding-left: 0;
  padding-right: 208px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
  padding-left: 0;
  padding-right: 228px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
  padding-left: 0;
  padding-right: 248px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
  padding-left: 0;
  padding-right: 268px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
  padding-left: 0;
  padding-right: 288px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
  padding-left: 0;
  padding-right: 308px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
  padding-left: 0;
  padding-right: 328px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
  padding-left: 0;
  padding-right: 348px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
  padding-left: 0;
  padding-right: 368px;
}

.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20, .semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
  padding-left: 0;
  padding-right: 388px;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-label-empty, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
  padding-left: auto;
  padding-right: 0;
}

.semi-rtl .semi-tree-option-list .semi-tree-option-switcher, .semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher {
  margin-left: 8px;
  margin-right: 0;
}

.semi-rtl .semi-tree-option-list-block, .semi-popover-rtl .semi-tree-option-list-block {
  direction: rtl;
}

.code-riO5Fa {
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.code-riO5Fa .rp-codeblock {
  border-radius: none;
  border: none;
  margin: 0;
}

.container-IFclpG {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-IFclpG * {
  box-sizing: border-box;
}

.container-IFclpG .content-kVMods {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 8px;
  display: flex;
}

.container-IFclpG .code-wrap-KFvGiC, .container-IFclpG .preview-wrap-bS3u7N {
  border: .692px solid var(--semi-color-border);
  border-radius: 8px;
}

.container-IFclpG .preview-wrap-bS3u7N {
  background: var(--semi-color-bg-1);
}

.container-IFclpG .code-wrap-KFvGiC {
  background: var(--shiki-dark-bg, var(--rp-code-block-bg, var(--semi-color-bg-1)));
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.container-IFclpG .code-wrap-KFvGiC div[class^="language-"] {
  border-radius: 0;
  margin: 0;
}

.container-IFclpG .code-wrap-KFvGiC pre.shiki {
  min-height: 567px;
}

.container-IFclpG .code-wrap-KFvGiC .code-view-container-tab-show-asuxkr pre.shiki {
  min-height: 520px;
}

.container-IFclpG .code-tab-container-lvPgvN {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.container-IFclpG .code-tab-container-lvPgvN .code-view-container-xxjcQO {
  background: var(--shiki-dark-bg, var(--rp-code-block-bg, var(--semi-color-bg-1)));
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
}

.container-IFclpG .code-tab-container-lvPgvN .code-tab-dUi0Wc {
  width: 100%;
}

.container-IFclpG .code-tab-container-lvPgvN .code-tab-dUi0Wc .semi-tabs-bar {
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  overflow: auto hidden;
}

.container-IFclpG .code-tab-container-lvPgvN .code-tab-dUi0Wc .semi-tabs-bar::-webkit-scrollbar {
  display: none;
}

.container-IFclpG .preview-wrap-bS3u7N {
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-wrap-content-eAQdMB {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-body-BMwW2p {
  flex: 1;
  width: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-panel-FkKpqU {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-header-N_K_bW {
  border-bottom: 1px solid var(--semi-color-border);
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 36px;
  padding: 0 4px;
  display: flex;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-header-N_K_bW .semi-radioGroup.semi-radioGroup-buttonRadio {
  flex-wrap: nowrap;
  overflow: auto hidden;
  background: none !important;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-header-N_K_bW .semi-radioGroup.semi-radioGroup-buttonRadio::-webkit-scrollbar {
  display: none;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-header-N_K_bW .semi-radio-addon-buttonRadio {
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
  flex: none !important;
}

.container-IFclpG .preview-wrap-bS3u7N .preview-header-N_K_bW .semi-button-borderless {
  background: none;
}

.container-IFclpG .preview-wrap-bS3u7N .qrcode-qnWJAK {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin-top: 12px;
  display: flex;
}

.container-IFclpG .preview-wrap-bS3u7N .qrcode-qnWJAK .qrcode-svg-OVI6r6 {
  border: 2px solid #fff;
  margin-top: 12px;
  margin-bottom: 16px;
}

.container-IFclpG .preview-wrap-bS3u7N .qrcode-qnWJAK .qrcode-entry-drbBks {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 24px;
  padding: 0 20px;
  display: flex;
}

.container-IFclpG .footer-czWdt7 {
  border-top: 1px solid var(--semi-color-border);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 12px;
  display: flex;
}

.box-iyk7Aj {
  border: 1px solid var(--semi-color-border);
  background: var(--semi-color-bg-0);
  box-sizing: border-box;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  height: 618px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 600px) {
  .box-iyk7Aj {
    height: 800px;
  }

  .box-iyk7Aj .content-kVMods {
    flex-direction: column;
    align-items: center;
  }

  .box-iyk7Aj pre.shiki {
    min-height: 0 !important;
  }

  .box-iyk7Aj .code-view-container-tab-show-asuxkr pre.shiki {
    min-height: 0 !important;
  }

  .box-iyk7Aj .code-wrap-KFvGiC {
    flex: 1;
    min-height: 80px;
  }

  .box-iyk7Aj .preview-wrap-bS3u7N .qrcode-qnWJAK {
    margin-top: 0;
  }

  .box-iyk7Aj .preview-wrap-bS3u7N .qrcode-qnWJAK .qrcode-svg-OVI6r6 {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .box-iyk7Aj .preview-wrap-bS3u7N .qrcode-qnWJAK .qrcode-entry-drbBks {
    margin-top: 0;
  }

  .box-iyk7Aj .switch-schema-S96Ssf, .box-iyk7Aj .toggle-label-OtJ_Et {
    display: none;
  }
}

@container (width <= 600px) {
  .box-iyk7Aj {
    height: 100%;
  }

  .box-iyk7Aj .content-kVMods {
    flex-direction: column;
    align-items: center;
  }

  .box-iyk7Aj pre.shiki {
    min-height: 0 !important;
  }

  .box-iyk7Aj .code-view-container-tab-show-asuxkr pre.shiki {
    min-height: 0 !important;
  }

  .box-iyk7Aj .code-wrap-KFvGiC {
    flex: 1;
    min-height: 80px;
  }

  .box-iyk7Aj .preview-wrap-bS3u7N .qrcode-qnWJAK {
    margin-top: 0;
  }

  .box-iyk7Aj .preview-wrap-bS3u7N .qrcode-qnWJAK .qrcode-svg-OVI6r6 {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .box-iyk7Aj .preview-wrap-bS3u7N .qrcode-qnWJAK .qrcode-entry-drbBks {
    margin-top: 0;
  }

  .box-iyk7Aj .switch-schema-S96Ssf, .box-iyk7Aj .toggle-label-OtJ_Et {
    display: none;
  }
}

.box-fullscreen-H1U643 {
  z-index: 9999;
  width: 100vw;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  border: none;
  border-radius: 0;
  animation: .15s ease-out fullscreen-enter-SrekR8;
  position: fixed;
  inset: 0;
  height: 100vh !important;
  height: 100dvh !important;
}

.box-fullscreen-H1U643 .content-kVMods {
  flex-direction: row !important;
  align-items: stretch !important;
}

.box-fullscreen-H1U643 .code-wrap-KFvGiC {
  flex: initial !important;
  height: 100% !important;
  min-height: 0 !important;
}

.box-code-collapsed-GA9z5x .code-wrap-KFvGiC {
  border-color: #0000;
  overflow: hidden;
  min-width: 0 !important;
  min-height: 0 !important;
}

.box-preview-collapsed-IVNIxK .preview-wrap-bS3u7N {
  border-color: #0000;
}

@keyframes fullscreen-enter-SrekR8 {
  from {
    opacity: .9;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.code-view-comp-rxwBk3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}

.switch-schema-S96Ssf {
  width: 100%;
  margin-bottom: 100px;
  padding: 0 20px;
}

.switch-schema-S96Ssf .switch-schema-select-Mf5WGh {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.switch-schema-S96Ssf .switch-schema-select-Mf5WGh .semi-select-selection {
  font-size: 12px;
}

.switch-schema-S96Ssf .switch-schema-select-Mf5WGh .semi-input-default {
  font-size: 12px;
}

.switch-schema-S96Ssf .switch-schema-select-Mf5WGh .semi-select-arrow .semi-icon-default {
  font-size: 12px;
}

lynx-view {
  contain: strict;
  --rpx-unit: calc(1cqw / 7.5);
  --ppx-unit: 1cqw;
  --vw-unit: 1cqw;
  --vh-unit: 1cqh;
  width: 100%;
  display: none;
  container: lynx-view / inline-size;
}

lynx-view[transform-vh] {
  container-type: size;
}

lynx-view[ssr] {
  display: flex;
}

lynx-view[width="auto"] {
  --lynx-view-width: 100%;
  width: var(--lynx-view-width);
  inline-size: var(--lynx-view-width);
}

lynx-view[height="auto"], lynx-view[width="auto"] {
  contain: content;
}

lynx-view::part(page) {
  --rpx-unit: inherit;
  --ppx-unit: inherit;
  --vw-unit: inherit;
  --vh-unit: inherit;
  width: 100%;
  height: 100%;
}

@property --lynx-display {
  syntax: "linear | flex";
  inherits: false;
  initial-value: linear;
}

@property --lynx-linear-weight-sum {
  syntax: "<number>";
  inherits: false;
  initial-value: 1;
}

@property --lynx-linear-weight {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

@property --justify-content-column {
  syntax: "flex-start | flex-end | center | space-between | space-around";
  inherits: false;
  initial-value: flex-start;
}

@property --justify-content-column-reverse {
  syntax: "flex-start | flex-end | center | space-between | space-around";
  inherits: false;
  initial-value: flex-start;
}

@property --justify-content-row {
  syntax: "flex-start | flex-end | center | space-between | space-around";
  inherits: false;
  initial-value: flex-start;
}

@property --justify-content-row-reverse {
  syntax: "flex-start | flex-end | center | space-between | space-around";
  inherits: false;
  initial-value: flex-start;
}

@property --align-self-row {
  syntax: "start | end | center | stretch | auto";
  inherits: false;
  initial-value: auto;
}

@property --align-self-column {
  syntax: "start | end | center | stretch | auto";
  inherits: false;
  initial-value: auto;
}

@property --lynx-linear-weight-basis {
  syntax: "auto | <number> | <length>";
  inherits: false;
  initial-value: auto;
}

@property --lynx-linear-orientation {
  syntax: "<custom-ident>";
  inherits: false;
  initial-value: vertical;
}

@property --flex-direction {
  syntax: "*";
  inherits: false
}

@property --flex-wrap {
  syntax: "*";
  inherits: false
}

@property --flex-grow {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

@property --flex-shrink {
  syntax: "<number>";
  inherits: false;
  initial-value: 1;
}

@property --flex-basis {
  syntax: "*";
  inherits: false;
  initial-value: auto;
}

@property --flex-value {
  syntax: "*";
  inherits: false
}

@property --flex {
  syntax: "*";
  inherits: false
}

@property --linear-justify-content {
  syntax: "flex-start | flex-end | center | space-between | space-around";
  inherits: false;
  initial-value: flex-start;
}