/* [next]/internal/font/google/geist_da832ead.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.8e0177b5.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.b97b3418.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.853070df.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_da832ead-module__aN_Ytq__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_da832ead-module__aN_Ytq__variable {
  --font-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_b4d4e0d7.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.c1fdd6c2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.799d8ef8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.dbea232f.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_b4d4e0d7-module__vc6T-a__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_b4d4e0d7-module__vc6T-a__variable {
  --font-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-sans);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: #fef2f2;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-green-100: #dcfce7;
    --color-green-500: #00c758;
    --color-emerald-600: #009767;
    --color-blue-100: #dbeafe;
    --color-blue-500: #3080ff;
    --color-blue-900: #1c398e;
    --color-gray-600: #4a5565;
    --color-gray-950: #030712;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-snug: 1.375;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-green-100: lab(96.1861% -13.8464 6.52365);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-blue-900: lab(26.1542% 15.7545 -51.5504);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-950: lab(1.90334% .278696 -5.48866);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  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-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  html {
    font-family: var(--font-sans);
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[999\] {
    z-index: 999;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .block {
    display: block;
  }

  .block\! {
    display: block !important;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .min-h-\[70vh\] {
    min-height: 70vh;
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-full {
    width: 100%;
  }

  .w-full\! {
    width: 100% !important;
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

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

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .resize {
    resize: both;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 1.8);
  }

  .rounded-3xl {
    border-radius: calc(var(--radius) * 2.2);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }

  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }

  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#d9e1ff\] {
    border-color: #d9e1ff;
  }

  .border-input {
    border-color: var(--input);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .bg-\[\#e8f8ef\] {
    background-color: #e8f8ef;
  }

  .bg-\[\#f7f9ff\] {
    background-color: #f7f9ff;
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

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

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-red-50\/80 {
    background-color: #fef2f2cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/80 {
      background-color: color-mix(in oklab, var(--color-red-50) 80%, transparent);
    }
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

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

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-linear-180 {
    --tw-gradient-position: 180deg;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-180 {
      --tw-gradient-position: 180deg in oklab;
    }
  }

  .bg-linear-180 {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-primary\/50 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .from-primary\/50 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-primary\/0 {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 0%, transparent);
    }
  }

  .to-primary\/0 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-0\! {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .font-heading, .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#00a870\] {
    color: #00a870;
  }

  .text-\[\#1f2329\] {
    color: #1f2329;
  }

  .text-\[\#1f2733\] {
    color: #1f2733;
  }

  .text-\[\#5f6b7a\] {
    color: #5f6b7a;
  }

  .text-\[\#7f8695\] {
    color: #7f8695;
  }

  .text-\[\#0052d9\] {
    color: #0052d9;
  }

  .text-\[\#98a2b3\] {
    color: #98a2b3;
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .italic {
    font-style: italic;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow-\[0_-8px_20px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 -8px 20px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_18px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(0\,82\,217\,0\.12\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0052d91f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(15\,23\,42\,0\.06\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0f172a0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_rgba\(15\,23\,42\,0\.06\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #0f172a0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[--td-textarea-label-width\:96px\] {
    --td-textarea-label-width: 96px;
  }

  .\[--td-upload-height\:100\%\]\! {
    --td-upload-height: 100% !important;
  }

  .\[--td-upload-width\:100\%\]\! {
    --td-upload-width: 100% !important;
  }

  .group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size="sm"] *) {
    padding: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size="sm"] *) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
    grid-template-rows: auto auto;
  }

  .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
    padding-top: calc(var(--spacing) * 0);
  }

  .data-\[size\=sm\]\:gap-3[data-size="sm"] {
    gap: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:py-3[data-size="sm"] {
    padding-block: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
    padding-bottom: calc(var(--spacing) * 0);
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.2fr_1fr\] {
      grid-template-columns: 1.2fr 1fr;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-950 {
      background-color: var(--color-gray-950);
    }
  }

  .\[\&_\.t-upload__add-icon\]\:static\! .t-upload add-icon {
    position: static !important;
  }

  .\[\&_\.t-upload__add-icon\]\:flex\! .t-upload add-icon {
    display: flex !important;
  }

  .\[\&_\.t-upload__add-icon\]\:h-full\! .t-upload add-icon {
    height: 100% !important;
  }

  .\[\&_\.t-upload__add-icon\]\:w-full\! .t-upload add-icon {
    width: 100% !important;
  }

  .\[\&_\.t-upload__add-icon\]\:min-w-0 .t-upload add-icon {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&_\.t-upload__item\]\:block\! .t-upload item {
    display: block !important;
  }

  .\[\&_\.t-upload__item\]\:h-full\! .t-upload item {
    height: 100% !important;
  }

  .\[\&_\.t-upload__item\]\:w-full\! .t-upload item {
    width: 100% !important;
  }

  .\[\&_\.t-upload__item\]\:bg-transparent\! .t-upload item {
    background-color: #0000 !important;
  }

  .\[\&_\.t-upload__item--add\]\:w-full\! .t-upload item--add {
    width: 100% !important;
  }

  .\[\&_\.t-upload__item--add\]\:overflow-hidden\! .t-upload item--add {
    overflow: hidden !important;
  }

  .\[\&_\.t-upload__item--add\]\:bg-transparent\! .t-upload item--add {
    background-color: #0000 !important;
  }

  .\[\.border-b\]\:pb-4.border-b {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size="sm"] *).border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }

  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }
}

:root {
  --card: #fff;
  --card-foreground: #090b0c;
  --popover: #fff;
  --popover-foreground: #090b0c;
  --primary: #1447e6;
  --primary-foreground: #eff6ff;
  --secondary: #f4f4f5;
  --secondary-foreground: #18181b;
  --muted: #f1f3f3;
  --muted-foreground: #67787c;
  --accent: #f1f3f3;
  --accent-foreground: #161b1d;
  --destructive: #e40014;
  --border: #e3e7e8;
  --input: #e3e7e8;
  --ring: #9ca8ab;
  --chart-1: #77d4ff;
  --chart-2: #00a5ef;
  --chart-3: #0084cc;
  --chart-4: #0069a4;
  --chart-5: #005986;
  --radius: .25rem;
  --sidebar: #f9fbfb;
  --sidebar-foreground: #090b0c;
  --sidebar-primary: #155dfc;
  --sidebar-primary-foreground: #eff6ff;
  --sidebar-accent: #f1f3f3;
  --sidebar-accent-foreground: #161b1d;
  --sidebar-border: #e3e7e8;
  --sidebar-ring: #9ca8ab;
  --background: #fff;
  --foreground: #090b0c;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --card: lab(100% 0 0);
    --card-foreground: lab(2.93655% -.435196 -.608262);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.93655% -.435196 -.608262);
    --primary: lab(36.9089% 35.0961 -85.6872);
    --primary-foreground: lab(96.492% -1.14644 -5.11479);
    --secondary: lab(96.1634% .0993311 -.364041);
    --secondary-foreground: lab(8.30603% .618205 -2.16572);
    --muted: lab(95.7289% -.644743 -.229919);
    --muted-foreground: lab(49.1145% -5.80183 -4.41525);
    --accent: lab(95.7289% -.644743 -.229919);
    --accent-foreground: lab(9.32863% -1.87989 -2.1017);
    --destructive: lab(48.4493% 77.4328 61.5452);
    --border: lab(91.3368% -1.38441 -1.08377);
    --input: lab(91.3368% -1.38441 -1.08377);
    --ring: lab(67.9697% -3.85058 -3.02824);
    --chart-1: lab(80.3307% -20.2945 -31.385);
    --chart-2: lab(63.3038% -18.433 -51.0407);
    --chart-3: lab(51.7754% -11.4712 -49.8349);
    --chart-4: lab(41.6013% -9.10804 -42.5647);
    --chart-5: lab(35.164% -9.57692 -34.4068);
    --sidebar: lab(98.5129% -.644743 -.229931);
    --sidebar-foreground: lab(2.93655% -.435196 -.608262);
    --sidebar-primary: lab(44.0605% 29.0279 -86.0352);
    --sidebar-primary-foreground: lab(96.492% -1.14644 -5.11479);
    --sidebar-accent: lab(95.7289% -.644743 -.229919);
    --sidebar-accent-foreground: lab(9.32863% -1.87989 -2.1017);
    --sidebar-border: lab(91.3368% -1.38441 -1.08377);
    --sidebar-ring: lab(67.9697% -3.85058 -3.02824);
    --background: lab(100% 0 0);
    --foreground: lab(2.93655% -.435196 -.608262);
  }
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/* [project]/node_modules/.pnpm/tdesign-mobile-react@0.21.4_react-dom@19.1.5_react@19.1.5__react@19.1.5/node_modules/tdesign-mobile-react/dist/tdesign.css [app-client] (css) */
.t-safe-area-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.t-safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

:root, :root[theme-mode="light"] {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
  --td-warning-color-1: #fff1e9;
  --td-warning-color-2: #ffd9c2;
  --td-warning-color-3: #ffb98c;
  --td-warning-color-4: #fa9550;
  --td-warning-color-5: #e37318;
  --td-warning-color-6: #be5a00;
  --td-warning-color-7: #954500;
  --td-warning-color-8: #713300;
  --td-warning-color-9: #532300;
  --td-warning-color-10: #3b1700;
  --td-error-color-1: #fff0ed;
  --td-error-color-2: #ffd8d2;
  --td-error-color-3: #ffb9b0;
  --td-error-color-4: #ff9285;
  --td-error-color-5: #f6685d;
  --td-error-color-6: #d54941;
  --td-error-color-7: #ad352f;
  --td-error-color-8: #881f1c;
  --td-error-color-9: #68070a;
  --td-error-color-10: #490002;
  --td-success-color-1: #e3f9e9;
  --td-success-color-2: #c6f3d7;
  --td-success-color-3: #92dab2;
  --td-success-color-4: #56c08d;
  --td-success-color-5: #2ba471;
  --td-success-color-6: #008858;
  --td-success-color-7: #006c45;
  --td-success-color-8: #005334;
  --td-success-color-9: #003b23;
  --td-success-color-10: #002515;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e7e7e7;
  --td-gray-color-4: #dcdcdc;
  --td-gray-color-5: #c5c5c5;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #383838;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #fff;
  --td-font-white-2: #ffffff8c;
  --td-font-white-3: #ffffff59;
  --td-font-white-4: #ffffff38;
  --td-font-gray-1: #000000e6;
  --td-font-gray-2: #0009;
  --td-font-gray-3: #0006;
  --td-font-gray-4: #00000042;
  --td-brand-color: var(--td-brand-color-7);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-focus: var(--td-brand-color-1);
  --td-brand-color-active: var(--td-brand-color-8);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-active: var(--td-brand-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-active: var(--td-warning-color-2);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-active: var(--td-error-color-2);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-active: var(--td-success-color-2);
  --td-mask-active: #0009;
  --td-mask-disabled: #fff9;
  --td-mask-background: #fffffff5;
  --td-bg-color-page: var(--td-gray-color-1);
  --td-bg-color-container: var(--td-font-white-1);
  --td-bg-color-container-active: var(--td-gray-color-3);
  --td-bg-color-secondarycontainer: var(--td-gray-color-1);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
  --td-bg-color-component: var(--td-gray-color-3);
  --td-bg-color-component-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-secondarycomponent: var(--td-gray-color-4);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: var(--td-font-white-1);
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-text-color-watermark: #0000001a;
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f;
  --td-shadow-2: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f, 0 5px 5px -3px #0000001a;
  --td-shadow-3: 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014;
  --td-shadow-4: 0 2px 8px 0 #0000000f;
  --td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;
  --td-shadow-inset-right: inset .5px 0 0 #dcdcdc;
  --td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;
  --td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;
  --td-table-shadow-color: #00000014;
  --td-scrollbar-color: #0000001a;
  --td-scrollbar-hover-color: #0000004d;
  --td-scroll-track-color: #fff;
}

:root.dark, :root[theme-mode="dark"] {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;
  --td-warning-color-1: #4f2a1d;
  --td-warning-color-2: #582f21;
  --td-warning-color-3: #733c23;
  --td-warning-color-4: #a75d2b;
  --td-warning-color-5: #cf6e2d;
  --td-warning-color-6: #dc7633;
  --td-warning-color-7: #e8935c;
  --td-warning-color-8: #ecbf91;
  --td-warning-color-9: #eed7bf;
  --td-warning-color-10: #f3e9dc;
  --td-error-color-1: #472324;
  --td-error-color-2: #5e2a2d;
  --td-error-color-3: #703439;
  --td-error-color-4: #83383e;
  --td-error-color-5: #a03f46;
  --td-error-color-6: #c64751;
  --td-error-color-7: #de6670;
  --td-error-color-8: #ec888e;
  --td-error-color-9: #edb1b6;
  --td-error-color-10: #eeced0;
  --td-success-color-1: #193a2a;
  --td-success-color-2: #1a4230;
  --td-success-color-3: #17533d;
  --td-success-color-4: #0d7a55;
  --td-success-color-5: #059465;
  --td-success-color-6: #43af8a;
  --td-success-color-7: #46bf96;
  --td-success-color-8: #80d2b6;
  --td-success-color-9: #b4e1d3;
  --td-success-color-10: #deede8;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #383838;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #ffffffe6;
  --td-font-white-2: #ffffff8c;
  --td-font-white-3: #ffffff59;
  --td-font-white-4: #ffffff38;
  --td-font-gray-1: #000000e6;
  --td-font-gray-2: #0009;
  --td-font-gray-3: #0006;
  --td-font-gray-4: #00000042;
  --td-brand-color: var(--td-brand-color-8);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-focus: var(--td-brand-color-1);
  --td-brand-color-active: var(--td-brand-color-9);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-active: var(--td-brand-color-2);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-4);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-active: var(--td-warning-color-2);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-5);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-active: var(--td-error-color-2);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-4);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-active: var(--td-success-color-2);
  --td-mask-active: #0006;
  --td-mask-disabled: #0009;
  --td-mask-background: #242424f5;
  --td-bg-color-page: var(--td-gray-color-14);
  --td-bg-color-container: var(--td-gray-color-13);
  --td-bg-color-secondarycontainer: var(--td-gray-color-12);
  --td-bg-color-component: var(--td-gray-color-11);
  --td-bg-color-container-active: var(--td-gray-color-12);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-11);
  --td-bg-color-component-active: var(--td-gray-color-10);
  --td-bg-color-component-disabled: var(--td-gray-color-12);
  --td-bg-color-specialcomponent: transparent;
  --td-text-color-primary: var(--td-font-white-1);
  --td-text-color-secondary: var(--td-font-white-2);
  --td-text-color-placeholder: var(--td-font-white-3);
  --td-text-color-disabled: var(--td-font-white-4);
  --td-text-color-anti: var(--td-font-white-1);
  --td-text-color-brand: var(--td-brand-color-8);
  --td-text-color-link: var(--td-brand-color-8);
  --td-text-color-watermark: #ffffff1a;
  --td-border-level-1-color: var(--td-gray-color-11);
  --td-component-stroke: var(--td-gray-color-11);
  --td-border-level-2-color: var(--td-gray-color-9);
  --td-component-border: var(--td-gray-color-9);
  --td-shadow-1: 0 4px 6px #0000000f, 0 1px 10px #00000014, 0 2px 4px #0000001f;
  --td-shadow-2: 0 8px 10px #0000001f, 0 3px 14px #0000001a, 0 5px 5px #00000029;
  --td-shadow-3: 0 16px 24px #00000024, 0 6px 30px #0000001f, 0 8px 10px #0003;
  --td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;
  --td-shadow-inset-right: inset .5px 0 0 #5e5e5e;
  --td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;
  --td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;
  --td-table-shadow-color: #0000008c;
  --td-scrollbar-color: #ffffff1a;
  --td-scroll-track-color: #333;
}

:root {
  --td-radius-small: 3px;
  --td-radius-default: 6px;
  --td-radius-large: 9px;
  --td-radius-extraLarge: 12px;
  --td-radius-round: 999px;
  --td-radius-circle: 50%;
  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
  --td-font-size-link-small: 12px;
  --td-font-size-link-medium: 14px;
  --td-font-size-link-large: 16px;
  --td-font-size-mark-extraSmall: 10px;
  --td-font-size-mark-small: 12px;
  --td-font-size-mark-medium: 14px;
  --td-font-size-mark-large: 16px;
  --td-font-size-body-extraSmall: 10px;
  --td-font-size-body-small: 12px;
  --td-font-size-body-medium: 14px;
  --td-font-size-body-large: 16px;
  --td-font-size-title-small: 14px;
  --td-font-size-title-medium: 16px;
  --td-font-size-title-large: 18px;
  --td-font-size-title-extraLarge: 20px;
  --td-font-size-headline-small: 24px;
  --td-font-size-headline-medium: 28px;
  --td-font-size-headline-large: 36px;
  --td-font-size-display-medium: 48px;
  --td-font-size-display-large: 64px;
  --td-line-height-link-small: 20px;
  --td-line-height-link-medium: 22px;
  --td-line-height-link-large: 24px;
  --td-line-height-mark-extraSmall: 16px;
  --td-line-height-mark-small: 20px;
  --td-line-height-mark-medium: 22px;
  --td-line-height-mark-large: 24px;
  --td-line-height-body-extraSmall: 16px;
  --td-line-height-body-small: 20px;
  --td-line-height-body-medium: 22px;
  --td-line-height-body-large: 24px;
  --td-line-height-title-small: 22px;
  --td-line-height-title-medium: 24px;
  --td-line-height-title-large: 26px;
  --td-line-height-title-extraLarge: 28px;
  --td-line-height-headline-small: 32px;
  --td-line-height-headline-medium: 36px;
  --td-line-height-headline-large: 44px;
  --td-line-height-display-medium: 56px;
  --td-line-height-display-large: 72px;
  --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
  --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
  --td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);
  --td-font-mark-extraSmall: 600 var(--td-font-size-mark-extraSmall) / var(--td-line-height-mark-extraSmall) var(--td-font-family);
  --td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);
  --td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);
  --td-font-mark-large: 600 var(--td-font-size-mark-large) / var(--td-line-height-mark-large) var(--td-font-family);
  --td-font-body-extraSmall: var(--td-font-size-body-extraSmall) / var(--td-line-height-body-extraSmall) var(--td-font-family);
  --td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);
  --td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);
  --td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);
  --td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);
  --td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);
  --td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);
  --td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge) var(--td-font-family);
  --td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);
  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);
  --td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);
  --td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);
  --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);
  --td-font-size: 10px;
  --td-font-size-xs: var(--td-font-size-body-extraSmall);
  --td-font-size-s: var(--td-font-size-body-small);
  --td-font-size-base: var(--td-font-size-title-small);
  --td-font-size-m: var(--td-font-size-title-medium);
  --td-font-size-l: var(--td-font-size-title-large);
  --td-font-size-xl: var(--td-font-size-title-extraLarge);
  --td-font-size-xxl: var(--td-font-size-headline-large);
  --td-spacer: 8px;
  --td-spacer-1: 12px;
  --td-spacer-2: 16px;
  --td-spacer-3: 24px;
  --td-spacer-4: 32px;
  --td-spacer-5: 48px;
  --td-spacer-6: 80px;
}

:root, :root[theme-mode="light"] {
  --td-switch-dot-disabled-color: var(--td-font-white-1);
  --td-switch-loading-color: var(--td-brand-color);
}

:root.dark, :root[theme-mode="dark"] {
  --td-button-primary-disabled-color: var(--td-font-white-4);
  --td-skeleton-animation-gradient: #ffffff0f;
  --td-slider-dot-bg-color: var(--td-gray-color-4);
  --td-slider-dot-disabled-bg-color: var(--td-gray-color-11);
  --td-slider-dot-disabled-border-color: var(--td-gray-color-12);
  --td-switch-dot-disabled-color: var(--td-font-white-2);
  --td-switch-loading-color: var(--td-font-white-1);
}

@keyframes t-spin {
  from {
    transform: rotate(0);
  }

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

@keyframes t-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes t-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes t-slide-top-in {
  from {
    transform: translate3d(0, -100%, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes t-slide-top-out {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes t-slide-bottom-in {
  from {
    transform: translate3d(0, 100%, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes t-slide-bottom-out {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes t-slide-right-in {
  from {
    transform: translate3d(100%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes t-slide-right-out {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes t-slide-left-in {
  from {
    transform: translate3d(-100%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes t-slide-left-out {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.6);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.6);
  }
}

.t-loading {
  color: var(--td-loading-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  align-items: center;
  display: flex;
  position: relative;
}

.t-loading--inherit-color {
  color: inherit;
}

.t-loading--vertical {
  flex-direction: column;
}

.t-loading--vertical .t-loading__text {
  margin-top: 6px;
  margin-left: 0;
}

.t-loading__bar {
  pointer-events: none;
}

.t-loading__text {
  color: var(--td-loading-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-loading-text-font, var(--td-font-body-small));
  margin-left: 6px;
}

.t-loading__text--only {
  margin-left: 0;
}

.t-loading__gradient {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-loading__gradient-conic {
  background: conic-gradient(from 90deg, #fff 0deg, currentColor 360deg);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-mask: radial-gradient(#0000 calc(50% - .5px), #fff 50%);
  mask: radial-gradient(#0000 calc(50% - .5px), #fff 50%);
}

.t-loading__spinner {
  vertical-align: middle;
  width: 20px;
  max-width: 100%;
  height: 20px;
  max-height: 100%;
  animation: .8s steps(12, end) infinite t-rotate;
  display: inline-block;
  position: relative;
}

.t-loading__spinner--line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.t-loading__spinner--line:before {
  background-color: var(--td-loading-line-bg-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  content: " ";
  border-radius: 40%;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  display: block;
}

.t-loading__dot {
  background-color: currentColor;
  border-radius: 50%;
  width: 20%;
  height: 20%;
  animation-name: dotting;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.t-loading__dot--paused {
  animation-play-state: paused;
}

.t-loading__dots {
  justify-content: space-between;
  align-items: center;
  animation: none;
  display: flex;
}

.t-loading__parent, .t-loading__parent--relative {
  position: relative;
}

.t-loading--lock {
  overflow: hidden;
}

.t-loading--full {
  z-index: var(--td-loading-z-index, 3500);
  vertical-align: middle;
  background-color: var(--td-loading-full-bg-color, #fff9);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.t-loading--fullscreen {
  vertical-align: middle;
  width: 100%;
  height: 100%;
  z-index: var(--td-loading-z-index, 3500);
  background-color: var(--td-loading-full-bg-color, #fff9);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.t-loading--center {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.t-loading__spinner--line-1 {
  opacity: 1;
  transform: rotate(30deg);
}

.t-loading__spinner--line-2 {
  opacity: .9375;
  transform: rotate(60deg);
}

.t-loading__spinner--line-3 {
  opacity: .875;
  transform: rotate(90deg);
}

.t-loading__spinner--line-4 {
  opacity: .8125;
  transform: rotate(120deg);
}

.t-loading__spinner--line-5 {
  opacity: .75;
  transform: rotate(150deg);
}

.t-loading__spinner--line-6 {
  opacity: .6875;
  transform: rotate(180deg);
}

.t-loading__spinner--line-7 {
  opacity: .625;
  transform: rotate(210deg);
}

.t-loading__spinner--line-8 {
  opacity: .5625;
  transform: rotate(240deg);
}

.t-loading__spinner--line-9 {
  opacity: .5;
  transform: rotate(270deg);
}

.t-loading__spinner--line-10 {
  opacity: .4375;
  transform: rotate(300deg);
}

.t-loading__spinner--line-11 {
  opacity: .375;
  transform: rotate(330deg);
}

.t-loading__spinner--line-12 {
  opacity: .3125;
  transform: rotate(360deg);
}

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

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

@keyframes dotting {
  0% {
    opacity: .15;
  }

  1% {
    opacity: .8;
  }

  33% {
    opacity: .8;
  }

  34% {
    opacity: .15;
  }

  100% {
    opacity: .15;
  }
}

.t-button--size-extra-small {
  font-size: var(--td-button-extra-small-font-size, var(--td-font-size-base, 14px));
  padding-left: var(--td-button-extra-small-padding-horizontal, 8px);
  padding-right: var(--td-button-extra-small-padding-horizontal, 8px);
  height: var(--td-button-extra-small-height, 28px);
}

.t-button--size-extra-small .t-button__icon {
  font-size: var(--td-button-extra-small-icon-size, 18px);
}

.t-button--size-small {
  font-size: var(--td-button-small-font-size, var(--td-font-size-base, 14px));
  padding-left: var(--td-button-small-padding-horizontal, 12px);
  padding-right: var(--td-button-small-padding-horizontal, 12px);
  height: var(--td-button-small-height, 32px);
}

.t-button--size-small .t-button__icon {
  font-size: var(--td-button-small-icon-size, 18px);
}

.t-button--size-medium {
  font-size: var(--td-button-medium-font-size, var(--td-font-size-m, 16px));
  padding-left: var(--td-button-medium-padding-horizontal, 16px);
  padding-right: var(--td-button-medium-padding-horizontal, 16px);
  height: var(--td-button-medium-height, 40px);
}

.t-button--size-medium .t-button__icon {
  font-size: var(--td-button-medium-icon-size, 20px);
}

.t-button--size-large {
  font-size: var(--td-button-large-font-size, var(--td-font-size-m, 16px));
  padding-left: var(--td-button-large-padding-horizontal, 20px);
  padding-right: var(--td-button-large-padding-horizontal, 20px);
  height: var(--td-button-large-height, 48px);
}

.t-button--size-large .t-button__icon {
  font-size: var(--td-button-large-icon-size, 24px);
}

.t-button--default {
  color: var(--td-button-default-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  background-color: var(--td-button-default-bg-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
}

.t-button--default:after {
  border-width: var(--td-button-border-width, 2px);
  border-color: var(--td-button-default-border-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
}

.t-button--default.t-button--hover {
  z-index: 0;
}

.t-button--default.t-button--hover:after {
  background-color: var(--td-button-default-active-bg-color, var(--td-bg-color-component-active, var(--td-gray-color-6, #a6a6a6)));
  border-color: var(--td-button-default-active-border-color, var(--td-bg-color-component-active, var(--td-gray-color-6, #a6a6a6)));
}

.t-button--default.t-button--disabled {
  color: var(--td-button-default-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  background-color: var(--td-button-default-disabled-bg, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-button--default.t-button--disabled:after {
  border-color: var(--td-button-default-disabled-border-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-button--primary {
  color: var(--td-button-primary-color, var(--td-font-white-1, #fff));
  background-color: var(--td-button-primary-bg-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-button--primary:after {
  border-width: var(--td-button-border-width, 2px);
  border-color: var(--td-button-primary-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-button--primary.t-button--hover {
  z-index: 0;
}

.t-button--primary.t-button--hover:after {
  background-color: var(--td-button-primary-active-bg-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
  border-color: var(--td-button-primary-active-border-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-button--primary.t-button--disabled {
  color: var(--td-button-primary-disabled-color, var(--td-font-white-1, #fff));
  background-color: var(--td-button-primary-disabled-bg, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-button--primary.t-button--disabled:after {
  border-color: var(--td-button-primary-disabled-border-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-button--light {
  color: var(--td-button-light-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-button-light-bg-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-button--light:after {
  border-width: var(--td-button-border-width, 2px);
  border-color: var(--td-button-light-border-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-button--light.t-button--hover {
  z-index: 0;
}

.t-button--light.t-button--hover:after {
  background-color: var(--td-button-light-active-bg-color, var(--td-brand-color-light-active, var(--td-brand-color-2, #d9e1ff)));
  border-color: var(--td-button-light-active-border-color, var(--td-brand-color-light-active, var(--td-brand-color-2, #d9e1ff)));
}

.t-button--light.t-button--disabled {
  color: var(--td-button-light-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
  background-color: var(--td-button-light-disabled-bg, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-button--light.t-button--disabled:after {
  border-color: var(--td-button-light-disabled-border-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-button--danger {
  color: var(--td-button-danger-color, var(--td-font-white-1, #fff));
  background-color: var(--td-button-danger-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-button--danger:after {
  border-width: var(--td-button-border-width, 2px);
  border-color: var(--td-button-danger-border-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-button--danger.t-button--hover {
  z-index: 0;
}

.t-button--danger.t-button--hover:after {
  background-color: var(--td-button-danger-active-bg-color, var(--td-error-color-7, #ad352f));
  border-color: var(--td-button-danger-active-border-color, var(--td-error-color-7, #ad352f));
}

.t-button--danger.t-button--disabled {
  color: var(--td-button-danger-disabled-color, var(--td-error-color-disabled, var(--td-error-color-3, #ffb9b0)));
  background-color: var(--td-button-danger-disabled-bg, var(--td-error-color-3, #ffb9b0));
}

.t-button--danger.t-button--disabled:after {
  border-color: var(--td-button-danger-disabled-border-color, var(--td-error-color-3, #ffb9b0));
}

.t-button {
  white-space: nowrap;
  text-align: center;
  border-radius: var(--td-button-border-radius, var(--td-radius-default, 6px));
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-weight: var(--td-button-font-weight, 600);
  vertical-align: top;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  background-image: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: inline-flex;
  position: relative;
}

.t-button:after {
  content: "";
  transform-origin: 0 0;
  border-radius: calc(var(--td-button-border-radius, var(--td-radius-default, 6px)) * 2);
  box-sizing: border-box;
  border-style: solid;
  width: 200%;
  height: 200%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.5);
}

.t-button--text {
  color: var(--td-button-default-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  background: none;
}

.t-button--text:after {
  border: 0;
}

.t-button--text.t-button--hover:after {
  background-color: var(--td-button-default-text-active-bg-color, var(--td-bg-color-container-active, var(--td-gray-color-3, #e7e7e7)));
}

.t-button--text.t-button--primary {
  color: var(--td-button-primary-text-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background: none;
}

.t-button--text.t-button--primary.t-button--hover:after {
  background-color: var(--td-button-primary-text-active-bg-color, var(--td-bg-color-container-active, var(--td-gray-color-3, #e7e7e7)));
}

.t-button--text.t-button--primary.t-button--disabled {
  color: var(--td-button-primary-text-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
  background: none;
}

.t-button--text.t-button--danger {
  color: var(--td-button-danger-text-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background: none;
}

.t-button--text.t-button--danger.t-button--hover:after {
  background-color: var(--td-button-danger-text-active-bg-color, var(--td-bg-color-container-active, var(--td-gray-color-3, #e7e7e7)));
}

.t-button--text.t-button--danger.t-button--disabled {
  color: var(--td-button-danger-text-disabled-color, var(--td-button-danger-disabled-color, var(--td-error-color-disabled, var(--td-error-color-3, #ffb9b0))));
  background: none;
}

.t-button--text.t-button--light {
  color: var(--td-button-light-text-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background: none;
}

.t-button--text.t-button--light.t-button--hover:after {
  background-color: var(--td-button-light-text-active-bg-color, var(--td-bg-color-container-active, var(--td-gray-color-3, #e7e7e7)));
}

.t-button--text.t-button--disabled {
  color: var(--td-button-default-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-button--dashed, .t-button--outline {
  color: var(--td-button-default-outline-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  background-color: #0000;
}

.t-button--dashed:after, .t-button--outline:after {
  border-color: var(--td-button-default-outline-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}

.t-button--dashed.t-button--hover:after, .t-button--outline.t-button--hover:after {
  background-color: var(--td-button-default-outline-active-bg-color, var(--td-bg-color-container-active, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-button-default-outline-active-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}

.t-button--dashed.t-button--disabled, .t-button--outline.t-button--disabled {
  color: var(--td-button-default-outline-disabled-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}

.t-button--dashed.t-button--disabled:after, .t-button--outline.t-button--disabled:after {
  border-color: var(--td-button-default-outline-disabled-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}

.t-button--dashed.t-button--primary, .t-button--outline.t-button--primary {
  color: var(--td-button-primary-outline-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-button--dashed.t-button--primary:after, .t-button--outline.t-button--primary:after {
  border-color: var(--td-button-primary-outline-border-color, var(--td-button-primary-outline-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9))));
}

.t-button--dashed.t-button--primary.t-button--hover, .t-button--outline.t-button--primary.t-button--hover {
  color: var(--td-button-primary-outline-active-border-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-button--dashed.t-button--primary.t-button--hover:after, .t-button--outline.t-button--primary.t-button--hover:after {
  background-color: var(--td-button-primary-outline-active-bg-color, var(--td-bg-color-container-active, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-button-primary-outline-active-border-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-button--dashed.t-button--primary.t-button--disabled, .t-button--outline.t-button--primary.t-button--disabled {
  color: var(--td-button-primary-outline-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
  background-color: #0000;
}

.t-button--dashed.t-button--primary.t-button--disabled:after, .t-button--outline.t-button--primary.t-button--disabled:after {
  border-color: var(--td-button-primary-outline-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-button--dashed.t-button--danger, .t-button--outline.t-button--danger {
  color: var(--td-button-danger-outline-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-button--dashed.t-button--danger:after, .t-button--outline.t-button--danger:after {
  border-color: var(--td-button-danger-outline-border-color, var(--td-button-danger-outline-color, var(--td-error-color, var(--td-error-color-6, #d54941))));
}

.t-button--dashed.t-button--danger.t-button--hover, .t-button--outline.t-button--danger.t-button--hover {
  color: var(--td-button-danger-outline-active-border-color, var(--td-error-color-7, #ad352f));
}

.t-button--dashed.t-button--danger.t-button--hover:after, .t-button--outline.t-button--danger.t-button--hover:after {
  background-color: var(--td-button-danger-outline-active-bg-color, var(--td-bg-color-container-active, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-button-danger-outline-active-border-color, var(--td-error-color-7, #ad352f));
}

.t-button--dashed.t-button--danger.t-button--disabled, .t-button--outline.t-button--danger.t-button--disabled {
  color: var(--td-button-danger-outline-disabled-color, var(--td-error-color-3, #ffb9b0));
  background-color: #0000;
}

.t-button--dashed.t-button--danger.t-button--disabled:after, .t-button--outline.t-button--danger.t-button--disabled:after {
  border-color: var(--td-button-danger-outline-disabled-color, var(--td-error-color-3, #ffb9b0));
}

.t-button--dashed.t-button--light, .t-button--outline.t-button--light {
  color: var(--td-button-light-outline-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-button-light-outline-bg-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-button--dashed.t-button--light:after, .t-button--outline.t-button--light:after {
  border-color: var(--td-button-light-outline-border-color, var(--td-button-light-outline-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9))));
}

.t-button--dashed.t-button--light.t-button--hover, .t-button--outline.t-button--light.t-button--hover {
  color: var(--td-button-light-outline-active-border-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-button--dashed.t-button--light.t-button--hover:after, .t-button--outline.t-button--light.t-button--hover:after {
  background-color: var(--td-button-light-outline-active-bg-color, var(--td-brand-color-light-active, var(--td-brand-color-2, #d9e1ff)));
  border-color: var(--td-button-light-outline-active-border-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-button--dashed.t-button--light.t-button--disabled, .t-button--outline.t-button--light.t-button--disabled {
  color: var(--td-button-light-outline-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
  background-color: #0000;
}

.t-button--dashed.t-button--light.t-button--disabled:after, .t-button--outline.t-button--light.t-button--disabled:after {
  border-color: var(--td-button-light-outline-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-button--dashed:after {
  border-style: dashed;
}

.t-button--ghost {
  color: var(--td-button-ghost-color, #fff);
  background-color: #0000;
}

.t-button--ghost:after {
  border-color: var(--td-button-ghost-border-color, var(--td-button-ghost-color, #fff));
}

.t-button--ghost.t-button--default.t-button--hover {
  color: var(--td-button-ghost-hover-color, var(--td-font-white-2, #ffffff8c));
}

.t-button--ghost.t-button--default.t-button--hover:after {
  border-color: var(--td-button-ghost-hover-color, var(--td-font-white-2, #ffffff8c));
  background-color: #0000;
}

.t-button--ghost.t-button--primary {
  color: var(--td-button-ghost-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-button--ghost.t-button--primary:after {
  border-color: var(--td-button-ghost-primary-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-button--ghost.t-button--primary.t-button--hover {
  color: var(--td-button-ghost-primary-hover-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-button--ghost.t-button--primary.t-button--hover:after {
  border-color: var(--td-button-ghost-primary-hover-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
  background-color: #0000;
}

.t-button--ghost.t-button--primary.t-button--text.t-button--hover, .t-button--ghost.t-button--primary.t-button--text.t-button--hover:after {
  background-color: var(--td-gray-color-10, #4b4b4b);
}

.t-button--ghost.t-button--primary.t-button--disabled {
  color: var(--td-button-ghost-disabled-color, var(--td-font-white-4, #ffffff38));
  background-color: #0000;
}

.t-button--ghost.t-button--primary.t-button--disabled:after {
  border-color: var(--td-button-ghost-disabled-color, var(--td-font-white-4, #ffffff38));
}

.t-button--ghost.t-button--danger {
  color: var(--td-button-ghost-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-button--ghost.t-button--danger:after {
  border-color: var(--td-button-ghost-danger-border-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-button--ghost.t-button--danger.t-button--hover {
  color: var(--td-button-ghost-danger-hover-color, var(--td-error-color-active, var(--td-error-color-7, #ad352f)));
}

.t-button--ghost.t-button--danger.t-button--hover:after {
  border-color: var(--td-button-ghost-danger-hover-color, var(--td-error-color-active, var(--td-error-color-7, #ad352f)));
  background-color: #0000;
}

.t-button--ghost.t-button--danger.t-button--text.t-button--hover, .t-button--ghost.t-button--danger.t-button--text.t-button--hover:after {
  background-color: var(--td-gray-color-10, #4b4b4b);
}

.t-button--ghost.t-button--danger.t-button--disabled {
  color: var(--td-button-ghost-disabled-color, var(--td-font-white-4, #ffffff38));
  background-color: #0000;
}

.t-button--ghost.t-button--danger.t-button--disabled:after {
  border-color: var(--td-button-ghost-disabled-color, var(--td-font-white-4, #ffffff38));
}

.t-button--ghost.t-button--default.t-button--text.t-button--hover, .t-button--ghost.t-button--default.t-button--text.t-button--hover:after {
  background-color: var(--td-gray-color-10, #4b4b4b);
}

.t-button--ghost.t-button--default.t-button--disabled {
  color: var(--td-button-ghost-disabled-color, var(--td-font-white-4, #ffffff38));
  background-color: #0000;
}

.t-button--ghost.t-button--default.t-button--disabled:after {
  border-color: var(--td-button-ghost-disabled-color, var(--td-font-white-4, #ffffff38));
}

.t-loading + .t-button__content:not(:empty), .t-icon + .t-button__content:not(:empty), .t-button__content:not(:empty) + .t-icon {
  margin-left: 4px;
}

.t-button--round.t-button--size-large {
  border-radius: calc(var(--td-button-large-height, 48px) / 2);
}

.t-button--round.t-button--size-large:after {
  border-radius: var(--td-button-large-height, 48px);
}

.t-button--round.t-button--size-medium {
  border-radius: calc(var(--td-button-medium-height, 40px) / 2);
}

.t-button--round.t-button--size-medium:after {
  border-radius: var(--td-button-medium-height, 40px);
}

.t-button--round.t-button--size-small {
  border-radius: calc(var(--td-button-small-height, 32px) / 2);
}

.t-button--round.t-button--size-small:after {
  border-radius: var(--td-button-small-height, 32px);
}

.t-button--round.t-button--size-extra-small {
  border-radius: calc(var(--td-button-extra-small-height, 28px) / 2);
}

.t-button--round.t-button--size-extra-small:after {
  border-radius: var(--td-button-extra-small-height, 28px);
}

.t-button--square {
  padding: 0;
}

.t-button--square.t-button--size-large {
  width: var(--td-button-large-height, 48px);
}

.t-button--square.t-button--size-medium {
  width: var(--td-button-medium-height, 40px);
}

.t-button--square.t-button--size-small {
  width: var(--td-button-small-height, 32px);
}

.t-button--square.t-button--size-extra-small {
  width: var(--td-button-extra-small-height, 28px);
}

.t-button--circle {
  border-radius: 50%;
  padding: 0;
}

.t-button--circle.t-button--size-large {
  width: var(--td-button-large-height, 48px);
}

.t-button--circle.t-button--size-large:after {
  border-radius: 50%;
}

.t-button--circle.t-button--size-medium {
  width: var(--td-button-medium-height, 40px);
}

.t-button--circle.t-button--size-medium:after {
  border-radius: 50%;
}

.t-button--circle.t-button--size-small {
  width: var(--td-button-small-height, 32px);
}

.t-button--circle.t-button--size-small:after {
  border-radius: 50%;
}

.t-button--circle.t-button--size-extra-small {
  width: var(--td-button-extra-small-height, 28px);
}

.t-button--circle.t-button--size-extra-small:after {
  border-radius: 50%;
}

.t-button--block {
  width: 100%;
  display: flex;
}

.t-button--disabled {
  cursor: not-allowed;
}

.t-button__loading--wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-button__loading--indicator {
  color: var(--td-font-white-1, #fff);
}

.t-button.t-button--hover:after {
  z-index: -1;
}

.t-divider {
  color: var(--td-divider-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-divider-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-style: var(--td-divider-content-line-style, solid);
  border-width: 0;
  display: flex;
}

.t-divider:before, .t-divider:after {
  content: "";
  box-sizing: border-box;
  border: inherit;
  border-color: inherit;
  border-style: inherit;
  flex: 1;
  display: block;
}

.t-divider--horizontal {
  margin: var(--td-divider-horizontal-margin, 10px) 0;
  align-items: center;
}

.t-divider--horizontal:before, .t-divider--horizontal:after {
  border-top-width: var(--td-divider-border-width, 1px);
  transform-origin: center;
  transform: scaleY(.5);
}

.t-divider--horizontal .t-divider__content:not(:empty) {
  margin: 0 var(--td-divider-content-margin, var(--td-spacer-1, 12px));
}

.t-divider--vertical {
  height: 1em;
  margin: 0 var(--td-divider-vertical-margin, var(--td-spacer, 8px));
  flex-direction: column;
}

.t-divider--vertical:before, .t-divider--vertical:after {
  border-left-width: 1px;
  transform: scaleX(.5);
}

.t-divider--vertical-center {
  align-items: center;
  height: 100%;
}

.t-divider--dashed {
  border-style: dashed;
}

.t-divider__content {
  font: var(--td-divider-content-font, var(--td-font-body-small));
  color: var(--td-divider-content-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-divider--left:before, .t-divider--right:after {
  max-width: 30px;
}

.t-fab {
  position: fixed;
}

.t-fab__button {
  -webkit-box-shadow: var(--td-fab-shadow, var(--td-shadow-2, 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f, 0 5px 5px -3px #0000001a));
  box-shadow: var(--td-fab-shadow, var(--td-shadow-2, 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f, 0 5px 5px -3px #0000001a));
}

.t-fab--animation {
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
}

.t-row {
  box-sizing: border-box;
  flex-flow: wrap;
  display: flex;
}

.t-col {
  box-sizing: border-box;
  min-height: 1px;
  display: block;
}

.t-col--1 {
  width: 4.16667%;
}

.t-col--offset-1 {
  margin-left: 4.16667%;
}

.t-col--2 {
  width: 8.33333%;
}

.t-col--offset-2 {
  margin-left: 8.33333%;
}

.t-col--3 {
  width: 12.5%;
}

.t-col--offset-3 {
  margin-left: 12.5%;
}

.t-col--4 {
  width: 16.6667%;
}

.t-col--offset-4 {
  margin-left: 16.6667%;
}

.t-col--5 {
  width: 20.8333%;
}

.t-col--offset-5 {
  margin-left: 20.8333%;
}

.t-col--6 {
  width: 25%;
}

.t-col--offset-6 {
  margin-left: 25%;
}

.t-col--7 {
  width: 29.1667%;
}

.t-col--offset-7 {
  margin-left: 29.1667%;
}

.t-col--8 {
  width: 33.3333%;
}

.t-col--offset-8 {
  margin-left: 33.3333%;
}

.t-col--9 {
  width: 37.5%;
}

.t-col--offset-9 {
  margin-left: 37.5%;
}

.t-col--10 {
  width: 41.6667%;
}

.t-col--offset-10 {
  margin-left: 41.6667%;
}

.t-col--11 {
  width: 45.8333%;
}

.t-col--offset-11 {
  margin-left: 45.8333%;
}

.t-col--12 {
  width: 50%;
}

.t-col--offset-12 {
  margin-left: 50%;
}

.t-col--13 {
  width: 54.1667%;
}

.t-col--offset-13 {
  margin-left: 54.1667%;
}

.t-col--14 {
  width: 58.3333%;
}

.t-col--offset-14 {
  margin-left: 58.3333%;
}

.t-col--15 {
  width: 62.5%;
}

.t-col--offset-15 {
  margin-left: 62.5%;
}

.t-col--16 {
  width: 66.6667%;
}

.t-col--offset-16 {
  margin-left: 66.6667%;
}

.t-col--17 {
  width: 70.8333%;
}

.t-col--offset-17 {
  margin-left: 70.8333%;
}

.t-col--18 {
  width: 75%;
}

.t-col--offset-18 {
  margin-left: 75%;
}

.t-col--19 {
  width: 79.1667%;
}

.t-col--offset-19 {
  margin-left: 79.1667%;
}

.t-col--20 {
  width: 83.3333%;
}

.t-col--offset-20 {
  margin-left: 83.3333%;
}

.t-col--21 {
  width: 87.5%;
}

.t-col--offset-21 {
  margin-left: 87.5%;
}

.t-col--22 {
  width: 91.6667%;
}

.t-col--offset-22 {
  margin-left: 91.6667%;
}

.t-col--23 {
  width: 95.8333%;
}

.t-col--offset-23 {
  margin-left: 95.8333%;
}

.t-col--24 {
  width: 100%;
}

.t-col--offset-24 {
  margin-left: 100%;
}

.t-link--small .t-link__content {
  font: var(--td-font-body-small);
}

.t-link--small .t-link__prefix-icon, .t-link--small .t-link__suffix-icon {
  font-size: 14px;
}

.t-link--medium .t-link__content {
  font: var(--td-font-body-medium);
}

.t-link--medium .t-link__prefix-icon, .t-link--medium .t-link__suffix-icon {
  font-size: 16px;
}

.t-link--large .t-link__content {
  font: var(--td-font-body-large);
}

.t-link--large .t-link__prefix-icon, .t-link--large .t-link__suffix-icon {
  font-size: 18px;
}

.t-link--primary {
  color: var(--td-link-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-link--primary.t-link--underline:after {
  border-color: var(--td-link-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-link--primary.t-link--disabled {
  color: var(--td-link-primary-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-link--primary:active.t-link--hover {
  color: var(--td-link-primary-active-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-link--primary:active.t-link--hover.t-link--underline:after {
  border-color: var(--td-link-primary-active-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-link--success {
  color: var(--td-link-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}

.t-link--success.t-link--underline:after {
  border-color: var(--td-link-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}

.t-link--success.t-link--disabled {
  color: var(--td-link-success-disabled-color, var(--td-success-color-disabled, var(--td-success-color-3, #92dab2)));
}

.t-link--success:active.t-link--hover {
  color: var(--td-link-success-active-color, var(--td-success-color-active, var(--td-success-color-6, #008858)));
}

.t-link--success:active.t-link--hover.t-link--underline:after {
  border-color: var(--td-link-success-active-color, var(--td-success-color-active, var(--td-success-color-6, #008858)));
}

.t-link--warning {
  color: var(--td-link-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-link--warning.t-link--underline:after {
  border-color: var(--td-link-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-link--warning.t-link--disabled {
  color: var(--td-link-warning-disabled-color, var(--td-warning-color-disabled, var(--td-warning-color-3, #ffb98c)));
}

.t-link--warning:active.t-link--hover {
  color: var(--td-link-warning-active-color, var(--td-warning-color-active, var(--td-warning-color-6, #be5a00)));
}

.t-link--warning:active.t-link--hover.t-link--underline:after {
  border-color: var(--td-link-warning-active-color, var(--td-warning-color-active, var(--td-warning-color-6, #be5a00)));
}

.t-link--default {
  color: var(--td-link-default-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-link--default.t-link--underline:after {
  border-color: var(--td-link-default-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-link--default.t-link--disabled {
  color: var(--td-link-default-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-link--default:active.t-link--hover {
  color: var(--td-link-default-active-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-link--default:active.t-link--hover.t-link--underline:after {
  border-color: var(--td-link-default-active-color, var(--td-brand-color-active, var(--td-brand-color-8, #003cab)));
}

.t-link--danger {
  color: var(--td-link-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-link--danger.t-link--underline:after {
  border-color: var(--td-link-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-link--danger.t-link--disabled {
  color: var(--td-link-danger-disabled-color, var(--td-error-color-disabled, var(--td-error-color-3, #ffb9b0)));
}

.t-link--danger:active.t-link--hover {
  color: var(--td-link-danger-active-color, var(--td-error-color-active, var(--td-error-color-7, #ad352f)));
}

.t-link--danger:active.t-link--hover.t-link--underline:after {
  border-color: var(--td-link-danger-active-color, var(--td-error-color-active, var(--td-error-color-7, #ad352f)));
}

.t-link {
  box-sizing: content-box;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.t-link--underline:after {
  content: "";
  opacity: 1;
  border-bottom: 1px solid #cd0be7;
  height: 0;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
}

.t-link__prefix-icon:not(:empty) + .t-link__content:not(:empty), .t-link__content:not(:empty) + .t-link__suffix-icon:not(:empty) {
  display: inherit;
  padding-left: 4px;
}

.t-back-top {
  box-sizing: border-box;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  transition: height .2s;
  display: flex;
  overflow: hidden;
}

.t-back-top--fixed {
  right: var(--td-spacer, 8px);
  bottom: calc(var(--td-spacer-2, 16px)  + env(safe-area-inset-bottom));
  position: fixed;
}

.t-back-top--round, .t-back-top--round-dark {
  border-radius: var(--td-back-top-round-border-radius, var(--td-radius-circle, 50%));
  width: 48px;
  height: 48px;
}

.t-back-top--round:after, .t-back-top--round-dark:after {
  border-radius: var(--td-back-top-round-border-radius, var(--td-radius-circle, 50%));
}

.t-back-top--round, .t-back-top--half-round {
  color: var(--td-back-top-round-color, var(--td-font-gray-1, #000000e6));
  background-color: var(--td-back-top-round-bg-color, var(--td-font-white-1, #fff));
}

.t-back-top--round-dark, .t-back-top--half-round-dark {
  color: var(--td-back-top-round-dark-color, var(--td-font-white-1, #fff));
  background-color: var(--td-back-top-round-dark-bg-color, var(--td-gray-color-14, #181818));
}

.t-back-top--half-round, .t-back-top--half-round-dark {
  border-radius: var(--td-back-top-half-round-border-radius, var(--td-radius-round, 999px)) 0 0 var(--td-back-top-half-round-border-radius, var(--td-radius-round, 999px));
  flex-direction: row;
  width: 60px;
  height: 40px;
  right: 0;
}

.t-back-top--half-round:after, .t-back-top--half-round-dark:after {
  border-radius: var(--td-back-top-half-round-border-radius, var(--td-radius-round, 999px)) 0 0 var(--td-back-top-half-round-border-radius, var(--td-radius-round, 999px));
}

.t-back-top--round:after, .t-back-top--half-round:after {
  border: 1px solid var(--td-back-top-round-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  inset: -50%;
  transform: scale(.5);
}

.t-back-top--round-dark:after, .t-back-top--half-round-dark:after {
  border: 1px solid var(--td-back-top-round-border-color, var(--td-gray-color-9, #5e5e5e));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  inset: -50%;
  transform: scale(.5);
}

.t-back-top__text--round, .t-back-top__text--round-dark, .t-back-top__text--half-round, .t-back-top__text--half-round-dark {
  font-weight: 600;
  font-size: var(--td-font-size, 10px);
  line-height: 12px;
}

.t-back-top__text--half-round, .t-back-top__text--half-round-dark {
  width: 2em;
}

.t-back-top__icon:not(:empty) + .t-back-top__text--half-round, .t-back-top__icon:not(:empty) + .t-back-top__text--half-round-dark {
  margin-left: 2px;
}

.t-back-top__icon {
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
}

.t-overlay-fade-enter, .t-overlay-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
  animation-play-state: paused;
  animation-fill-mode: both;
}

.t-overlay-fade-exit {
  animation-timing-function: linear;
  animation-play-state: paused;
  animation-fill-mode: both;
}

.t-overlay-fade-enter.t-overlay-fade-enter-active, .t-overlay-fade-enter.t-overlay-fade-enter-active.t-overlay-fade-enter-to, .t-overlay-fade-appear.t-overlay-fade-appear-active, .t-overlay-fade-appear.t-overlay-fade-appear-active.t-overlay-fade-appear-to {
  animation-name: tOverlayFadeIn;
  animation-play-state: running;
}

.t-overlay-fade-exit.t-overlay-fade-exit-active, .t-overlay-fade-leave-active.t-overlay-fade-leave-to {
  animation-name: tOverlayFadeOut;
  animation-play-state: running;
}

@keyframes tOverlayFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tOverlayFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.t-overlay {
  background-color: var(--td-overlay-bg-color, var(--td-mask-active, #0009));
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.t-overlay-enter-from, .t-overlay-leave-to {
  opacity: 0;
}

.t-overlay-enter-active, .t-overlay-leave-active {
  transition-property: opacity;
  transition-timing-function: ease;
}

.t-overlay--lock {
  overflow: hidden;
}

.slide-top-enter-active {
  animation: .3s t-slide-top-in;
}

.slide-top-leave-active {
  animation: .3s t-slide-top-out;
}

.slide-right-enter-active {
  animation: .3s t-slide-right-in;
}

.slide-right-leave-active {
  animation: .3s t-slide-right-out;
}

.slide-bottom-enter-active {
  animation: .3s t-slide-bottom-in;
}

.slide-bottom-leave-active {
  animation: .3s t-slide-bottom-out;
}

.slide-left-enter-active {
  animation: .3s t-slide-left-in;
}

.slide-left-leave-active {
  animation: .3s t-slide-left-out;
}

.fade-zoom-enter-active {
  animation: .35s t-fade-zoom-in;
}

.fade-zoom-leave-active {
  animation: .35s t-fade-zoom-out;
}

.fade-enter-active {
  animation: .3s t-fade-in;
}

.fade-leave-active {
  animation: .3s t-fade-out;
}

.t-popup {
  z-index: 11500;
  background-color: var(--td-popup-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  box-sizing: border-box;
  will-change: transform, opacity;
  max-height: 100vh;
  position: fixed;
}

.t-popup__content {
  z-index: 1;
  position: relative;
}

.t-popup__close {
  color: var(--td-popup-close-btn-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  padding: 10px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.t-popup--top {
  border-bottom-left-radius: var(--td-popup-border-radius, var(--td-radius-extraLarge, 12px));
  border-bottom-right-radius: var(--td-popup-border-radius, var(--td-radius-extraLarge, 12px));
  width: 100%;
  top: 0;
  left: 0;
}

.t-popup--bottom {
  border-top-left-radius: var(--td-popup-border-radius, var(--td-radius-extraLarge, 12px));
  border-top-right-radius: var(--td-popup-border-radius, var(--td-radius-extraLarge, 12px));
  width: 100vw;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  bottom: 0;
  left: 0;
}

.t-popup--left {
  height: 100vh;
  top: 0;
  left: 0;
}

.t-popup--right {
  height: 100vh;
  top: 0;
  right: 0;
}

.t-popup--center {
  border-radius: var(--td-popup-border-radius, var(--td-radius-extraLarge, 12px));
  top: 50%;
  left: 50%;
  transform: scale(1)translate3d(-50%, -50%, 0);
}

.t-popup.t-dialog-enter.t-popup--center, .t-popup.t-dialog-leave-to.t-popup--center {
  opacity: 0;
  transform: scale(.6)translate3d(-50%, -50%, 0);
}

.t-popup--lock, .t-popup-overflow-hidden {
  overflow: hidden;
}

.t-drawer {
  background: var(--td-drawer-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  height: 100vh;
  width: var(--td-drawer-width, 280px);
  flex-direction: column;
  display: flex;
}

.t-drawer--hover {
  background-color: var(--td-drawer-hover-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-drawer__title {
  font: var(--td-drawer-title-font, var(--td-font-title-large));
  color: var(--td-drawer-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  padding: 24px 16px 8px;
}

.t-drawer__sidebar {
  height: var(--td-drawer-sidebar-height, 70vh);
  overflow-y: scroll;
}

.t-drawer__sidebar-item {
  padding: var(--td-drawer-item-padding, 16px) 0 var(--td-drawer-item-padding, 16px) var(--td-drawer-item-padding, 16px);
  font: var(--td-font-body-large);
  align-items: center;
  display: flex;
  position: relative;
}

.t-drawer__sidebar-item:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-drawer-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  left: 0;
  right: 0;
  left: var(--td-drawer-item-padding, 16px);
  display: block;
  position: absolute;
  transform: scaleY(.5);
}

.t-drawer__sidebar-item-title {
  color: var(--td-drawer-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  flex: 1;
}

.t-drawer__sidebar-item-icon {
  color: var(--td-drawer-title-color, var(--td-drawer-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6))));
  font-size: var(--td-drawer-item-icon-size, 24px);
  padding-right: 8px;
}

.t-drawer__footer {
  padding-bottom: var(--td-drawer-footer-padding-bottom, 20px);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.t-indexes {
  height: 100vh;
  position: relative;
  overflow-y: scroll;
}

.t-indexes__sidebar {
  right: var(--td-indexes-sidebar-right, 8px);
  color: var(--td-indexes-sidebar-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-indexes-sidebar-font, var(--td-font-body-small));
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.t-indexes__sidebar-item {
  min-width: var(--td-indexes-sidebar-item-size, 20px);
  height: var(--td-indexes-sidebar-item-size, 20px);
  padding: 0 calc(var(--td-spacer, 8px) / 2);
  box-sizing: border-box;
  border-radius: var(--td-indexes-sidebar-item-size, 20px);
  text-align: center;
  position: relative;
}

.t-indexes__sidebar-item--active {
  background-color: var(--td-indexes-sidebar-active-bg-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  color: var(--td-indexes-sidebar-active-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
}

.t-indexes__sidebar-item + .t-indexes__sidebar-item {
  margin-top: 2px;
}

.t-indexes__sidebar-tips {
  min-width: var(--td-indexes-sidebar-tips-size, 48px);
  max-width: 99px;
  padding: 0 var(--td-spacer-2, 16px);
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: var(--td-indexes-sidebar-tips-size, 48px);
  font: var(--td-indexes-sidebar-tips-font, var(--td-font-title-extraLarge));
  color: var(--td-indexes-sidebar-tips-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-indexes-sidebar-tips-bg-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
  border-radius: var(--td-indexes-sidebar-tips-size, 48px);
  top: 50%;
  bottom: 0;
  right: var(--td-indexes-sidebar-tips-right, calc(100% + 16px));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
  transform: translateY(-50%);
}

.t-indexes-anchor {
  color: var(--td-indexes-anchor-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-indexes-anchor-font, var(--td-font-body-medium));
}

.t-indexes-anchor__header {
  background-color: var(--td-indexes-anchor-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  padding: 4px 16px;
  display: none;
}

.t-indexes-anchor__header--active {
  background-color: var(--td-indexes-anchor-active-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  position: relative;
}

.t-indexes-anchor__header--active:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-indexes-anchor__slot {
  overflow: hidden;
}

.t-indexes-anchor__slot:empty + .t-indexes-anchor__header {
  display: block;
}

.t-indexes-anchor__wrapper {
  will-change: transform;
}

.t-indexes-anchor__wrapper--sticky {
  z-index: 1;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.t-indexes-anchor__wrapper--active {
  color: var(--td-indexes-anchor-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: var(--td-indexes-anchor-active-font-weight, 600);
}

.t-navbar {
  position: relative;
}

.t-navbar--fixed .t-navbar__content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.t-navbar--visible {
  display: block;
}

.t-navbar--visible-animation {
  opacity: 1;
  transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
}

.t-navbar--hide-animation {
  opacity: 0;
  transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
}

.t-navbar--hide {
  display: none;
}

.t-navbar__placeholder {
  height: var(--td-navbar-height, 48px);
  padding-top: var(--td-navbar-padding-top, 0);
  visibility: hidden;
  position: relative;
}

.t-navbar__content {
  height: var(--td-navbar-height, 48px);
  padding-top: var(--td-navbar-padding-top, 0);
  color: var(--td-navbar-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  background-color: var(--td-navbar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  position: relative;
}

.t-navbar__left, .t-navbar__right {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
}

.t-navbar__left {
  margin-left: var(--td-spacer-1, 12px);
  align-items: center;
  display: flex;
  left: 0;
}

.t-navbar__left-arrow {
  font-size: var(--td-navbar-left-arrow-size, 24px);
}

.t-navbar__capsule {
  box-sizing: border-box;
  width: var(--td-navbar-capsule-width, 88px);
  height: var(--td-navbar-capsule-height, 32px);
  align-items: center;
  display: flex;
  position: relative;
}

.t-navbar__capsule:before {
  content: "";
  transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: calc(var(--td-navbar-capsule-border-radius, 16px) * 2);
  border: 1px solid var(--td-navbar-capsule-border-color, #e3e6ea);
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.5);
}

.t-navbar__capsule:empty {
  display: none;
}

.t-navbar__center {
  text-align: center;
  height: var(--td-navbar-height, 48px);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.t-navbar__center-title {
  font: var(--td-navbar-title-font, var(--td-font-title-large));
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.t-navbar__right {
  box-sizing: border-box;
  margin-right: var(--td-spacer-1, 12px);
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
}

.t-badge {
  align-items: start;
  display: inline-flex;
  position: relative;
}

.t-badge--basic {
  z-index: 100;
  padding: 0 var(--td-badge-basic-padding, 4px);
  font: var(--td-badge-font, var(--td-font-mark-extraSmall));
  color: var(--td-badge-text-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
  background-color: var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  text-align: center;
  height: var(--td-badge-basic-height, 16px);
  border-radius: var(--td-badge-border-radius, 2px);
}

.t-badge--dot {
  height: var(--td-badge-dot-size, 8px);
  min-width: var(--td-badge-dot-size, 8px);
  border-radius: 50%;
  padding: 0;
}

.t-badge--count {
  min-width: var(--td-badge-basic-width, 16px);
  white-space: nowrap;
  box-sizing: border-box;
}

.t-badge--circle {
  border-radius: calc(var(--td-badge-basic-height, 16px) / 2);
}

.t-badge__ribbon-outer, .t-badge__ribbon-right-outer, .t-badge__triangle-right-outer, .t-badge__ribbon-left-outer, .t-badge__triangle-left-outer {
  position: absolute;
  top: 0;
}

.t-badge__ribbon-outer, .t-badge__ribbon-right-outer, .t-badge__triangle-right-outer {
  right: 0;
}

.t-badge__ribbon-left-outer, .t-badge__triangle-left-outer {
  left: 0;
}

.t-badge--bubble {
  border-radius: var(--td-badge-bubble-border-radius, 10px 10px 10px 1px);
}

.t-badge--ribbon, .t-badge--ribbon-right, .t-badge--ribbon-left, .t-badge--triangle-left, .t-badge--triangle-right {
  width: calc(var(--td-badge-basic-height, 16px) * 2);
  height: calc(var(--td-badge-basic-height, 16px) * 2);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.t-badge--ribbon, .t-badge--ribbon-right {
  background: linear-gradient(45deg, transparent 50%, var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%, var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 85%, transparent 85%);
}

.t-badge--triangle-right {
  background: linear-gradient(45deg, transparent 50%, var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%);
}

.t-badge--ribbon, .t-badge--ribbon-right, .t-badge--triangle-right {
  right: 0;
}

.t-badge--ribbon .t-badge__count, .t-badge--ribbon-right .t-badge__count, .t-badge--triangle-right .t-badge__count {
  -webkit-transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px));
  transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px));
}

.t-badge--ribbon-left {
  background: linear-gradient(-45deg, transparent 50%, var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%, var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 85%, transparent 85%);
}

.t-badge--triangle-left {
  background: linear-gradient(-45deg, transparent 50%, var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%);
}

.t-badge--ribbon-left, .t-badge--triangle-left {
  left: 0;
}

.t-badge--ribbon-left .t-badge__count, .t-badge--triangle-left .t-badge__count {
  -webkit-transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px));
  transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px));
}

.t-badge--large {
  font: var(--td-badge-large-font, var(--td-font-mark-small));
  height: var(--td-badge-large-height, 20px);
  min-width: var(--td-badge-large-height, 20px);
  padding: 0 var(--td-badge-large-padding, 5px);
}

.t-badge--large.t-badge--circle {
  border-radius: calc(var(--td-badge-large-height, 20px) / 2);
}

.t-badge--large.t-badge--ribbon, .t-badge--large.t-badge--ribbon-right, .t-badge--large.t-badge--ribbon-left, .t-badge--large.t-badge--triangle-right, .t-badge--large.t-badge--triangle-left {
  width: calc(var(--td-badge-large-height, 20px) * 2);
  height: calc(var(--td-badge-large-height, 20px) * 2);
  padding: 0;
}

.t-badge--large.t-badge--ribbon .t-badge__count, .t-badge--large.t-badge--ribbon-right .t-badge__count, .t-badge--large.t-badge--triangle-right .t-badge__count {
  -webkit-transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px));
  transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px));
}

.t-badge--large.t-badge--ribbon-left .t-badge__count, .t-badge--large.t-badge--triangle-left .t-badge__count {
  -webkit-transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px));
  transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px));
}

.t-badge__content:not(:empty) + .t-badge--bubble.t-has-count, .t-badge__content:not(:empty) + .t-badge--circle.t-has-count, .t-badge__content:not(:empty) + .t-badge--square.t-has-count {
  transform-origin: center;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, -50%);
}

.t-badge__content-text {
  font: var(--td-font-body-large);
  color: var(--td-badge-content-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  display: block;
}

.t-badge__count:empty {
  display: none;
}

.t-side-bar {
  width: var(--td-side-bar-width, 103px);
  height: var(--td-side-bar-height, 100%);
  background-color: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.t-side-bar-item {
  padding: var(--td-side-bar-item-padding, var(--td-spacer-2, 16px));
  font: var(--td-side-bar-font, var(--td-font-body-large));
  color: var(--td-side-bar-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  background: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  min-height: var(--td-side-bar-item-height, 56px);
  box-sizing: border-box;
  white-space: wrap;
  justify-content: start;
  align-items: center;
  display: flex;
  position: relative;
}

.t-side-bar-item--active {
  background: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  color: var(--td-side-bar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 600;
}

.t-side-bar-item__icon {
  font-size: var(--td-side-bar-icon-size, 20px);
  justify-content: center;
  align-items: center;
  margin-right: 2px;
  display: flex;
}

.t-side-bar-item__prefix, .t-side-bar-item__suffix {
  z-index: 1;
  width: calc(var(--td-side-bar-border-radius, 9px) * 2);
  height: calc(var(--td-side-bar-border-radius, 9px) * 2);
  background: var(--td-side-bar-prefix-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  position: absolute;
  right: 0;
}

.t-side-bar-item__prefix:after, .t-side-bar-item__suffix:after {
  content: "";
  background-color: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  width: 100%;
  height: 100%;
  display: block;
}

.t-side-bar-item__prefix {
  top: calc(var(--td-side-bar-border-radius, 9px) * -2);
}

.t-side-bar-item__prefix:after {
  border-bottom-right-radius: var(--td-side-bar-border-radius, 9px);
}

.t-side-bar-item__suffix {
  bottom: calc(var(--td-side-bar-border-radius, 9px) * -2);
}

.t-side-bar-item__suffix:after {
  border-top-right-radius: var(--td-side-bar-border-radius, 9px);
}

.t-side-bar-item--disabled {
  color: var(--td-side-bar-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-side-bar-item__line {
  background: var(--td-side-bar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-radius: 4px;
  width: 3px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.t-side-bar__padding {
  background-color: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  flex: 1;
}

:host {
  display: flex;
}

.t-step--vertical {
  padding-right: 16px;
}

.t-steps {
  width: 100%;
  display: flex;
}

.t-steps--vertical {
  flex-direction: column;
}

.t-steps--reverse {
  flex-direction: row-reverse;
}

.t-steps--vertical.t-steps--reverse {
  flex-direction: column-reverse;
}

.t-step-item {
  vertical-align: top;
  flex: 1;
  display: flex;
  position: relative;
}

.t-step-item__circle--default {
  color: var(--td-step-item-default-circle-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  background-color: var(--td-step-item-default-circle-bg, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-step-item__title--default {
  color: var(--td-step-item-default-title-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-step-item__icon--default {
  color: var(--td-step-item-default-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-step-item__dot--default {
  border-color: var(--td-step-item-default-dot-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}

.t-step-item__circle--process {
  color: var(--td-step-item-process-circle-color, var(--td-font-white-1, #fff));
  background-color: var(--td-step-item-process-circle-bg, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__title--process {
  color: var(--td-step-item-process-title-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__icon--process {
  color: var(--td-step-item-process-icon-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__dot--process {
  border-color: var(--td-step-item-process-dot-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__circle--finish {
  color: var(--td-step-item-finish-circle-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-step-item-finish-circle-bg, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-step-item__title--finish {
  color: var(--td-step-item-finish-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-step-item__icon--finish {
  color: var(--td-step-item-finish-icon-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__dot--finish {
  border-color: var(--td-step-item-finish-dot-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__circle--error {
  color: var(--td-step-item-error-circle-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-step-item-error-circle-bg, var(--td-error-color-1, #fff0ed));
}

.t-step-item__title--error {
  color: var(--td-step-item-error-title-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-step-item__icon--error {
  color: var(--td-step-item-error-icon-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-step-item__dot--error {
  border-color: var(--td-step-item-error-dot-border-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-step-item--horizontal {
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.t-step-item--vertical {
  margin-bottom: 8px;
}

.t-step-item__anchor {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-step-item__anchor--vertical {
  width: var(--td-step-item-circle-size, 22px);
  height: var(--td-step-item-circle-size, 22px);
}

.t-step-item__circle {
  width: var(--td-step-item-circle-size, 22px);
  height: var(--td-step-item-circle-size, 22px);
  text-align: center;
  font: var(--td-step-item-circle-text-font, var(--td-font-body-medium));
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-step-item__icon {
  z-index: 1;
  vertical-align: top;
  font-size: var(--td-font-size-base, 14px);
  position: relative;
}

.t-step-item__icon--finish, .t-step-item__icon--process {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
}

.t-step-item__dot {
  width: var(--td-step-item-dot-size, 8px);
  height: var(--td-step-item-dot-size, 8px);
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
}

.t-step-item__dot--process {
  background-color: var(--td-step-item-process-dot-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__dot--error {
  background-color: var(--td-step-item-error-dot-border-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-step-item__content {
  text-align: center;
}

.t-step-item__content--horizontal {
  max-width: 80px;
  margin-top: 8px;
}

.t-step-item__content--vertical {
  flex: 1;
  margin-left: 8px;
  padding-bottom: 16px;
}

.t-step-item__content--vertical.t-step-item__content--last {
  padding-bottom: 0;
}

.t-step-item__title {
  font: var(--td-font-body-medium);
  position: relative;
}

.t-step-item__title--process {
  font-weight: 600;
}

.t-step-item__title--vertical {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.t-step-item__title + .t-step-item__description:not(:empty) {
  margin-top: 4px;
}

.t-step-item__description {
  color: var(--td-step-item-description-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-font-body-small);
}

.t-step-item__description--vertical {
  text-align: left;
}

.t-step-item__extra:not(:empty) {
  margin-top: 8px;
}

.t-step-item__line {
  background-color: var(--td-step-item-line-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  content: "";
  display: block;
  position: absolute;
}

.t-step-item__line--horizontal {
  height: 1px;
  width: calc(100% - 16px - var(--td-step-item-circle-size, 22px));
  top: calc(var(--td-step-item-circle-size, 22px) / 2 + 1px);
  left: calc(50% + var(--td-step-item-circle-size, 22px) / 2 + 8px);
  transform: translateY(-50%);
}

.t-step-item__line--horizontal.t-step-item__line--dot {
  top: calc(var(--td-step-item-dot-size, 8px) / 2);
}

.t-step-item__line--finish, .t-step-item__line--reverse.t-step-item__line--process {
  background-color: var(--td-step-item-finish-line-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-step-item__line--vertical {
  height: calc(100% - 16px - var(--td-step-item-circle-size, 22px));
  width: 1px;
  left: calc(var(--td-step-item-circle-size, 22px) / 2);
  top: calc(var(--td-step-item-circle-size, 22px)  + 8px);
  transform: translateX(-50%);
}

.t-step-item__line--vertical.t-step-item__line--dot {
  top: var(--td-step-item-circle-size, 22px);
  height: calc(100% - var(--td-step-item-circle-size, 22px));
}

:host {
  vertical-align: top;
  width: inherit;
  flex: 1;
  align-self: flex-start;
  position: relative;
}

.t-tab-bar {
  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  box-sizing: border-box;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  position: relative;
}

.t-tab-bar--normal.t-tab-bar--bordered:before {
  z-index: 1;
  border-top: 1px solid var(--td-tab-bar-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-tab-bar--fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.t-tab-bar--normal.t-tab-bar--safe {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.t-tab-bar--round {
  -webkit-box-shadow: var(--td-tab-bar-round-shadow, var(--td-shadow-3, 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014));
  box-shadow: var(--td-tab-bar-round-shadow, var(--td-shadow-3, 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014));
  border-radius: 999px;
  margin-left: 16px;
  margin-right: 16px;
}

.t-tab-bar--fixed.t-tab-bar--round.t-tab-bar--safe {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}

.t-tab-bar-item {
  height: var(--td-tab-bar-height, 40px);
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  flex: 1;
  margin: 8px 0;
  padding: 0 12px;
  position: relative;
}

.t-tab-bar-item--split:before {
  border-left: 1px solid var(--td-tab-bar-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  transform: scaleX(.5);
}

.t-tab-bar-item--crowded {
  padding: 0 8px;
}

.t-tab-bar-item--round {
  border-radius: 99px;
}

.t-tab-bar-item__content {
  width: 100%;
  height: 100%;
  color: var(--td-tab-bar-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-tab-bar-item__content--checked .t-tab-bar-item__text, .t-tab-bar-item__content--checked .t-tab-bar-item__icon {
  color: var(--td-tab-bar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 600;
}

.t-tab-bar-item__content--tag {
  border-radius: 99px;
}

.t-tab-bar-item__content--tag.t-tab-bar-item__content--checked {
  background-color: var(--td-tab-bar-active-bg, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-tab-bar-item__icon .t-icon {
  vertical-align: top;
}

.t-tab-bar-item__text {
  font: var(--td-font-body-large);
  align-items: center;
  display: flex;
}

.t-tab-bar-item__text--small {
  font: var(--td-font-body-extraSmall);
}

.t-tab-bar-item__icon-menu {
  margin-right: 4px;
}

.t-tab-bar-item__spread {
  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  z-index: 1;
  width: 86%;
  color: var(--td-tab-bar-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  -webkit-box-shadow: var(--td-tab-bar-spread-shadow, var(--td-shadow-3, 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014));
  box-shadow: var(--td-tab-bar-spread-shadow, var(--td-shadow-3, 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014));
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 7%;
  transform: translate3d(0, calc(-100% - 16px), 0);
}

.t-tab-bar-item__spread:before {
  content: "";
  border: 8px solid #0000;
  border-top: 8px solid var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 16px, 0);
}

.t-tab-bar-item__spread-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
  position: relative;
}

.t-tab-bar-item__spread-item--active, .t-tab-bar-item__spread-item:active {
  background-color: var(--td-tab-bar-hover-bg-color, #0000000d);
}

.t-tab-bar-item__spread-item-split {
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  background-color: var(--td-tab-bar-spread-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  width: 80%;
  height: 1px;
  transform: translateY(.5px);
}

.t-tab-bar-item__spread-item-text {
  padding-top: 12px;
}

.t-sticky {
  position: relative;
}

.t-sticky__content {
  width: 100%;
}

.t-tabs {
  font: var(--td-tab-font, var(--td-font-body-medium));
  background: var(--td-tab-nav-background, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  position: relative;
}

.t-tabs__wrapper {
  background: var(--td-tab-nav-background, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  display: flex;
}

.t-tabs__wrapper--card {
  background: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
  --td-tab-border-color: transparent;
}

.t-tabs__item {
  color: var(--td-tab-item-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  box-sizing: border-box;
  white-space: nowrap;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-tabs__item--active {
  color: var(--td-tab-item-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 600;
}

.t-tabs__item--disabled {
  color: var(--td-tab-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  cursor: not-allowed;
}

.t-tabs__item--evenly {
  flex: 1;
}

.t-tabs__item--top, .t-tabs__item--bottom {
  height: var(--td-tab-item-height, 48px);
}

.t-tabs__item-inner {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-tabs__item-inner--tag {
  text-align: center;
  line-height: var(--td-tab-item-tag-height, 32px);
  border-radius: calc(var(--td-tab-item-tag-height, 32px) / 2);
  background-color: var(--td-tab-item-tag-bg, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  padding: 0 16px;
}

.t-tabs__item-inner--active.t-tabs__item-inner--tag {
  background-color: var(--td-tab-item-tag-active-bg, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-tabs__item--tag:not(.t-tabs__item--evenly) {
  padding: 0 4px;
}

.t-tabs__item--tag:not(.t-tabs__item--evenly):first-child {
  margin-left: 8px;
}

.t-tabs__item--tag:not(.t-tabs__item--evenly):last-child {
  padding-right: 12px;
}

.t-tabs__item--tag {
  padding: 0 8px;
}

.t-tabs__item--card.t-tabs__item--active {
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  border-radius: 9px 9px 0 0;
}

.t-tabs__item--card.t-tabs__item--active:first-child {
  border-top-left-radius: 0;
}

.t-tabs__item--card.t-tabs__item--active:last-child {
  border-top-right-radius: 0;
}

.t-tabs__item--card.t-tabs__item--pre {
  border-bottom-right-radius: 9px;
}

.t-tabs__item-prefix, .t-tabs__item-suffix {
  background: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 0;
}

.t-tabs__item-prefix:after, .t-tabs__item-suffix:after {
  content: "";
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
  width: 100%;
  height: 100%;
  display: block;
}

.t-tabs__item-prefix {
  right: 0;
}

.t-tabs__item-prefix:after {
  border-bottom-right-radius: 9px;
}

.t-tabs__item-suffix {
  left: 0;
}

.t-tabs__item-suffix:after {
  border-bottom-left-radius: 9px;
}

.t-tabs__icon {
  font-size: var(--td-tab-icon-size, 18px);
  margin-right: 2px;
  display: flex;
}

.t-tabs__content {
  overflow: hidden;
}

.t-tabs__nav {
  -webkit-user-select: none;
  user-select: none;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.t-tabs__nav--split {
  position: relative;
}

.t-tabs__nav--split:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-tab-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-tabs__track {
  z-index: 1;
  background-color: var(--td-tab-track-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 600;
  transition-duration: .3s;
  position: absolute;
}

.t-tabs__track--top, .t-tabs__track--bottom {
  width: var(--td-tab-track-width, 16px);
  height: var(--td-tab-track-thickness, 3px);
  border-radius: var(--td-tab-track-radius, 4px);
  bottom: .5px;
  left: 0;
}

.t-tabs__scroll {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: var(--td-tab-item-height, 48px);
  position: relative;
  overflow: scroll hidden;
}

.t-tabs__scroll::-webkit-scrollbar {
  display: none;
}

.t-tabs__scroll--card {
  background: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
  --td-tab-border-color: transparent;
}

.t-tabs__content-inner {
  display: block;
}

.t-tabs--top, .t-tabs--bottom {
  flex-wrap: wrap;
}

.t-tabs--top .t-tabs__content, .t-tabs--bottom .t-tabs__content {
  width: 100%;
}

.t-tabs--top .t-tabs__content--animated .t-tabs__content-inner, .t-tabs--bottom .t-tabs__content--animated .t-tabs__content-inner {
  will-change: left;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: flex;
  position: relative;
}

.t-tabs--bottom {
  flex-direction: column-reverse;
}

.t-size-m {
  font: var(--td-tab-font, var(--td-font-body-medium));
}

.t-size-l {
  font: var(--td-font-body-large);
}

.t-calendar {
  z-index: 9999;
  background: var(--td-calendar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  position: relative;
  overflow-x: hidden;
}

.t-calendar--popup {
  border-top-left-radius: var(--td-calendar-radius, 12px);
  border-top-right-radius: var(--td-calendar-radius, 12px);
}

.t-calendar__title {
  font: var(--td-calendar-title-font, var(--td-font-title-large));
  color: var(--td-calendar-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  padding: var(--td-spacer-2, 16px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-calendar__title:focus {
  outline: 0;
}

.t-calendar__close-btn {
  top: var(--td-spacer-2, 16px);
  right: var(--td-spacer-2, 16px);
  margin: calc(-1 * var(--td-spacer-1, 12px));
  padding: var(--td-spacer-1, 12px);
  color: var(--td-calendar-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  position: absolute;
}

.t-calendar-header {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 8px;
  display: flex;
  position: relative;
}

.t-calendar-header:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-border-color, var(--td-gray-color-3, #e7e7e7));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-calendar-header__title {
  text-align: center;
  font: var(--td-font-title-small);
  flex: 1;
}

.t-calendar-header__action {
  color: var(--td-calendar-switch-mode-icon-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  font-size: 20px;
  display: flex;
}

.t-calendar-header__icon {
  cursor: pointer;
  padding: 8px;
  display: flex;
}

.t-calendar-header__icon--disabled {
  color: var(--td-calendar-switch-mode-icon-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  cursor: not-allowed;
}

.t-calendar__days {
  grid-column-gap: 4px;
  text-align: center;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 16px;
  line-height: 46px;
  display: grid;
}

.t-calendar__days-item {
  height: 46px;
  color: var(--td-calendar-days-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  font-size: 14px;
}

.t-calendar__content {
  flex-direction: column;
  min-height: 200px;
  display: flex;
}

.t-calendar__month {
  font: var(--td-font-title-small);
  color: var(--td-calendar-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  padding: 16px 0 0;
}

.t-calendar__months {
  box-sizing: border-box;
  height: 356px;
  padding: 0 16px 16px;
}

.t-calendar__months::-webkit-scrollbar {
  display: none;
}

.t-calendar__dates {
  grid-column-gap: 4px;
  flex: 1;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.t-calendar__dates-item {
  font: var(--td-font-title-medium);
  height: 60px;
  color: var(--td-calendar-dates-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.t-calendar__dates-item-prefix, .t-calendar__dates-item-suffix {
  font: var(--td-font-body-extraSmall);
  text-align: center;
  width: 100%;
  position: absolute;
}

.t-calendar__dates-item-prefix {
  top: 4px;
}

.t-calendar__dates-item-suffix {
  color: var(--td-calendar-item-suffix-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  bottom: 4px;
}

.t-calendar__dates-item-suffix--selected, .t-calendar__dates-item-suffix--start, .t-calendar__dates-item-suffix--end {
  color: var(--td-calendar-selected-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
}

.t-calendar__dates-item-suffix--disabled {
  color: var(--td-calendar-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-calendar__dates-item--selected, .t-calendar__dates-item--start, .t-calendar__dates-item--start-end, .t-calendar__dates-item--end {
  background: var(--td-calendar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  color: var(--td-calendar-selected-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
  border-radius: 4px;
}

.t-calendar__dates-item--start {
  border-radius: 4px 0 0 4px;
}

.t-calendar__dates-item--end {
  border-radius: 0 4px 4px 0;
}

.t-calendar__dates-item--start + .t-calendar__dates-item--end:before {
  content: "";
  background: var(--td-calendar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  width: 4px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -4px;
}

.t-calendar__dates-item--centre {
  background-color: var(--td-calendar-item-centre-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
  border-radius: 0;
}

.t-calendar__dates-item--centre:before, .t-calendar__dates-item--centre:after {
  content: "";
  background-color: var(--td-calendar-item-centre-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
  width: 4px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.t-calendar__dates-item--centre:before {
  left: -4px;
}

.t-calendar__dates-item--centre:after {
  right: -4px;
}

.t-calendar__dates-item--disabled {
  color: var(--td-calendar-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  cursor: default;
}

.t-calendar__footer {
  padding: 16px;
}

.limit-title-row {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.t-radio {
  vertical-align: middle;
  background: var(--td-radio-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  display: inline-flex;
  position: relative;
}

.t-radio:focus {
  outline: 0;
}

.t-radio--block {
  padding: var(--td-radio-vertical-padding, 16px);
  display: flex;
}

.t-radio--right {
  flex-direction: row-reverse;
}

.t-radio__icon {
  margin-top: calc((var(--td-radio-label-line-height, 24px)  - var(--td-radio-icon-size, 24px)) / 2);
  width: var(--td-radio-icon-size, 24px);
  height: var(--td-radio-icon-size, 24px);
  font-size: var(--td-radio-icon-size, 24px);
  -webkit-text-size-adjust: none;
  color: var(--td-radio-icon-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  position: relative;
  overflow: hidden;
}

.t-radio__icon:empty {
  display: none;
}

.t-radio__icon--left {
  margin-right: 8px;
}

.t-radio__icon--checked {
  color: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-radio__icon--disabled {
  cursor: not-allowed;
  color: var(--td-radio-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-radio__icon-circle {
  width: var(--td-radio-icon-size, 24px);
  height: var(--td-radio-icon-size, 24px);
  box-sizing: border-box;
}

.t-radio__icon-circle:after {
  content: "";
  border: 3px solid var(--td-radio-icon-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  box-sizing: border-box;
  border-radius: 50%;
  width: calc(200% - 3px);
  height: calc(200% - 3px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.5);
}

.t-radio__icon-circle--disabled:after {
  background: var(--td-radio-icon-disabled-bg-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-radio__icon-dot {
  width: calc((var(--td-radio-icon-size, 24px)  - 3px) * 2);
  height: calc((var(--td-radio-icon-size, 24px)  - 3px) * 2);
  border: 3px solid var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  box-sizing: border-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.5);
}

.t-radio__icon-dot:after {
  content: "";
  width: var(--td-radio-icon-size, 24px);
  height: var(--td-radio-icon-size, 24px);
  background: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-radius: 50%;
  display: block;
}

.t-radio__icon-dot--disabled {
  border-color: var(--td-radio-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-radio__icon-dot--disabled:after {
  background: var(--td-radio-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-radio__image {
  line-height: var(--td-radio-icon-size, 24px);
}

.t-radio-icon__image {
  height: var(--td-radio-icon-size, 24px);
  width: var(--td-radio-icon-size, 24px);
  vertical-align: sub;
}

.t-radio__content {
  flex: 1;
}

.t-radio__content:empty {
  display: none;
}

.t-radio__title {
  color: var(--td-radio-label-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-radio-font, var(--td-font-body-large));
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.t-radio__title--disabled {
  cursor: not-allowed;
  color: var(--td-radio-label-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-radio__description {
  color: var(--td-radio-content-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  font: var(--td-radio-content-font, var(--td-font-body-medium));
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.t-radio__description--disabled {
  cursor: not-allowed;
  color: var(--td-radio-content-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-radio__description:empty {
  display: none;
}

.t-radio__title + .t-radio__description {
  margin-top: 4px;
}

.t-radio__border {
  background: var(--td-radio-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 48px;
  right: 0;
  transform: scaleY(.5);
}

.t-radio__border--right {
  left: 16px;
}

.t-radio__original {
  opacity: 0;
  width: 0;
  height: 0;
}

.t-radio__icon-wrap {
  width: var(--td-radio-icon-size, 24px);
  height: var(--td-radio-icon-size, 24px);
  display: block !important;
}

.t-cascader {
  background-color: var(--td-cascader-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  color: var(--td-cascader-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  --td-radio-icon-checked-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  --td-tab-item-active-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  --td-tab-track-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-radius: 12px 12px 0 0;
  flex-direction: column;
  display: flex;
}

.t-cascader__close-btn {
  right: var(--td-spacer-2, 16px);
  top: var(--td-spacer-2, 16px);
  position: absolute;
}

.t-cascader__title {
  font: var(--td-cascader-title-font, var(--td-font-title-large));
  text-align: center;
  padding: var(--td-cascader-title-padding, var(--td-spacer-2, 16px));
  position: relative;
}

.t-cascader__content {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.t-cascader__options {
  width: 100vw;
  height: var(--td-cascader-options-height, 320px);
  overflow-y: scroll;
}

.t-cascader__options::-webkit-scrollbar {
  display: none;
}

.t-cascader__options-title {
  color: var(--td-cascader-options-title-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-font-body-medium);
  margin-top: 20px;
  padding-left: 16px;
}

.t-cascader__options-content {
  flex: 1;
  height: 100%;
  padding-left: 16px;
  overflow: auto;
}

.t-cascader__options-container {
  transition: all .3s;
  display: flex;
}

.t-cascader__step {
  height: var(--td-cascader-step-height, 44px);
  align-items: center;
  display: flex;
}

.t-cascader__steps {
  padding: 0 16px 5px;
  position: relative;
}

.t-cascader__steps:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-cascader-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-cascader__step-dot {
  width: var(--td-cascader-step-dot-size, 8px);
  height: var(--td-cascader-step-dot-size, 8px);
  border: 1px solid var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  box-sizing: border-box;
  border-radius: 50%;
  position: relative;
}

.t-cascader__step-dot:not(.t-cascader__step-dot--last):after {
  content: "";
  left: 50%;
  top: calc(var(--td-cascader-step-dot-size, 8px)  + 7px);
  background: var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  width: 1px;
  height: 18px;
  display: block;
  position: absolute;
  transform: translateX(-50%);
}

.t-cascader__step-dot--active {
  background: var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-cascader__step-label {
  font: var(--td-font-body-medium);
  padding-left: 16px;
}

.t-cascader__step-label--active {
  color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 600;
}

.t-cascader__step-arrow {
  color: var(--td-cascader-step-arrow-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  margin-left: auto;
}

.t-checkbox {
  vertical-align: middle;
  background: var(--td-checkbox-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  display: inline-flex;
  position: relative;
}

.t-checkbox:focus {
  outline: 0;
}

.t-checkbox--block {
  padding: var(--td-checkbox-vertical-padding, var(--td-spacer-2, 16px));
  display: flex;
}

.t-checkbox--right {
  flex-direction: row-reverse;
}

.t-checkbox .limit-title-row {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.t-checkbox .image-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.t-checkbox__icon-wrapper {
  display: block;
}

.t-checkbox__icon-left {
  width: 20px;
  margin-right: 20px;
}

.t-checkbox__icon-right {
  display: contents;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.t-checkbox__icon-image {
  width: var(--td-checkbox-icon-size, 24px);
  height: var(--td-checkbox-icon-size, 24px);
  vertical-align: top;
}

.t-checkbox__icon {
  width: var(--td-checkbox-icon-size, 24px);
  height: var(--td-checkbox-icon-size, 24px);
  color: var(--td-checkbox-icon-color, var(--td-border-level-2-color, var(--td-gray-color-4, #dcdcdc)));
  font-size: var(--td-checkbox-icon-size, 24px);
  margin-top: calc((var(--td-checkbox-title-line-height, 24px)  - var(--td-checkbox-icon-size, 24px)) / 2);
  display: block;
  position: relative;
}

.t-checkbox__icon:empty {
  display: none;
}

.t-checkbox__icon--checked {
  color: var(--td-checkbox-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-checkbox__icon--disabled {
  cursor: not-allowed;
  color: var(--td-checkbox-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-checkbox__icon--left {
  margin-right: 8px;
}

.t-checkbox__icon-circle {
  width: calc((var(--td-checkbox-icon-size, 24px)  - 3px) * 2);
  height: calc((var(--td-checkbox-icon-size, 24px)  - 3px) * 2);
  border: 3px solid var(--td-checkbox-icon-color, var(--td-border-level-2-color, var(--td-gray-color-4, #dcdcdc)));
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.5);
}

.t-checkbox__icon-circle--disabled {
  background: var(--td-checkbox-icon-disabled-bg-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-checkbox__icon-rectangle {
  width: calc((var(--td-checkbox-icon-size, 24px)  - 3px * 2) * 2);
  height: calc((var(--td-checkbox-icon-size, 24px)  - 3px * 2) * 2);
  border: 3px solid var(--td-checkbox-icon-color, var(--td-border-level-2-color, var(--td-gray-color-4, #dcdcdc)));
  box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.5);
}

.t-checkbox__icon-rectangle--disabled {
  background: var(--td-checkbox-icon-disabled-bg-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-checkbox__icon-line:before, .t-checkbox__icon-line:after {
  content: "";
  background: var(--td-checkbox-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  transform-origin: top;
  border-radius: 1px;
  width: 2.5px;
  display: block;
  position: absolute;
}

.t-checkbox__icon-line:before {
  height: 8px;
  top: 11px;
  left: 4px;
  transform: rotate(-45deg);
}

.t-checkbox__icon-line:after {
  height: 13px;
  top: 7px;
  right: 4px;
  transform: rotate(45deg);
}

.t-checkbox__icon-line--disabled:before, .t-checkbox__icon-line--disabled:after {
  background: var(--td-checkbox-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-checkbox__content {
  flex: 1;
}

.t-checkbox__title {
  color: var(--td-checkbox-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-checkbox-title-font, var(--td-font-body-large));
  line-height: var(--td-checkbox-title-line-height, 24px);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.t-checkbox__title--disabled {
  color: var(--td-checkbox-title-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-checkbox__description {
  color: var(--td-checkbox-description-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  font: var(--td-checkbox-description-font, var(--td-font-body-medium));
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.t-checkbox__description--disabled {
  color: var(--td-checkbox-description-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-checkbox__title + .t-checkbox__description:not(:empty) {
  margin-top: 4px;
}

.t-checkbox__border {
  background: var(--td-checkbox-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 48px;
  right: 0;
  transform: scaleY(.5);
}

.t-checkbox__border--right {
  left: 16px;
}

.t-checkbox--tag {
  font: var(--td-font-body-medium);
  text-align: center;
  background-color: var(--td-checkbox-tag-bg-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-radius: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.t-checkbox--tag.t-checkbox--checked {
  color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-checkbox-tag-active-bg-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-checkbox--tag .t-checkbox__title--checked {
  color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-checkbox--tag .t-checkbox__content {
  margin-right: 0;
}

.t-checkbox .t-checkbox__icon-wrapper {
  display: block;
}

.t-color-picker__panel {
  width: var(--td-color-picker-panel-width, 375px);
  background: var(--td-color-picker-panel-background, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  border-top-left-radius: var(--td-color-picker-panel-radius, 12px);
  border-top-right-radius: var(--td-color-picker-panel-radius, 12px);
  -webkit-user-select: none;
  user-select: none;
  padding: 0;
}

.t-color-picker__body {
  padding: var(--td-color-picker-panel-padding, 16px);
  padding-bottom: 28px;
}

.t-color-picker__thumb {
  z-index: 1;
  width: var(--td-color-picker-slider-thumb-size, 24px);
  height: var(--td-color-picker-slider-thumb-size, 24px);
  border-radius: var(--td-radius-circle, 50%);
  -webkit-box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
  box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
  color: var(--td-text-color-brand, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  box-sizing: border-box;
  outline: none;
  position: absolute;
}

.t-color-picker__thumb:before, .t-color-picker__thumb:after {
  content: "";
  border-radius: var(--td-radius-circle, 50%);
  box-sizing: border-box;
  border: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  display: block;
  position: absolute;
}

.t-color-picker__thumb:before {
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.t-color-picker__thumb:after {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  padding: var(--td-color-picker-slider-thumb-padding, 3px);
  background: currentColor;
  top: 3px;
  left: 3px;
}

.t-color-picker__saturation {
  height: var(--td-color-picker-saturation-height, 144px);
  border-radius: var(--td-color-picker-saturation-radius, 6px);
  background: none;
  position: relative;
  overflow: hidden;
}

.t-color-picker__saturation:before, .t-color-picker__saturation:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.t-color-picker__saturation:before {
  background: linear-gradient(90deg, #fff, #0000);
}

.t-color-picker__saturation:after {
  background: linear-gradient(0deg, #000, #0000);
}

.t-color-picker__saturation .t-color-picker__thumb {
  width: var(--td-color-picker-saturation-thumb-size, 24px);
  height: var(--td-color-picker-saturation-thumb-size, 24px);
  border-radius: var(--td-radius-circle, 50%);
  transform: translate(-50%, -50%);
}

.t-color-picker__slider-wrapper {
  border-radius: calc(var(--td-color-picker-slider-height, 8px) / 2);
  padding: var(--td-color-picker-slider-wrapper-padding, 0 9px);
  position: relative;
}

.t-color-picker__slider-wrapper--hue-type {
  background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
  margin: 8px 0;
}

.t-color-picker__slider-wrapper--alpha-type {
  background: var(--td-text-color-anti, var(--td-font-white-1, #fff));
  background-image: linear-gradient(45deg, #c5c5c5 25%, #0000 0 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, #0000 0 75%, #c5c5c5 0, #c5c5c5);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
  margin: 20px 0 8px;
}

.t-color-picker__slider-wrapper--alpha-type .t-color-picker__rail {
  background: linear-gradient(to right, #0000, currentColor);
}

.t-color-picker__slider-padding {
  width: 100%;
  height: var(--td-color-picker-slider-height, 8px);
  border-radius: calc(var(--td-color-picker-slider-height, 8px) / 2);
  position: absolute;
  top: 0;
  left: 0;
}

.t-color-picker__slider {
  height: var(--td-color-picker-slider-height, 8px);
  border-radius: calc(var(--td-color-picker-slider-height, 8px) / 2);
  color: #0000;
  z-index: 1;
  outline: none;
  position: relative;
}

.t-color-picker__slider .t-color-picker__thumb {
  -webkit-transform: translate(var(--td-color-picker-slider-thumb-transform-x, -9px), -50%);
  transform: translate(var(--td-color-picker-slider-thumb-transform-x, -9px), -50%);
  top: 50%;
}

.t-color-picker__slider .t-color-picker__rail {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.t-color-picker__sliders-wrapper {
  align-items: center;
  margin: 16px 0 20px;
  display: flex;
}

.t-color-picker__sliders {
  width: 100%;
}

.t-color-picker__sliders-preview {
  margin-left: var(--td-spacer-1, 12px);
  width: var(--td-color-picker-gradient-preview-width, 28px);
  height: var(--td-color-picker-gradient-preview-height, 28px);
  border-radius: var(--td-color-picker-gradient-preview-radius, 3px);
  background: var(--td-text-color-anti, var(--td-font-white-1, #fff));
  background-image: linear-gradient(45deg, #c5c5c5 25%, #0000 0 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, #0000 0 75%, #c5c5c5 0, #c5c5c5);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
  flex-shrink: 0;
  overflow: hidden;
}

.t-color-picker__sliders-preview-inner {
  width: 100%;
  height: 100%;
  display: block;
}

.t-color-picker__format {
  color: var(--td-text-color-placeholder, var(--td-font-gray-3, #0006));
  text-align: center;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.t-color-picker__format:not(:empty) + .t-color-picker__swatches-wrap:not(:empty) {
  margin-top: 28px;
}

.t-color-picker__format-item {
  font: var(--td-font-body-medium);
}

.t-color-picker__format-item--first {
  border: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-radius: var(--td-radius-default, 6px);
  width: 68px;
  padding: 6rpx 0;
  flex-shrink: 0;
  margin-right: 12px;
}

.t-color-picker__format-item--second {
  flex: 1;
}

.t-color-picker__format-inputs {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.t-color-picker__format-input {
  width: 0;
  padding: 6rpx 0;
  border: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-radius: var(--td-radius-default, 6px);
  flex: 1;
  margin-left: -1px;
}

.t-color-picker__format-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.t-color-picker__format-input:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.t-color-picker__format-input:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.t-color-picker__format-input--fixed {
  flex: 0 0 66.5px;
}

.t-color-picker__swatches-wrap {
  position: relative;
}

.t-color-picker__swatches + .t-color-picker__swatches {
  margin-top: var(--td-spacer-1, 12px);
}

.t-color-picker__swatches-title {
  font: var(--td-color-picker-swatches-title-font, var(--td-font-title-medium));
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.t-color-picker__swatches-items {
  width: 100%;
  margin-top: 12px;
  list-style: none;
  display: flex;
  overflow: auto;
}

.t-color-picker__swatches-items::-webkit-scrollbar {
  color: #0000;
  width: 0;
  height: 0;
  display: none;
}

.t-color-picker__swatches-item {
  width: var(--td-color-picker-swatch-width, 24px);
  height: var(--td-color-picker-swatch-height, 24px);
  padding: var(--td-color-picker-swatch-padding, 0);
  transform-origin: center;
  -webkit-transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1));
  transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1));
  box-sizing: border-box;
  border-radius: var(--td-color-picker-swatch-border-radius, var(--td-radius-small, 3px));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-color-picker__swatches-item:after {
  content: "";
  opacity: 0;
  background: #0003;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.t-color-picker__swatches-item:active:after {
  opacity: 1;
}

.t-color-picker__swatches-inner {
  border-radius: var(--td-color-picker-swatch-border-radius, var(--td-radius-small, 3px));
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.t-picker {
  background-color: var(--td-picker-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  border-top-left-radius: var(--td-picker-border-radius, 12px);
  border-top-right-radius: var(--td-picker-border-radius, 12px);
  position: relative;
}

.t-picker__toolbar {
  height: var(--td-picker-toolbar-height, 58px);
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.t-picker__title {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--td-picker-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-picker-title-font, var(--td-font-title-large));
  flex: 1;
  overflow: hidden;
}

.t-picker__cancel, .t-picker__confirm {
  -webkit-user-select: none;
  user-select: none;
  font: var(--td-picker-button-font, var(--td-font-body-large));
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  display: flex;
}

.t-picker__cancel {
  color: var(--td-picker-cancel-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
}

.t-picker__confirm {
  color: var(--td-picker-confirm-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-picker__main {
  justify-content: center;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.t-picker__mask {
  z-index: 3;
  backface-visibility: hidden;
  pointer-events: none;
  height: 48px;
  position: absolute;
  left: 0;
  right: 0;
}

.t-picker__mask--top {
  background: linear-gradient(180deg, var(--td-bg-color-container, var(--td-font-white-1, #fff)) 0%, #fff0 100%);
  top: 0;
}

.t-picker__mask--bottom {
  background: linear-gradient(180deg, var(--td-bg-color-container, var(--td-font-white-1, #fff)) 0%, #fff0 100%);
  bottom: 0;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.t-picker__indicator {
  height: var(--td-picker-item-height, 40px);
  left: 16px;
  right: 16px;
  top: calc(var(--td-picker-group-height, 200px) / 2 - var(--td-picker-item-height, 40px) / 2);
  pointer-events: none;
  background-color: var(--td-picker-indicator-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  border-radius: var(--td-picker-indicator-border-radius, 6px);
  position: absolute;
}

.t-picker-item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t-picker-item__group {
  box-sizing: border-box;
  height: var(--td-picker-group-height, 200px);
  z-index: 1;
  flex: 1;
  overflow: hidden;
}

.t-picker-item__item {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: var(--td-picker-item-height, 40px);
  line-height: var(--td-picker-item-height, 40px);
  color: var(--td-picker-item-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.t-picker-item__item--active {
  color: var(--td-picker-item-active-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font-weight: 600;
}

.t-picker-item__item--disabled {
  color: var(--td-picker-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-form {
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
}

.t-form .t-form__item {
  box-sizing: border-box;
  padding: 16px;
  display: flex;
  position: relative;
}

.t-form .t-form__item:not(:last-child):after {
  border-bottom: 1px solid var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 0;
  transform: scaleY(.5);
}

.t-form .t-form__item-help, .t-form .t-form__item-extra {
  font-size: var(--td-font-size-s, 12px);
  width: 100%;
  height: auto;
  min-height: 20px;
  margin: 4px 0 0;
  display: flex;
}

.t-form .t-form__item-help {
  color: var(--td-text-color-disabled, var(--td-font-gray-4, #00000042));
}

.t-form .t-form__item--error {
  color: var(--td-error-color-6, #d54941);
}

.t-form .t-form__item--warning {
  color: var(--td-warning-color-5, #e37318);
}

.t-form .t-form__item-wrap {
  width: 100%;
}

.t-form .t-form__item--top {
  flex-direction: column;
  display: flex;
}

.t-form--top {
  align-items: center;
}

.t-form__label {
  float: left;
  vertical-align: middle;
  font-size: var(--td-form-label-font-size, var(--td-font-size-m, 16px));
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
  box-sizing: border-box;
  word-break: break-all;
  padding-right: 16px;
  line-height: 24px;
}

.t-form__label--top {
  padding-bottom: 8px;
}

.t-form__label--left {
  text-align: left;
}

.t-form__label--right {
  text-align: right;
}

.t-form__label--required:not(.t-form__label--required-right) label:before {
  margin-right: calc(var(--td-spacer, 8px) / 2);
  color: var(--td-error-color-6, #d54941);
  content: "*";
  line-height: 20px;
  display: inline-block;
}

.t-form__label--required-right label:after {
  margin-left: calc(var(--td-spacer, 8px) / 2);
  color: var(--td-error-color-6, #d54941);
  content: "*";
  line-height: 20px;
  display: inline-block;
}

.t-form__label--colon label:after {
  content: ":";
  margin: 0 2px;
  position: relative;
}

.t-form__controls {
  display: flow-root;
  position: relative;
}

.t-form__controls-content {
  align-items: center;
  min-height: 24px;
  display: flex;
}

.t-form__controls--left {
  justify-content: flex-start;
}

.t-form__controls--right {
  justify-content: flex-end;
}

.t-form .t-cell, .t-form .t-input, .t-form .t-textarea, .t-form .t-upload {
  padding: 0;
}

.t-input {
  background-color: var(--td-input-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  -webkit-box-align: var(--td-input-align-items, center);
  -ms-flex-align: var(--td-input-align-items, center);
  align-items: var(--td-input-align-items, center);
  padding: var(--td-input-vertical-padding, 16px);
  flex: 1;
  display: flex;
}

.t-input--border {
  position: relative;
}

.t-input--border:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-input-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  left: 0;
  right: 0;
  left: var(--td-input-border-left-space, 16px);
  right: var(--td-input-border-right-space, 0);
  display: block;
  position: absolute;
  transform: scaleY(.5);
}

.t-input--layout-vertical {
  flex-direction: column;
  align-items: start;
}

.t-input--password {
  letter-spacing: 6px;
}

.t-input__wrap--prefix {
  display: flex;
}

.t-input__icon--prefix {
  color: var(--td-input-prefix-icon-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font-size: 24px;
}

.t-input__label:not(:empty) {
  font: var(--td-input-label-text-font, var(--td-font-body-large));
  color: var(--td-input-label-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  margin-right: var(--td-spacer-2, 16px);
}

.t-input--layout-horizontal .t-input__label:not(:empty) {
  min-width: 2em;
  max-width: 5em;
}

.t-input--layout-vertical .t-input__label:not(:empty) {
  width: 100%;
  font-size: var(--td-font-size-base, 14px);
  padding-bottom: 8px;
}

.t-input__icon--prefix:not(:empty) + .t-input__label:not(:empty) {
  padding-left: 4px;
}

.t-input__label:not(:empty) + .t-input__wrap {
  margin-left: var(--td-spacer-2, 16px);
}

.t-input__icon--prefix:not(:empty) + .t-input__label:empty {
  margin-right: var(--td-spacer-2, 16px);
}

.t-input__wrap {
  flex-flow: column wrap;
  flex: 1;
  justify-content: center;
  width: 100%;
  display: flex;
}

.t-input__wrap .t-input__content {
  font: var(--td-font-body-large);
  align-items: center;
  display: flex;
}

.t-input__wrap--clearable-icon, .t-input__wrap--suffix-icon, .t-input__wrap--suffix {
  padding-left: var(--td-spacer-1, 12px);
  flex: none;
}

.t-input__wrap--clearable-icon:empty, .t-input__wrap--suffix-icon:empty, .t-input__wrap--suffix:empty {
  display: none;
}

.t-input__wrap--clearable-icon, .t-input__wrap--suffix-icon {
  color: var(--td-input-suffix-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font-size: 24px;
}

.t-input__wrap--suffix {
  font-size: var(--td-font-size-m, 16px);
  color: var(--td-input-suffix-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-input__icon--prefix, .t-input__tips, .t-input__wrap--clearable-icon, .t-input__wrap--suffix-icon, .t-input__wrap--suffix {
  display: flex;
}

.t-input__icon--prefix:empty, .t-input__tips:empty, .t-input__wrap--clearable-icon:empty, .t-input__wrap--suffix-icon:empty, .t-input__wrap--suffix:empty {
  display: none;
}

.t-input__control {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 24px;
  color: var(--td-input-default-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  line-height: inherit;
  resize: none;
  font-size: inherit;
  caret-color: var(--td-input-cursor-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: #0000;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  display: block;
}

.t-input__control--disabled {
  color: var(--td-input-disabled-text-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: currentColor;
}

.t-input__control--read-only {
  cursor: default;
}

.t-input--left {
  text-align: left;
}

.t-input--right {
  text-align: right;
}

.t-input--center {
  text-align: center;
}

.t-input__placeholder {
  color: var(--td-input-placeholder-text-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-input-placeholder-text-font, var(--td-font-body-large));
}

.t-input__tips {
  font: var(--td-font-body-small);
  padding-top: 4px;
}

.t-input--default + .t-input__tips {
  color: var(--td-input-default-tips-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-input--success + .t-input__tips {
  color: var(--td-input-success-tips-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}

.t-input--warning + .t-input__tips {
  color: var(--td-input-warning-tips-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-input--error + .t-input__tips {
  color: var(--td-input-error-tips-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-rate {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.t-rate__wrapper {
  line-height: 1em;
  display: inline-flex;
}

.t-rate--disabled .t-rate__icon-left--selected {
  color: var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c));
}

.t-rate--disabled .t-rate__icon-left--unselected {
  color: var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eee));
}

.t-rate--disabled .t-rate__icon--selected {
  color: var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c));
}

.t-rate--disabled .t-rate__icon--selected-half {
  background: linear-gradient(to right, var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c)) 0%, var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c)) 50%, var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eee)) 51%, var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eee)) 100%);
}

.t-rate--disabled .t-rate__icon--unselected {
  color: var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eee));
}

.t-rate__icon {
  width: 1em;
  transition: transform .3s;
  display: block;
  position: relative;
}

.t-rate__icon-left {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.t-rate__icon-left--selected {
  color: var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-rate__icon-left--unselected {
  color: var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)));
}

.t-rate__icon--current {
  -webkit-transform: scale(var(--td-rate-icon-scale, 1.33));
  transform: scale(var(--td-rate-icon-scale, 1.33));
}

.t-rate__icon--selected {
  color: var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-rate__icon--selected-half {
  color: #0000;
  background: linear-gradient(to right, var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318))) 0%, var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318))) 50%, var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc))) 51%, var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc))) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.t-rate__icon--unselected {
  color: var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)));
}

.t-rate__text {
  font-size: var(--td-rate-text-font-size, var(--td-font-size-m, 16px));
  color: var(--td-rate-text-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  vertical-align: middle;
  margin-left: 16px;
}

.t-rate__text--active {
  color: var(--td-rate-text-active-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font-weight: var(--td-rate-text-active-font-weight, 600);
}

.t-rate__tips {
  -webkit-box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
  box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  z-index: 1;
  border-radius: 6px;
  align-items: center;
  padding: 4px;
  display: flex;
  position: absolute;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
}

.t-rate__tips--bottom {
  top: calc(100% + 8px);
  bottom: auto;
}

.t-rate__tips-item {
  border-radius: 3px;
  flex-direction: column;
  align-items: center;
  width: 32px;
  display: flex;
}

.t-rate__tips-item--active {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}

.t-rate__tips-text {
  text-align: center;
  font: var(--td-font-body-medium);
}

.t-search {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.t-search__label {
  color: var(--td-search-label-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  padding: 4px;
}

.t-search--center {
  text-align: center;
}

.t-search__input-box {
  box-sizing: border-box;
  height: var(--td-search-height, 40px);
  border: 1px solid var(--td-search-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  background: var(--td-search-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  padding: var(--td-search-padding, 8px 12px);
  flex: 1;
  align-items: center;
  display: flex;
}

.t-search__input-box.t-is-focused {
  border-color: var(--td-search-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-search__input-box--round {
  border-radius: calc(var(--td-search-height, 40px) / 2);
}

.t-search__input-box--square {
  border-radius: var(--td-search-square-radius, var(--td-radius-default, 6px));
}

.t-search__input-box .t-input__keyword {
  width: 100%;
  color: var(--td-search-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-search-font, var(--td-font-body-large));
  resize: none;
  caret-color: var(--td-search-cursor-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background: 0;
  border: 0;
  outline: none;
  flex: 1;
  padding-left: 5px;
  display: inline-block;
}

.t-search__input-box .t-icon {
  color: var(--td-search-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font-size: var(--td-search-icon-size, 24px);
}

.t-search__clear {
  font-size: var(--td-search-clear-icon-size, 24px);
  color: var(--td-search-clear-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  margin-left: 10px;
  position: relative;
}

.t-search__clear.relative {
  position: relative;
}

.t-search__clear:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  transform: scale(1.5);
}

.t-search__search-action {
  font: var(--td-search-font, var(--td-font-body-large));
  color: var(--td-search-action-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  margin-left: 15px;
}

.t-search__placeholder {
  color: var(--td-search-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-search__placeholder--center {
  text-align: center;
}

.t-search__result-item--highLight {
  color: var(--td-search-result-high-light-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-search__result-list .t-search__result-item {
  padding-left: 0;
}

.t-search__result-list .t-search__result-item:after {
  left: 0;
}

.t-search input::placeholder {
  color: var(--td-search-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-search input::-webkit-input-placeholder {
  color: var(--td-search-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-search input[type="search"] {
  -webkit-appearance: none;
}

.t-search input::-webkit-search-decoration {
  display: none;
}

.t-search input::-webkit-search-cancel-button {
  display: none;
}

.t-search input::-webkit-search-results-button {
  display: none;
}

.t-search input::-webkit-search-results-decoration {
  display: none;
}

.t-slider {
  font: var(--td-font-body-medium);
  align-items: center;
  display: flex;
}

.t-slider--disabled .t-slider__value, .t-slider--disabled .t-slider__range-extreme, .t-slider--disabled .t-slider__dot-value, .t-slider--disabled .t-slider__scale-desc {
  color: var(--td-slider-disabled-text-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-slider--disabled .t-slider__dot {
  background-color: var(--td-slider-dot-disabled-bg-color, #fff);
  border-color: var(--td-slider-dot-disabled-border-color, #f3f3f3);
}

.t-slider--top {
  padding-top: 20px;
}

.t-slider__line {
  height: var(--td-slider-bar-height, 4px);
  border-radius: calc(var(--td-slider-bar-height, 4px) / 2);
  background-color: var(--td-slider-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  position: absolute;
  top: 0;
}

.t-slider__line--disabled {
  background-color: var(--td-slider-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-slider__line--capsule {
  height: var(--td-slider-capsule-line-height, 18px);
}

.t-slider__line--capsule.t-slider__line--single {
  border-top-left-radius: calc(var(--td-slider-capsule-line-height, 18px) / 2);
  border-bottom-left-radius: calc(var(--td-slider-capsule-line-height, 18px) / 2);
}

.t-slider__dot {
  border: 1px solid var(--td-slider-dot-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  z-index: 2;
  background-color: var(--td-slider-dot-bg-color, #fff);
  width: var(--td-slider-dot-size, 20px);
  height: var(--td-slider-dot-size, 20px);
  -webkit-box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
  box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(50%, -50%, 0);
}

.t-slider__dot--left {
  left: 0;
  transform: translate3d(-50%, -50%, 0);
}

.t-slider__dot-value {
  text-align: center;
  width: 48px;
  height: 22px;
  position: relative;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
}

.t-slider__value, .t-slider__range-extreme, .t-slider__dot-value {
  color: var(--td-slider-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-slider__value--sr-only, .t-slider__range-extreme--sr-only, .t-slider__dot-value--sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.t-slider__dot-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.t-slider__value--min {
  margin-left: 16px;
}

.t-slider__value--max {
  margin-right: 16px;
}

.t-slider__value--right {
  flex-basis: 40px;
}

.t-slider__value--right__value--text {
  text-align: right;
  margin-right: 16px;
  display: block;
}

.t-slider__bar {
  height: var(--td-slider-bar-height, 4px);
  border-radius: calc(var(--td-slider-bar-height, 4px) / 2);
  background-clip: content-box;
  background-color: var(--td-slider-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  flex: 10;
  margin: 8px 16px;
  position: relative;
}

.t-slider__bar--capsule {
  height: var(--td-slider-capsule-bar-height, 24px);
  border-radius: calc(var(--td-slider-capsule-bar-height, 24px) / 2);
  background-color: var(--td-slider-capsule-bar-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border: 3px solid var(--td-slider-capsule-bar-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
}

.t-slider__bar--marks {
  background-color: var(--td-slider-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
}

.t-slider__bar--disabled {
  background-color: var(--td-slider-default-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-slider__range-extreme--min {
  text-align: left;
  margin-left: 16px;
}

.t-slider__range-extreme--max {
  text-align: right;
  margin-right: 16px;
}

.t-slider__scale-item {
  background-color: var(--td-slider-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  z-index: 1;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

.t-slider__scale-item--active {
  background-color: var(--td-slider-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-slider__scale-item--disabled {
  background-color: var(--td-slider-default-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-slider__scale-item--active.t-slider__scale-item--disabled {
  background-color: var(--td-slider-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-slider__scale-item--capsule {
  height: var(--td-slider-capsule-line-height, 18px);
  background-color: var(--td-slider-capsule-bar-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  width: 2px;
  margin-top: calc(-.5 * var(--td-slider-capsule-line-height, 18px));
  border-radius: 0;
}

.t-slider__scale-item--hidden {
  background-color: #0000;
}

.t-slider__scale-desc {
  color: var(--td-slider-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.t-slider__scale-desc--capsule {
  bottom: 23px;
}

.t-slider--vertical {
  --td-slider-bar-height: 200px;
  height: var(--td-slider-bar-height, 4px);
  justify-content: center;
  position: relative;
}

.t-slider--vertical .t-slider__bar {
  height: 100%;
  width: var(--td-slider-bar-width, 4px);
  flex: none;
}

.t-slider--vertical .t-slider__bar--capsule {
  width: var(--td-slider-capsule-bar-width, 24px);
  border-radius: calc(var(--td-slider-capsule-bar-width, 24px) / 2);
}

.t-slider--vertical .t-slider__line {
  width: 100%;
  height: unset;
  border-radius: calc(var(--td-slider-bar-width, 4px) / 2);
  left: 0;
}

.t-slider--vertical .t-slider__line--capsule {
  border-radius: calc(var(--td-slider-capsule-line-height, 18px) / 2);
}

.t-slider--vertical .t-slider__dot {
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t-slider--vertical .t-slider__dot--left {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t-slider--vertical .t-slider__dot--right {
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t-slider--vertical .t-slider__dot-value {
  width: auto;
  top: 50%;
  left: 27px;
  transform: translate(0, -50%);
}

.t-slider--vertical .t-slider__range-extreme {
  margin: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.t-slider--vertical .t-slider__range-extreme--min {
  top: 0;
}

.t-slider--vertical .t-slider__range-extreme--max {
  bottom: 0;
  transform: translate(-50%, 100%);
}

.t-slider--vertical .t-slider__scale-item {
  margin-top: 0;
  left: 50%;
}

.t-slider--vertical .t-slider__scale-item--capsule {
  height: 2px;
  width: var(--td-slider-capsule-line-height, 18px);
}

.t-slider--vertical .t-slider__scale-desc {
  top: 50%;
  bottom: unset;
  left: 19px;
  transform: translateY(-50%);
}

.t-slider--vertical .t-slider__scale-desc--capsule {
  left: 26px;
}

.t-stepper {
  color: var(--td-stepper-input-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  align-items: center;
  display: flex;
}

.t-stepper__minus, .t-stepper__plus {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.t-stepper__input, .t-stepper__minus-icon, .t-stepper__plus-icon {
  color: inherit;
  font-size: inherit;
}

.t-stepper__input--normal, .t-stepper__input--filled, .t-stepper__input--outline {
  height: inherit;
  box-sizing: border-box;
}

.t-stepper--small {
  height: 20px;
  font-size: 10px;
}

.t-stepper--medium {
  height: 24px;
  font-size: 12px;
}

.t-stepper--large {
  height: 26px;
  font-size: 16px;
}

.t-stepper__input {
  text-align: center;
  vertical-align: top;
  height: inherit;
  min-height: inherit;
  background: 0;
  border: 0;
}

.t-stepper__input--normal, .t-stepper__input--filled {
  margin: 0 4px;
}

.t-stepper__input--small {
  width: 34px;
}

.t-stepper__input--medium {
  width: 38px;
  height: 24px;
}

.t-stepper__input--large {
  width: 45px;
}

.t-stepper__icon--small {
  width: 20px;
  height: 20px;
  font-size: 12px;
}

.t-stepper__icon--medium {
  width: 24px;
  height: 24px;
  font-size: 16px;
}

.t-stepper__icon--large {
  width: 26px;
  height: 26px;
  font-size: 20px;
}

.t-stepper__minus--outline, .t-stepper__plus--outline {
  border: 1px solid var(--td-stepper-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}

.t-stepper__input--outline {
  border: none;
  border-top: 1px solid var(--td-stepper-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  border-bottom: 1px solid var(--td-stepper-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  padding: 0 4px;
}

.t-stepper__minus--outline, .t-stepper__minus--filled {
  border-radius: var(--td-stepper-border-radius, var(--td-radius-small, 3px)) 0 0 var(--td-stepper-border-radius, var(--td-radius-small, 3px));
}

.t-stepper__plus--outline, .t-stepper__plus--filled {
  border-radius: 0 var(--td-stepper-border-radius, var(--td-radius-small, 3px)) var(--td-stepper-border-radius, var(--td-radius-small, 3px)) 0;
}

.t-stepper__minus--filled, .t-stepper__plus--filled, .t-stepper__input--filled {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}

.t-stepper--normal-disabled {
  color: var(--td-stepper-input-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-stepper--filled-disabled, .t-stepper--outline-disabled {
  color: var(--td-stepper-input-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  background-color: var(--td-stepper-input-disabled-bg, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-switch {
  vertical-align: middle;
  width: var(--td-switch-width, 45px);
  height: var(--td-switch-height, 28px);
  border-radius: var(--td-switch-radius, calc(var(--td-switch-height, 28px) / 2));
  background-color: var(--td-switch-unchecked-color, var(--td-bg-color-secondarycontainer-active, var(--td-gray-color-4, #dcdcdc)));
  align-items: center;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-switch--checked {
  background-color: var(--td-switch-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-switch--disabled {
  background-color: var(--td-switch-unchecked-disabled-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-switch--checked.t-switch--disabled {
  background-color: var(--td-switch-checked-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-switch--large {
  width: var(--td-switch-large-width, 52px);
  height: var(--td-switch-large-height, 32px);
  border-radius: var(--td-switch-large-radius, calc(var(--td-switch-large-height, 32px) / 2));
}

.t-switch--small {
  width: var(--td-switch-small-width, 39px);
  height: var(--td-switch-small-height, 24px);
  border-radius: var(--td-switch-small-radius, calc(var(--td-switch-small-height, 24px) / 2));
}

.t-switch__label {
  width: 100%;
  font-size: var(--td-switch-label-font-size, 14px);
  color: var(--td-switch-label-color, var(--td-bg-color-secondarycontainer-active, var(--td-gray-color-4, #dcdcdc)));
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.t-switch__label--checked {
  color: var(--td-switch-label-checked-color, var(--td-switch-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9))));
}

.t-switch__label--disabled {
  color: var(--td-switch-unchecked-disabled-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-switch__label--checked.t-switch__label--disabled {
  color: var(--td-switch-checked-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-switch__label--large {
  font-size: var(--td-switch-label-large-font-size, 16px);
}

.t-switch__label--small {
  font-size: var(--td-switch-label-small-font-size, 12px);
}

.t-switch__label:empty {
  display: none;
}

.t-switch__icon {
  font-size: var(--td-switch-icon-size, 20px);
}

.t-switch__icon--large {
  font-size: var(--td-switch-icon-large-size, 24px);
}

.t-switch__icon--small {
  font-size: var(--td-switch-icon-small-size, 16px);
}

.t-switch__loading {
  color: var(--td-switch-loading-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-switch__dot {
  left: var(--td-switch-dot-horizontal-margin, 3px);
  width: var(--td-switch-dot-size, 22px);
  height: var(--td-switch-dot-size, 22px);
  background-color: var(--td-font-white-1, #fff);
  -webkit-box-shadow: var(--td-switch-dot-shadow, var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f));
  box-shadow: var(--td-switch-dot-shadow, var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f));
  border-radius: 50%;
  transition: all .3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.t-switch__dot--disabled {
  background-color: var(--td-switch-dot-disabled-color, var(--td-font-white-1, #fff));
}

.t-switch__dot--large {
  width: var(--td-switch-dot-large-size, 26px);
  height: var(--td-switch-dot-large-size, 26px);
}

.t-switch__dot--small {
  width: var(--td-switch-dot-small-size, 18px);
  height: var(--td-switch-dot-small-size, 18px);
}

.t-switch__dot--checked {
  left: calc(var(--td-switch-width, 45px)  - var(--td-switch-dot-size, 22px)  - var(--td-switch-dot-horizontal-margin, 3px));
}

.t-switch__dot--large.t-switch__dot--checked {
  left: calc(var(--td-switch-large-width, 52px)  - var(--td-switch-dot-large-size, 26px)  - var(--td-switch-dot-horizontal-margin, 3px));
}

.t-switch__dot--small.t-switch__dot--checked {
  left: calc(var(--td-switch-small-width, 39px)  - var(--td-switch-dot-small-size, 18px)  - var(--td-switch-dot-horizontal-margin, 3px));
}

.t-switch__dot--plain:not(.t-switch__dot--checked) {
  width: var(--td-switch-dot-plain-size, 18px);
  height: var(--td-switch-dot-plain-size, 18px);
  left: var(--td-switch-dot-plain-horizontal-margin, 5px);
}

.t-switch__dot--large.t-switch__dot--plain:not(.t-switch__dot--checked) {
  width: var(--td-switch-dot-plain-large-size, 22px);
  height: var(--td-switch-dot-plain-large-size, 22px);
}

.t-switch__dot--small.t-switch__dot--plain:not(.t-switch__dot--checked) {
  width: var(--td-switch-dot-plain-small-size, 14px);
  height: var(--td-switch-dot-plain-small-size, 14px);
}

.t-textarea {
  box-sizing: border-box;
  padding: var(--td-textarea-padding, 16px 16px);
  background-color: var(--td-textarea-background-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  display: flex;
}

.t-textarea--layout-vertical {
  flex-direction: column;
}

.t-textarea__label:not(:empty) {
  font: var(--td-font-body-medium);
  color: var(--td-textarea-label-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  margin-right: var(--td-spacer-2, 16px);
  width: var(--td-textarea-label-width, 64px);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  overflow: hidden;
}

.t-textarea--layout-vertical .t-textarea__label:not(:empty) {
  font: var(--td-font-body-medium);
  padding-bottom: var(--td-spacer, 8px);
}

.t-textarea__wrapper {
  flex-direction: column;
  flex: auto;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.t-textarea__wrapper-inner {
  box-sizing: border-box;
  width: inherit;
  text-align: left;
  resize: none;
  min-width: 0;
  height: 100%;
  min-height: 20px;
  font: var(--td-font-body-large);
  color: var(--td-textarea-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  background-color: #0000;
  border: 0;
  outline: none;
  flex: auto;
  margin: 0;
  padding: 0;
}

.t-textarea__placeholder::-webkit-input-placeholder {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-font-body-medium);
}

.t-textarea__placeholder::placeholder {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-font-body-medium);
}

.t-textarea__placeholder:-ms-placeholder-shown {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-font-body-medium);
}

.t-textarea__placeholder::placeholder {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-font-body-medium);
}

.t-textarea__indicator:not(:empty) {
  color: var(--td-textarea-indicator-text-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-font-body-small);
  text-align: right;
  padding-top: var(--td-spacer, 8px);
}

.t-textarea--border {
  border-radius: var(--td-textarea-border-radius, var(--td-radius-default, 6px));
  position: relative;
}

.t-textarea--border:after {
  content: "";
  border: 1px solid var(--td-textarea-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.t-textarea--disabled {
  color: var(--td-textarea-disabled-text-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  cursor: not-allowed;
}

.t-textarea--readonly {
  cursor: pointer;
}

.t-tree-select {
  background-color: var(--td-tree-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  display: flex;
}

.t-tree-select__column {
  width: var(--td-tree-colum-width, 103px);
  color: var(--td-tree-colum-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-tree-select__column--left {
  background: var(--td-tree-root-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-tree-select__column--right {
  flex: 1;
  overflow: auto;
}

.t-tree-select__column ::-webkit-scrollbar {
  color: #0000;
  width: 0;
  height: 0;
  display: none;
}

.t-tree-select__item {
  height: var(--td-tree-item-height, 56px);
  line-height: var(--td-tree-item-height, 56px);
  font-size: var(--td-tree-item-font-size, 16px);
  padding-left: 16px;
}

.t-tree-select__item--active {
  color: var(--td-tree-item-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 600;
}

.t-tree-select__item--disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: var(--td-tree-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-tree-select-column {
  width: 100%;
}

.t-image {
  color: var(--td-image-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font-size: 0;
}

.t-image__img {
  width: 100%;
  height: 100%;
}

.t-image__mask {
  background-color: var(--td-image-loading-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  color: var(--td-image-loading-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.t-image--loading-text {
  width: 0;
  height: 0;
}

.t-image__common {
  width: 100%;
  height: 100%;
}

.t-image--circle {
  border-radius: 50%;
  overflow: hidden;
}

.t-image--round {
  border-radius: var(--td-image-round-radius, var(--td-radius-default, 6px));
  overflow: hidden;
}

.t-image--square {
  border-radius: 0;
  overflow: hidden;
}

.t-image--fit-fill {
  -o-object-fit: fill;
  object-fit: fill;
}

.t-image--fit-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.t-image--fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.t-image--fit-scale-down {
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.t-image--fit-none {
  -o-object-fit: none;
  object-fit: none;
}

.t-image--position-center {
  -o-object-position: center;
  object-position: center;
}

.t-image--position-bottom {
  -o-object-position: bottom;
  object-position: bottom;
}

.t-image--position-top {
  -o-object-position: top;
  object-position: top;
}

.t-image--position-left {
  -o-object-position: left;
  object-position: left;
}

.t-image--position-right {
  -o-object-position: right;
  object-position: right;
}

.t-swiper {
  box-sizing: border-box;
  border-radius: var(--td-swiper-border-radius, 8px);
  font-weight: normal;
  position: relative;
  overflow: hidden;
}

.t-swiper-item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.t-swiper-item > * {
  border-radius: var(--td-swiper-border-radius, 8px);
}

.t-swiper-item--image-host {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-swiper-item--image-host > * {
  border-radius: var(--td-swiper-border-radius, 8px);
}

.t-swiper-item--image-host img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.t-swiper__container {
  width: auto;
  height: 100%;
  position: relative;
}

.t-swiper__item {
  overflow: hidden;
}

.t-swiper__item img {
  width: 100%;
  height: 100%;
}

.t-swiper--outside {
  padding-bottom: var(--td-swiper-placement-outside-padding, calc(var(--td-spacer-1, 12px)  + var(--td-swiper-nav-dot-size, 6px)));
}

.t-swiper__container--card {
  position: absolute;
  inset: 0;
}

.t-swiper--card .t-swiper-item {
  box-sizing: border-box;
  z-index: 0;
  align-items: center;
  display: flex;
}

.t-swiper--card .t-swiper-item--active {
  z-index: 1;
}

.t-swiper--card .t-swiper-item--image-host {
  transition: all .3s;
}

.t-swiper--card .t-swiper-item--image-host--prev {
  right: var(--td-swiper-item-right-padding, 6px);
}

.t-swiper--card .t-swiper-item--image-host--next {
  left: var(--td-swiper-item-left-padding, 6px);
}

.t-swiper-nav__dots, .t-swiper-nav__dots-bar {
  flex-direction: row;
  display: flex;
}

.t-swiper-nav__dots-item, .t-swiper-nav__dots-bar-item {
  width: var(--td-swiper-nav-dot-size, 6px);
  height: var(--td-swiper-nav-dot-size, 6px);
  background: var(--td-swiper-nav-dot-color, var(--td-font-white-2, #ffffff8c));
  border-radius: 50%;
  margin: 0 5px;
  transition: all .4s ease-in;
}

.t-swiper-nav__dots-item--vertical, .t-swiper-nav__dots-bar-item--vertical {
  margin: 5px 0;
}

.t-swiper-nav__dots-item--active, .t-swiper-nav__dots-bar-item--active {
  background-color: var(--td-swiper-nav-dot-active-color, var(--td-font-white-1, #fff));
}

.t-swiper-nav__dots-bar-item--vertical.t-swiper-nav__dots-bar-item--active {
  width: var(--td-swiper-nav-dot-size, 6px);
  height: var(--td-swiper-nav-dots-bar-active-width, 20px);
}

.t-swiper-nav__dots-bar-item--active {
  width: var(--td-swiper-nav-dots-bar-active-width, 20px);
  border-radius: calc(var(--td-swiper-nav-dot-size, 6px) / 2);
  background-color: var(--td-swiper-nav-dot-active-color, var(--td-font-white-1, #fff));
}

.t-swiper-nav--left {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.t-swiper-nav--right {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.t-swiper-nav--top-left {
  position: absolute;
  top: 12px;
  left: 12px;
}

.t-swiper-nav--top {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.t-swiper-nav--top-right {
  position: absolute;
  top: 12px;
  right: 12px;
}

.t-swiper-nav--bottom-left {
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.t-swiper-nav--bottom {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.t-swiper-nav--bottom-right {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.t-swiper-nav--vertical {
  flex-direction: column;
}

.t-swiper-nav__fraction {
  height: var(--td-swiper-nav-fraction-height, 24px);
  border-radius: calc(var(--td-swiper-nav-fraction-height, 24px) / 2);
  background: var(--td-swiper-nav-fraction-bg-color, var(--td-font-gray-3, #0006));
  color: var(--td-swiper-nav-fraction-color, var(--td-font-white-1, #fff));
  font: var(--td-swiper-nav-fraction-font, var(--td-font-body-small));
  padding: 0 8px;
}

.t-swiper-nav__btn--prev, .t-swiper-nav__btn--next {
  width: var(--td-swiper-nav-btn-size, 24px);
  height: var(--td-swiper-nav-btn-size, 24px);
  background: var(--td-swiper-nav-btn-bg-color, var(--td-font-gray-3, #0006));
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.t-swiper-nav__btn--prev:after, .t-swiper-nav__btn--next:after {
  content: "";
  border-color: var(--td-swiper-nav-btn-color, var(--td-font-white-1, #fff));
  border-style: solid;
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.t-swiper-nav__btn--prev {
  left: 15px;
}

.t-swiper-nav__btn--prev:after {
  border-width: 1px 0 0 1px;
  margin-left: 2px;
  transform: translate(-50%, -50%)rotateZ(-45deg);
}

.t-swiper-nav__btn--next {
  right: 15px;
}

.t-swiper-nav__btn--next:after {
  border-width: 1px 1px 0 0;
  margin-left: -2px;
  transform: translate(-50%, -50%)rotateZ(45deg);
}

.t-swiper-nav--outside {
  bottom: 0;
}

.t-swiper-nav--outside .t-swiper-nav__dots-item, .t-swiper-nav--outside .t-swiper-nav__dots-bar-item {
  background: var(--td-swiper-nav-outside-bg, var(--td-gray-color-3, #e7e7e7));
}

.t-swiper-nav--outside .t-swiper-nav__dots-item--active, .t-swiper-nav--outside .t-swiper-nav__dots-bar-item--active {
  background-color: var(--td-swiper-nav-outside-bg-active, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-image-viewer {
  z-index: 1001;
  height: 100%;
  position: fixed;
  inset: 0;
  overflow: hidden;
  transform: translateZ(0);
}

.t-image-viewer__cover {
  z-index: 1006;
  position: absolute;
  top: 0;
  left: 0;
}

.t-image-viewer__mask {
  z-index: 1000;
  background-color: var(--td-image-viewer-mask-bg-color, var(--td-mask-active, #0009));
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.t-image-viewer__content {
  z-index: 1005;
  border-radius: 0;
  width: 100vw;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.t-image-viewer__swiper-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-image-viewer__img {
  max-width: 100%;
  height: auto;
}

.t-image-viewer__nav {
  width: 100%;
  height: var(--td-image-viewer-nav-height, 48px);
  background-color: var(--td-image-viewer-nav-bg-color, #000);
  color: var(--td-image-viewer-nav-color, var(--td-font-white-1, #fff));
  z-index: 1005;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  left: 0;
}

.t-image-viewer__nav-close {
  margin-left: var(--td-image-viewer-close-margin-left, var(--td-spacer-1, 12px));
}

.t-image-viewer__nav-delete {
  margin-right: var(--td-image-viewer-delete-margin-right, var(--td-spacer-1, 12px));
}

.t-image-viewer__nav-close, .t-image-viewer__nav-delete {
  width: 24px;
  font-size: 24px;
}

.t-image-viewer__nav-index {
  font-size: var(--td-image-viewer-nav-index-font-size, var(--td-font-size-base, 14px));
  text-align: center;
  flex: 1;
}

.t-upload {
  grid-template-columns: repeat(var(--td-upload-grid-columns, 4), 1fr);
  gap: 16px 8px;
  padding: 16px;
  display: grid;
}

.t-upload__item {
  width: var(--td-upload-width, 80px);
  height: var(--td-upload-height, 80px);
  border-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  position: relative;
  overflow: hidden;
}

.t-upload__item--add {
  font-size: var(--td-upload-add-icon-size, 28px);
  background: var(--td-upload-background, var(--td-upload-add-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3))));
  color: var(--td-upload-add-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-upload__add-icon {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.t-upload__delete-btn {
  width: 20px;
  height: 20px;
  color: var(--td-upload-delete-icon-color, #fff);
  border-top-right-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  border-bottom-left-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  background-color: var(--td-font-gray-3, #0006);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.t-upload__progress-mask {
  background-color: var(--td-font-gray-3, #0006);
  border-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  width: 100%;
  color: var(--td-font-white-1, #fff);
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.t-upload__progress-text {
  font: var(--td-font-body-small);
  margin-top: 4px;
}

.t-upload__progress-loading {
  animation: .6s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

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

.t-avatar {
  box-sizing: border-box;
  background-color: var(--td-avatar-bg-color, var(--td-brand-color-light-active, var(--td-brand-color-2, #d9e1ff)));
  color: var(--td-avatar-content-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-avatar__wrapper {
  vertical-align: top;
  margin-left: var(--td-avatar-margin-left, 0);
  display: inline-flex;
  position: relative;
}

.t-avatar--large {
  width: var(--td-avatar-large-width, 64px);
  height: var(--td-avatar-large-width, 64px);
  font-size: var(--td-avatar-text-large-font-size, var(--td-font-size-xl, 20px));
}

.t-avatar--large .t-avatar__icon {
  font-size: var(--td-avatar-icon-large-font-size, 32px);
}

.t-avatar--medium {
  width: var(--td-avatar-medium-width, 48px);
  height: var(--td-avatar-medium-width, 48px);
  font-size: var(--td-avatar-text-medium-font-size, var(--td-font-size-m, 16px));
}

.t-avatar--medium .t-avatar__icon {
  font-size: var(--td-avatar-icon-medium-font-size, 24px);
}

.t-avatar--small {
  width: var(--td-avatar-small-width, 40px);
  height: var(--td-avatar-small-width, 40px);
  font-size: var(--td-avatar-text-small-font-size, var(--td-font-size-base, 14px));
}

.t-avatar--small .t-avatar__icon {
  font-size: var(--td-avatar-icon-small-font-size, 20px);
}

.t-avatar .t-image, .t-avatar__image {
  width: 100%;
  height: 100%;
}

.t-avatar--circle {
  border-radius: var(--td-avatar-circle-border-radius, var(--td-radius-circle, 50%));
  overflow: hidden;
}

.t-avatar--round {
  border-radius: var(--td-avatar-round-border-radius, var(--td-radius-default, 6px));
  overflow: hidden;
}

.t-avatar__text, .t-avatar__icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.t-avatar__text:empty, .t-avatar__icon:empty {
  width: 0;
  height: 0;
}

.t-avatar--border {
  border-color: var(--td-avatar-border-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  border-style: solid;
}

.t-avatar--border-small {
  border-width: var(--td-avatar-border-width-small, 1px);
}

.t-avatar--border-medium {
  border-width: var(--td-avatar-border-width-medium, 2px);
}

.t-avatar--border-large {
  border-width: var(--td-avatar-border-width-large, 3px);
}

.t-avatar-group {
  flex-wrap: wrap;
  align-items: center;
  display: inline-flex;
}

.t-avatar-group-offset-left .t-avatar__wrapper, .t-avatar-group-offset-right .t-avatar__wrapper {
  padding: var(--td-avatar-group-line-spacing, 2px) 0;
}

.t-avatar-group-offset-left-small, .t-avatar-group-offset-right-small {
  --td-avatar-margin-left: var(--td-avatar-group-margin-left-small, -8px);
}

.t-avatar-group-offset-left-medium, .t-avatar-group-offset-right-medium {
  --td-avatar-margin-left: var(--td-avatar-group-margin-left-medium, -8px);
}

.t-avatar-group-offset-left-large, .t-avatar-group-offset-right-large {
  --td-avatar-margin-left: var(--td-avatar-group-margin-left-large, -8px);
}

.t-avatar-group__collapse--slot, .t-avatar-group__collapse--default {
  z-index: 0;
  font-weight: 600;
}

.t-avatar-group-offset-left .t-avatar__wrapper:first-child {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 1);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(2) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 2);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(3) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 3);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(4) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 4);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(5) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 5);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(6) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 6);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(7) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 7);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(8) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 8);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(9) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 9);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(10) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 10);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(11) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 11);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(12) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 12);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(13) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 13);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(14) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 14);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(15) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 15);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(16) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 16);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(17) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 17);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(18) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 18);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(19) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 19);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(20) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 20);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(21) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 21);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(22) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 22);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(23) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 23);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(24) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 24);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(25) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 25);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(26) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 26);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(27) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 27);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(28) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 28);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(29) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 29);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(30) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 30);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(31) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 31);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(32) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 32);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(33) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 33);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(34) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 34);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(35) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 35);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(36) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 36);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(37) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 37);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(38) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 38);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(39) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 39);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(40) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 40);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(41) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 41);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(42) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 42);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(43) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 43);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(44) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 44);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(45) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 45);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(46) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 46);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(47) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 47);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(48) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 48);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(49) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 49);
}

.t-avatar-group-offset-left .t-avatar__wrapper:nth-child(50) {
  z-index: calc(var(--td-avatar-group-init-z-index, 50)  - 50);
}

.t-avatar-group__collapse--slot {
  float: left;
}

.t-avatar-group__collapse--slot:not(:empty) + .t-avatar-group__collapse--default {
  float: left;
  display: none;
}

.t-avatar-group__collapse--slot:empty + .t-avatar-group__collapse--default {
  float: left;
  display: block;
}

.t-cell {
  box-sizing: border-box;
  width: 100%;
  padding: var(--td-cell-vertical-padding, 16px) var(--td-cell-horizontal-padding, 16px);
  height: var(--td-cell-height, auto);
  background-color: var(--td-cell-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-cell:after {
  border-bottom: 1px solid var(--td-cell-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  bottom: 0;
  left: 0;
  right: 0;
  left: var(--td-border-left-space, var(--td-cell-horizontal-padding, 16px));
  right: var(--td-cell-border-right-space, 0);
  position: absolute;
  transform: scaleY(.5);
}

.t-cell:last-child:after, .t-cell--borderless:after {
  display: none;
}

.t-cell__description {
  font: var(--td-cell-description-font, var(--td-font-body-medium));
  color: var(--td-cell-description-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  margin-top: calc(var(--td-spacer, 8px) / 2);
}

.t-cell__note {
  color: var(--td-cell-note-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-cell-note-font, var(--td-font-body-medium));
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.t-cell__title {
  color: var(--td-cell-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  margin-right: var(--td-spacer-2, 16px);
}

.t-cell__title, .t-cell__note {
  flex: auto;
}

.t-cell__title:empty, .t-cell__note:empty {
  display: none;
}

.t-cell__title-text {
  font: var(--td-cell-title-font, var(--td-font-body-large));
  color: var(--td-cell-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  display: flex;
}

.t-cell__left, .t-cell__right {
  align-self: stretch;
}

.t-cell__left .t-icon, .t-cell__right .t-icon {
  display: block;
}

.t-cell__left:not(:empty) {
  margin-right: var(--td-spacer-1, 12px);
}

.t-cell__left-icon {
  color: var(--td-cell-left-icon-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-size: var(--td-cell-left-icon-size, 24px);
}

.t-cell__left-image {
  height: var(--td-cell-image-height, 48px);
  width: var(--td-cell-image-width, 48px);
}

.t-cell__note:not(:empty) + .t-cell__right {
  margin-left: calc(var(--td-spacer, 8px) / 2);
}

.t-cell__right {
  display: flex;
}

.t-cell__right-icon {
  color: var(--td-cell-right-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font-size: var(--td-cell-right-icon-size, 24px);
}

.t-cell__right--middle {
  align-items: center;
}

.t-cell__right--top {
  align-items: flex-start;
}

.t-cell__right--bottom {
  align-items: flex-end;
}

.t-cell--hover {
  background-color: var(--td-cell-hover-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-cell--required {
  font: var(--td-cell-required-font, var(--td-font-body-medium));
  color: var(--td-cell-required-color, var(--td-error-color-6, #d54941));
}

.t-cell-group {
  position: relative;
}

.t-cell-group__title {
  font-family: PingFangSC-Regular;
  font-size: var(--td-cell-group-title-font-size, 14px);
  color: var(--td-cell-group-title-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  text-align: left;
  line-height: var(--td-cell-group-title-line-height, 45px);
  background-color: var(--td-cell-group-title-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  padding-left: var(--td-cell-group-title-padding-left, 16px);
}

.t-cell-group--bordered:before {
  border-top: 1px solid var(--td-cell-group-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-cell-group--bordered:after {
  border-bottom: 1px solid var(--td-cell-group-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-cell-group--card {
  border-radius: var(--td-radius-large, 9px);
  margin: 0 16px;
  overflow: hidden;
}

.t-collapse {
  position: relative;
}

.t-collapse--card {
  border-radius: var(--td-radius-large, 9px);
  margin: 0 16px;
  overflow: hidden;
}

.t-collapse-panel {
  background-color: var(--td-collapse-panel-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  position: relative;
  overflow: hidden;
}

.t-collapse-panel:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-collapse-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-collapse-panel--top {
  flex-direction: column-reverse;
  display: flex;
}

.t-collapse-panel__header {
  color: var(--td-collapse-header-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  position: relative;
}

.t-collapse-panel__header--top {
  position: relative;
}

.t-collapse-panel__header--top:after {
  content: "";
  top: 0;
  bottom: unset;
  left: unset;
  right: unset;
  background-color: var(--td-collapse-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-collapse-panel__header--bottom {
  position: relative;
}

.t-collapse-panel__header--bottom:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-collapse-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-collapse-panel__header:after {
  display: none;
  left: 16px;
}

.t-collapse-panel__header--expanded:after {
  display: block;
}

.t-collapse-panel__header .t-cell__title {
  font: var(--td-collapse-title-font, var(--td-font-body-large));
}

.t-collapse-panel__header .t-cell__note {
  font: var(--td-collapse-extra-font, var(--td-font-body-large));
}

.t-collapse-panel__header .t-cell__right-icon {
  color: var(--td-collapse-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-collapse-panel--disabled {
  pointer-events: none;
}

.t-collapse-panel--disabled .t-cell__title, .t-collapse-panel--disabled .t-cell__note, .t-collapse-panel--disabled .t-cell__right-icon, .t-collapse-panel--disabled .t-cell__title-text {
  color: var(--td-collapse-header-text-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-collapse-panel__body {
  transition: grid-template-rows .24s, -ms-grid-rows .24s;
  display: grid;
}

.t-collapse-panel__inner {
  overflow: hidden;
}

.t-collapse-panel__content {
  color: var(--td-collapse-content-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-collapse-content-font, var(--td-font-body-medium));
  padding: var(--td-collapse-content-padding, 16px);
}

.t-count-down--small.t-count-down--default {
  font-size: var(--td-font-size-base, 14px);
}

.t-count-down--small.t-count-down--round > .t-count-down__item, .t-count-down--small.t-count-down--square > .t-count-down__item {
  font-size: var(--td-font-size-s, 12px);
  width: 20px;
  height: 20px;
}

.t-count-down--small.t-count-down--round > .t-count-down__split--dot, .t-count-down--small.t-count-down--square > .t-count-down__split--dot {
  font-size: var(--td-font-size-base, 14px);
  margin: 0 2px;
  font-weight: 700;
}

.t-count-down--small.t-count-down--round > .t-count-down__split--text, .t-count-down--small.t-count-down--square > .t-count-down__split--text {
  font-size: var(--td-font-size, 10px);
  margin: 0 4px;
}

.t-count-down--medium.t-count-down--default {
  font-size: var(--td-font-size-m, 16px);
}

.t-count-down--medium.t-count-down--round > .t-count-down__item, .t-count-down--medium.t-count-down--square > .t-count-down__item {
  font-size: var(--td-font-size-base, 14px);
  width: 24px;
  height: 24px;
}

.t-count-down--medium.t-count-down--round > .t-count-down__split--dot, .t-count-down--medium.t-count-down--square > .t-count-down__split--dot {
  font-size: var(--td-font-size-m, 16px);
  margin: 0 3px;
  font-weight: 700;
}

.t-count-down--medium.t-count-down--round > .t-count-down__split--text, .t-count-down--medium.t-count-down--square > .t-count-down__split--text {
  font-size: var(--td-font-size-s, 12px);
  margin: 0 5px;
}

.t-count-down--large.t-count-down--default {
  font-size: 18px;
}

.t-count-down--large.t-count-down--round > .t-count-down__item, .t-count-down--large.t-count-down--square > .t-count-down__item {
  font-size: var(--td-font-size-m, 16px);
  width: 28px;
  height: 28px;
}

.t-count-down--large.t-count-down--round > .t-count-down__split--dot, .t-count-down--large.t-count-down--square > .t-count-down__split--dot {
  margin: 0 6px;
  font-size: 18px;
  font-weight: 700;
}

.t-count-down--large.t-count-down--round > .t-count-down__split--text, .t-count-down--large.t-count-down--square > .t-count-down__split--text {
  font-size: var(--td-font-size-base, 14px);
  margin: 0 6px;
}

.t-count-down {
  font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.t-count-down .t-count-down__item, .t-count-down .t-count-down__split {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.t-count-down--square > .t-count-down__split--dot, .t-count-down--round > .t-count-down__split--dot {
  color: var(--td-error-color-6, #d54941);
}

.t-count-down--square > .t-count-down__split--text, .t-count-down--round > .t-count-down__split--text {
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
}

.t-count-down--default {
  color: var(--td-countdown-default-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-count-down--square {
  color: var(--td-countdown-round-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
}

.t-count-down--square > .t-count-down__item {
  border-radius: var(--td-countdown-square-border-radius, var(--td-radius-small, 3px));
  background: var(--td-countdown-bg-color, var(--td-error-color-6, #d54941));
}

.t-count-down--round {
  color: var(--td-countdown-round-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
}

.t-count-down--round > .t-count-down__item {
  border-radius: var(--td-countdown-round-border-radius, var(--td-radius-circle, 50%));
  background: var(--td-countdown-bg-color, var(--td-error-color-6, #d54941));
}

.t-empty {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.t-empty__icon {
  color: var(--td-empty-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font-size: 96px;
}

.t-empty__thumb + .t-empty__description:not(:empty) {
  margin-top: var(--td-empty-description-margin-top, var(--td-spacer-2, 16px));
}

.t-empty__description {
  text-align: center;
  color: var(--td-empty-description-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-empty-description-font, var(--td-font-body-medium));
}

.t-empty__description + .t-empty__actions:not(:empty) {
  margin-top: var(--td-empty-action-margin-top, var(--td-spacer-4, 32px));
}

.t-footer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.t-footer__text {
  font: var(--td-footer-text-font, var(--td-font-body-small));
  color: var(--td-footer-text-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-footer__link-list + .t-footer__text:not(:empty), .t-footer__logo + .t-footer__text:not(:empty) {
  margin-top: var(--td-footer-text-margin-top, 4px);
}

.t-footer__link-list {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-footer__link-item {
  color: var(--td-footer-link-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font: var(--td-footer-link-font, var(--td-font-body-medium));
  text-decoration: none;
}

.t-footer__link-line {
  color: var(--td-footer-link-dividing-line-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  padding: 0 var(--td-footer-link-dividing-line-padding, var(--td-spacer-1, 12px));
  font-size: 12px;
  display: inline-block;
}

.t-footer__logo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-footer__icon {
  width: var(--td-footer-logo-icon-width, 24px);
  height: var(--td-footer-logo-icon-height, 24px);
  margin-right: var(--td-footer-logo-icon-margin-right, var(--td-spacer, 8px));
}

.t-footer__title {
  font: var(--td-footer-logo-title-font, var(--td-font-title-medium));
  color: var(--td-footer-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font-style: italic;
}

.t-footer__title-url {
  width: var(--td-footer-logo-title-url-width, 128px);
}

.t-grid {
  box-sizing: border-box;
  display: grid;
  position: relative;
  overflow: hidden;
}

.t-grid--bordered:after {
  border-top: 1px solid var(--td-grid-item-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-grid--card {
  border-radius: var(--td-grid-card-radius, var(--td-radius-large, 9px));
  margin: 0 16px;
  overflow: hidden;
}

.t-grid--auto-size {
  flex-wrap: nowrap;
  display: flex;
  overflow: scroll;
}

.t-grid-item {
  box-sizing: border-box;
  padding: var(--td-grid-item-vertical-padding, 16px 0 12px);
  background: var(--td-grid-item-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  flex-direction: column;
  flex-shrink: 0;
  flex-basis: 84px;
  align-items: center;
  display: flex;
}

.t-grid-item--bordered {
  position: relative;
}

.t-grid-item--bordered:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-grid-item-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-grid-item--bordered:before {
  border-right: 1px solid var(--td-grid-item-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: scaleX(.5);
}

.t-grid-item--surround:before {
  border: 1px solid var(--td-grid-item-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  position: absolute;
  inset: -50%;
  transform: scale(.5);
}

.t-grid-item--horizontal {
  padding: var(--td-grid-item-horizontal-padding, 16px 0);
  flex-direction: row;
  justify-content: center;
}

.t-grid-item--hover {
  background-color: var(--td-grid-item-hover-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-grid-item__content {
  margin-top: var(--td-grid-item-text-padding-top, 8px);
  position: relative;
  overflow: hidden;
}

.t-grid-item__content--horizontal {
  text-align: left;
  margin-top: 0;
  margin-left: 12px;
}

.t-grid-item__image {
  background: var(--td-grid-item-image-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  border-radius: var(--td-grid-item-image-border-radius, var(--td-radius-default, 6px));
  width: var(--td-grid-item-image-width, 48px);
  height: var(--td-grid-item-image-width, 48px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-grid-item__image--small {
  width: var(--td-grid-item-image-small-width, 32px);
  height: var(--td-grid-item-image-small-width, 32px);
}

.t-grid-item__image--middle {
  width: var(--td-grid-item-image-middle-width, 40px);
  height: var(--td-grid-item-image-middle-width, 40px);
}

.t-grid-item__title {
  width: inherit;
  color: var(--td-grid-item-text-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-grid-item__title--small {
  font: var(--td-grid-item-text-small-font, var(--td-font-body-extraSmall));
}

.t-grid-item__title--middle {
  font: var(--td-grid-item-text-middle-font, var(--td-font-body-small));
}

.t-grid-item__title--large {
  font: var(--td-grid-item-text-font, var(--td-font-body-medium));
}

.t-grid-item__description {
  color: var(--td-grid-item-description-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-grid-item-description-font, var(--td-font-body-small));
}

.t-list__loading {
  margin: 10px 0 4px;
  display: inline-flex;
}

.t-list__loading > span {
  color: var(--td-gray-color-6, #a6a6a6);
}

.t-list__loading--wrapper {
  text-align: center;
}

.t-progress__inner {
  background: var(--td-progress-inner-bg-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-radius: var(--td-radius-round, 999px);
  height: 100%;
  -webkit-transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1));
  transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1));
  position: relative;
}

.t-progress__bar {
  background: var(--td-progress-track-bg-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-radius: var(--td-radius-round, 999px);
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.t-progress__info {
  margin-left: var(--td-spacer, 8px);
  color: var(--td-progress-info-dark-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  white-space: nowrap;
  display: inline-flex;
}

.t-progress--thin {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.t-progress--thin .t-progress__icon {
  font-size: calc(var(--td-font-size-base, 14px)  + 2px);
}

.t-progress--plump {
  border-radius: 10px;
  align-items: center;
  height: 20px;
  display: flex;
}

.t-progress--plump .t-progress__info {
  font: var(--td-font-body-small);
}

.t-progress--over-ten .t-progress__info {
  top: 50%;
  right: var(--td-spacer, 8px);
  color: var(--td-progress-info-light-color, var(--td-font-white-1, #fff));
  position: absolute;
  transform: translateY(-50%);
}

.t-progress--under-ten .t-progress__info, .t-progress--under-ten .t-progress__inner {
  display: inline-block;
}

.t-progress--under-ten .t-progress__info {
  vertical-align: top;
}

.t-progress__canvas--circle {
  border-radius: var(--td-radius-circle, 50%);
  width: 112px;
  height: 112px;
  position: relative;
}

.t-progress__canvas--circle .t-progress__canvas--inner {
  border-radius: var(--td-radius-circle, 50%);
  background-color: var(--td-progress-circle-inner-bg-color, var(--td-font-white-1, #fff));
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t-progress__canvas--circle .t-progress__info {
  font: var(--td-progress-circle-label-font, var(--td-font-title-extraLarge));
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
}

.t-progress__canvas--circle .t-progress__icon {
  font-size: var(--td-progress-circle-icon-size, 48px);
}

.t-progress--circle {
  position: relative;
}

.t-progress--circle .t-progress__info {
  width: 100%;
  font: var(--td-progress-circle-label-font, var(--td-font-title-extraLarge));
  text-align: center;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t-progress--circle .t-progress__circle-outer {
  stroke: var(--td-progress-track-bg-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
}

.t-progress--circle .t-progress__circle-inner {
  stroke: var(--td-progress-inner-bg-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  -webkit-transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1));
  transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1));
}

.t-progress--circle .t-progress__icon {
  font-size: var(--td-progress-circle-icon-size, 48px);
}

.t-progress--status-active .t-progress__inner:before {
  z-index: 1;
  content: "";
  background: var(--td-progress-inner-bg-color-active, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  opacity: .2;
  animation: 2s cubic-bezier(.23, .99, .86, .2) infinite progress-active-animation;
  position: absolute;
  inset: 0;
}

.t-progress--status-success .t-progress__inner {
  background: var(--td-progress-inner-bg-color-success, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}

.t-progress--status-success .t-progress__circle-inner {
  stroke: var(--td-success-color, var(--td-success-color-5, #2ba471));
}

.t-progress--status-success .t-progress__icon {
  color: var(--td-success-color, var(--td-success-color-5, #2ba471));
}

.t-progress--status-warning .t-progress__inner {
  background: var(--td-progress-inner-bg-color-warning, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-progress--status-warning .t-progress__circle-inner {
  stroke: var(--td-warning-color, var(--td-warning-color-5, #e37318));
}

.t-progress--status-warning .t-progress__icon {
  color: var(--td-warning-color, var(--td-warning-color-5, #e37318));
}

.t-progress--status-error .t-progress__inner {
  background: var(--td-progress-inner-bg-color-error, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-progress--status-error .t-progress__circle-inner {
  stroke: var(--td-error-color, var(--td-error-color-6, #d54941));
}

.t-progress--status-error .t-progress__icon {
  color: var(--td-error-color, var(--td-error-color-6, #d54941));
}

@keyframes progress-active-animation {
  0% {
    opacity: .1;
    width: 0;
  }

  35% {
    opacity: .4;
    width: 50%;
  }

  100% {
    opacity: 0;
    width: 100%;
  }
}

.t-qrcode {
  box-sizing: border-box;
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  border: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-radius: 6px;
  padding: 12px;
  display: flex;
  position: relative;
}

.t-qrcode > canvas {
  flex: auto;
  align-self: stretch;
  min-width: 0;
}

.t-qrcode.t-borderless {
  border-color: #0000;
}

.t-qrcode .t-mask {
  z-index: 300;
  width: 100%;
  height: 100%;
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
  background-color: var(--td-mask-background, #fffffff5);
  text-align: center;
  font: var(--td-font-body-medium);
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.t-qrcode .t-expired__text {
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
  font-weight: 600;
}

.t-qrcode .t-expired__button {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  align-items: center;
  column-gap: 8px;
  height: 32px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.t-qrcode .t-expired__button:hover {
  color: var(--td-brand-color-active, var(--td-brand-color-8, #003cab));
}

.t-qrcode .t-scanned {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.t-qrcode .t-scanned__icon {
  color: var(--td-success-color, var(--td-success-color-5, #2ba471));
}

.t-qrcode-svg {
  justify-content: center;
  align-items: center;
}

.t-result {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.t-result__icon {
  font-size: 80px;
}

.t-result__title {
  font: var(--td-result-title-font, var(--td-font-title-extraLarge));
  color: var(--td-result-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-result__thumb:not(:empty) + .t-result__title:not(:empty) {
  margin-top: var(--td-result-title-margin-top, var(--td-spacer-1, 12px));
}

.t-result__description {
  text-align: center;
  color: var(--td-result-description-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  font: var(--td-result-description-font, var(--td-font-body-medium));
}

.t-result__title + .t-result__description:not(:empty) {
  margin-top: var(--td-result-description-margin-top, var(--td-spacer, 8px));
}

.t-result--theme-default {
  color: var(--td-result-icon-default-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-result--theme-success {
  color: var(--td-result-icon-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}

.t-result--theme-warning {
  color: var(--td-result-icon-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-result--theme-error {
  color: var(--td-result-icon-error-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-skeleton {
  box-sizing: border-box;
}

.t-skeleton__row {
  margin-bottom: var(--td-skeleton-row-spacing, var(--td-spacer-2, 16px));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.t-skeleton__row:only-child, .t-skeleton__row:last-child {
  margin-bottom: 0;
}

.t-skeleton__col {
  background-color: var(--td-skeleton-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-skeleton__col:first-child:last-child, .t-skeleton__col:last-child {
  margin-right: 0;
}

.t-skeleton--type-text {
  width: 100%;
  height: var(--td-skeleton-text-height, 16px);
  border-radius: var(--td-skeleton-text-border-radius, var(--td-radius-small, 3px));
}

.t-skeleton--type-rect {
  width: 100%;
  height: var(--td-skeleton-rect-height, 16px);
  border-radius: var(--td-skeleton-rect-border-radius, var(--td-radius-default, 6px));
}

.t-skeleton--type-circle {
  width: var(--td-skeleton-circle-height, 48px);
  height: var(--td-skeleton-circle-height, 48px);
  border-radius: var(--td-skeleton-circle-border-radius, var(--td-skeleton-circle-border-radius, var(--td-radius-circle, 50%)));
  flex-shrink: 0;
}

.t-skeleton--animation-gradient {
  position: relative;
  overflow-x: hidden;
}

.t-skeleton--animation-gradient:after {
  content: " ";
  background: linear-gradient(90deg, #fff0, var(--td-skeleton-animation-gradient, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006))), #fff0);
  animation: 1.5s linear infinite t-skeleton--gradient;
  position: absolute;
  inset: 0;
}

.t-skeleton--animation-flashed {
  animation: 2s linear infinite t-skeleton--flashed;
}

@keyframes t-skeleton--gradient {
  0% {
    transform: translateX(-100%)skewX(-15deg);
  }

  100% {
    transform: translateX(100%)skewX(-15deg);
  }
}

@keyframes t-skeleton--flashed {
  0% {
    opacity: 1;
  }

  50% {
    background-color: var(--td-skeleton-animation-flashed, #e6e6e64d);
    opacity: .3;
  }

  100% {
    opacity: 1;
  }
}

@-moz-document url-prefix() {
  .scrollbar {
    scrollbar-color: #0000001a transparent;
    scrollbar-width: thin;
  }
}

.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #0000001a;
  background-clip: content-box;
  border: 0 solid #0000;
  border-radius: 11px;
}

.scrollbar::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #0000004d;
}

.scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0000004d;
}

.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track {
  background: #fff;
}

.scrollbar.t-table__scrollbar--obvious::-webkit-scrollbar-track {
  background: #fff;
}

.t-table__affixed-footer-wrap > .scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb {
  background: none;
}

.t-table--width-overflow.t-table--footer-affixed .t-table__content::-webkit-scrollbar-thumb {
  background: none;
}

.t-table--width-overflow.t-table--horizontal-bar-affixed .t-table__content::-webkit-scrollbar-thumb {
  background: none;
}

.t-table.t-table--overflow-visible {
  overflow: initial;
}

.t-table {
  font: 14px;
  box-sizing: border-box;
  width: 100%;
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  position: relative;
}

.t-table .t-loading--full {
  z-index: 72;
}

.t-table.t-vertical-align-top th:not(.t-table__cell-check), .t-table.t-vertical-align-top td:not(.t-table__cell-check) {
  vertical-align: top;
}

.t-table.t-vertical-align-middle th:not(.t-table__cell-check), .t-table.t-vertical-align-middle td:not(.t-table__cell-check) {
  vertical-align: middle;
}

.t-table.t-vertical-align-bottom th:not(.t-table__cell-check), .t-table.t-vertical-align-bottom td:not(.t-table__cell-check) {
  vertical-align: bottom;
}

.t-table .t-table__resize-line {
  border-left: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  z-index: 1001;
  width: 0;
  display: none;
  position: absolute;
  left: 10px;
}

.t-table__column-controller-trigger.t-align-top-right, .t-table__column-controller-trigger.t-align-bottom-right {
  text-align: right;
}

.t-table__column-controller-trigger {
  padding: 16px 0;
}

.t-table__content {
  position: relative;
}

@-moz-document url-prefix() {
  .t-table__content {
    scrollbar-color: #0000001a transparent;
    scrollbar-width: thin;
  }
}

.t-table__content::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #0000004d;
}

.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0000004d;
}

@-moz-document url-prefix() {
  .t-table__content {
    scrollbar-color: #0000001a transparent;
    scrollbar-width: thin;
  }
}

.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.t-table__content::-webkit-scrollbar-thumb {
  background-color: #0000001a;
  background-clip: content-box;
  border: 0 solid #0000;
  border-radius: 11px;
}

.t-table__content::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #0000004d;
}

.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0000004d;
}

.t-table__pagination {
  box-sizing: border-box;
  padding: 16px;
}

.t-table .t-icon {
  font-size: var(--td-font-size-l, 18px);
}

.t-table table {
  border-spacing: 0;
  width: 100%;
}

.t-table .t-text-ellipsis {
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  line-height: 22px;
  overflow: hidden;
}

.t-table th, .t-table td {
  border-bottom: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  overflow-wrap: break-word;
  background-color: inherit;
  box-sizing: border-box;
  text-align: left;
  padding: 8px 16px;
  font-weight: normal;
  line-height: 22px;
  position: relative;
}

.t-table th.t-table__th-drag {
  text-align: center;
  height: 0;
  padding: 0;
}

.t-table thead td, .t-table th {
  color: var(--td-text-color-placeholder, var(--td-font-gray-3, #0006));
}

.t-table td[key="row-select"] {
  padding: 13px 0 11px 16px;
}

.t-table td.t-align-left, .t-table th.t-align-left {
  text-align: left;
}

.t-table td.t-align-right, .t-table th.t-align-right {
  text-align: right;
}

.t-table td.t-align-center, .t-table th.t-align-center {
  text-align: center;
}

.t-table tr {
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
}

.t-table.t-size-s th, .t-table.t-size-s td {
  padding: 8px;
}

.t-table.t-size-l th, .t-table.t-size-l td {
  padding: 16px 20px;
}

.t-table .t-table__expanded-row > td, .t-table .t-table__row--full > td {
  padding: 0;
}

.t-table .t-table__expandable-icon-cell, .t-table .t-table__selection-cell {
  height: 0;
  padding: 0;
}

.t-table td.t-table__handle-draggable {
  text-align: center;
  height: 0;
  padding: 0;
}

.t-table .t-table__cell--selectable > .t-checkbox {
  vertical-align: middle;
}

.t-table .t-table__cell--selectable + td, .t-table .t-table__cell--selectable + th {
  padding-left: 0;
}

.t-table--bordered td, .t-table--bordered th {
  border-left: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered td.t-table__cell--fixed-left-last:before, .t-table--bordered th.t-table__cell--fixed-left-last:before {
  border-right: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered th:first-child, .t-table--bordered td.t-table__td-first-col, .t-table--bordered:not(.t-table--rowspan-colspan) td:first-child {
  border-left-width: 0;
}

.t-table--bordered .t-table__content {
  border-left: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered .t-table__content::-webkit-scrollbar-corner {
  background-color: #0000;
}

.t-table--bordered .t-table__content {
  border: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-radius: 0;
}

.t-table--bordered .t-table--loading {
  border-bottom: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered .t-table__pagination {
  padding: 16px;
}

.t-table--bordered .t-table__bottom-content + .t-table__pagination {
  padding: 0;
}

.t-table--bordered.t-table__header--fixed .t-table__content {
  border-bottom: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered .t-table__td-last-row, .t-table--striped:not(.t-table--bordered) th, .t-table--striped:not(.t-table--bordered) td {
  border-bottom: none;
}

.t-table--striped.t-table--header-fixed > .t-table__content > table > tbody tr:nth-of-type(2n), .t-table--striped:not(.t-table--header-fixed) > .t-table__content > table > tbody > tr:nth-of-type(odd):not(.t-table__expanded-row) {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}

.t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(2n):hover, .t-table--striped.t-table--hoverable:not(.t-table__header--fixed) > .t-table__content > table > tbody tr:nth-of-type(odd):hover {
  background-color: #383838;
}

.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr {
  -webkit-transition: background-color var(--td-anim-duration-base, .2s) linear;
  transition: background-color var(--td-anim-duration-base, .2s) linear;
}

.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr:hover {
  background-color: #f3f3f3;
}

.t-table--hoverable tbody tr {
  -webkit-transition: background-color var(--td-anim-duration-base, .2s) linear;
  transition: background-color var(--td-anim-duration-base, .2s) linear;
}

.t-table--hoverable tbody tr:hover {
  background-color: #f3f3f3;
}

.t-table.t-table--align-top tbody td {
  vertical-align: top;
}

.t-table .t-table__cell--highlight {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}

.t-table__header--fixed table {
  table-layout: fixed;
}

.t-table__header--fixed th, .t-table__header--fixed td {
  overflow-wrap: break-word;
}

.t-table__header--fixed.t-table__header, .t-table__header--fixed .t-table__header {
  z-index: 5;
  width: fit-content;
  position: relative;
}

@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__header {
    scrollbar-color: #0000001a transparent;
    scrollbar-width: thin;
  }
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #0000004d;
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0000004d;
}

@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__header {
    scrollbar-color: #0000001a transparent;
    scrollbar-width: thin;
  }
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
  background-color: #0000001a;
  background-clip: content-box;
  border: 0 solid #0000;
  border-radius: 11px;
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #0000004d;
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0000004d;
}

.t-table__header--fixed .t-table__body {
  width: fit-content;
  overflow-y: auto;
}

@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__body {
    scrollbar-color: #0000001a transparent;
    scrollbar-width: thin;
  }
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #0000004d;
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0000004d;
}

@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__body {
    scrollbar-color: #0000001a transparent;
    scrollbar-width: thin;
  }
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
  background-color: #0000001a;
  background-clip: content-box;
  border: 0 solid #0000;
  border-radius: 11px;
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #0000004d;
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #0000004d;
}

.t-table:not(.t-table--bordered) .t-table__cell--selectable + td, .t-table:not(.t-table--bordered) .t-table__cell--selectable + th {
  padding-left: 0;
}

.t-table__cell--fixed.t-table__header--fixed .t-table__header {
  width: 100%;
  overflow: hidden;
}

.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-left:last-child:after, .t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-right:last-child:after {
  content: "";
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -6px;
}

.t-table__cell--fixed.t-table__header--fixed .t-table__body {
  overflow: auto scroll;
}

.t-table__cell--fixed .t-table__content {
  overflow: auto hidden;
}

.t-table__cell--fixed table {
  table-layout: fixed;
  min-width: 100%;
}

.t-table__cell--fixed th, .t-table__cell--fixed td {
  position: relative;
}

.t-table__cell--fixed .t-table__cell--fixed-left-last:before {
  z-index: -1;
  background-color: inherit;
}

.t-table__cell--fixed .t-table__cell--fixed-left-last:after {
  content: "";
  pointer-events: none;
  z-index: -2;
  transition: box-shadow .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}

.t-table__cell--fixed .t-table__cell--fixed-right-first:before {
  z-index: -1;
  background-color: inherit;
}

.t-table__cell--fixed .t-table__cell--fixed-right-first:after {
  content: "";
  pointer-events: none;
  z-index: -2;
  transition: box-shadow .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}

.t-table .t-table__cell-resizable {
  position: relative;
}

.t-table .t-table__cell-resizable .t-table__cell--resizer {
  z-index: 10;
  cursor: col-resize;
  width: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
}

.t-table .t-table__row--disabled {
  color: var(--td-text-color-disabled, var(--td-font-gray-4, #00000042));
}

.t-table .t-table__cell--title {
  align-items: center;
  display: flex;
}

.t-table__column-controller-desc {
  margin-bottom: 24px;
}

.t-table__column-controller-block {
  border: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-bottom: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  padding: 15px 16px;
}

.t-table__column-controller-block + .t-table__column-controller-block {
  border-top: 0;
  border-bottom: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  padding: 16px;
}

.t-table__column-controller--fixed .t-checkbox {
  width: 108px;
}

.t-table--bordered .t-table__cell--sortable .t-table__cell--title, .t-table--bordered .t-table__cell--filterable .t-table__cell--title {
  justify-content: space-between;
}

.t-table th.t-align-right .t-table__cell--title {
  justify-content: flex-end;
}

.t-table__cell--sort-trigger {
  text-align: center;
  vertical-align: text-bottom;
}

.t-table__cell--sort-trigger svg {
  vertical-align: initial;
}

.t-table--loading {
  position: relative;
}

.t-table--loading-progressbar {
  background-color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  height: 1px;
  animation: 2s ease-in-out both tTableProgressbar;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.t-table--loading-message {
  min-height: 120px;
  color: var(--td-text-color-placeholder, var(--td-font-gray-3, #0006));
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-table__expanded-cell {
  padding-left: 45px;
}

.t-table__async-loading {
  text-align: center;
}

.t-table__async-loading.t-is-load-more {
  cursor: pointer;
}

.t-table__empty {
  min-height: 120px;
  color: var(--td-text-color-disabled, var(--td-font-gray-4, #00000042));
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-table__filter-icon, .t-table__sort-icon {
  cursor: pointer;
  vertical-align: text-bottom;
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
  background-color: #0000;
  align-items: center;
  display: inline-flex;
}

.t-table__filter-icon > svg, .t-table__sort-icon > svg {
  margin-top: 0;
}

.t-table__sort-icon .t-is-focus, .t-table__sort-icon.t-is-focus, .t-table__sort-icon:hover {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
  border-radius: 50%;
}

.t-table__filter-icon .t-is-focus, .t-table__filter-icon.t-is-focus, .t-table__filter-icon:hover {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
}

.t-table__filter-pop .t-popup__content {
  padding: 0;
}

.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
  padding: 16px;
}

.t-table__filter-pop .t-table__filter-pop-content .t-radio-group {
  height: auto;
  display: block;
}

.t-table__filter-pop .t-table__filter-pop-content .t-checkbox-group {
  display: block;
}

.t-table__filter-pop .t-table__filter-pop-content .t-checkbox, .t-table__filter-pop .t-table__filter-pop-content .t-radio {
  margin: 4px 0;
  display: block;
}

.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
  border-top: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  padding: 16px;
}

.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
  margin-left: 16px;
}

.t-table__filter-pop-content-inner > .t-input__wrap {
  width: 200px;
}

.t-table__filter-pop-content-inner > .t-date-range-picker__panel {
  margin: -16px;
}

.t-table__sort-icon--active {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
}

.t-table__double-icons {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.t-table__double-icons .t-table__sort-icon {
  position: relative;
}

.t-table__double-icons .t-table-sort-asc {
  top: 2px;
}

.t-table__double-icons .t-table-sort-desc {
  bottom: 2px;
}

.t-table__filter-icon-wrap {
  pointer-events: all;
  height: var(--td-font-size-l, 18px);
  width: var(--td-font-size-l, 18px);
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.t-table--bordered .t-table__filter-icon-wrap {
  justify-content: flex-end;
}

.t-table--bordered .t-table__cell--sortable.t-table__cell--filterable .t-table__filter-icon-wrap {
  flex: 1;
  justify-content: space-between;
}

.t-table .t-align-center .t-table__cell--sortable, .t-table .t-align-center .t-table__cell--filterable {
  justify-content: space-around;
  display: flex;
}

.t-table__expand-box {
  width: 100%;
  height: 100%;
  color: var(--td-text-color-placeholder, var(--td-font-gray-3, #0006));
  cursor: pointer;
  -webkit-transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1)) 0s;
  transition: all var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1)) 0s;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-table__expand-box:hover {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
}

@keyframes tTableProgressbar {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.t-table__th-row-select .t-table__th-cell-inner {
  align-items: center;
  display: inline-flex;
}

.t-table-expandable-icon-cell + .t-table__cell--selectable[key="row-select"] {
  padding-left: 8px;
}

.t-table__filter--bottom-buttons {
  border-top: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  justify-content: flex-end;
  padding: 16px;
  display: flex;
}

.t-table__filter--bottom-buttons > .t-button + .t-button {
  margin-left: 8px;
}

.t-table__row-filter-inner {
  text-align: center;
  position: sticky;
  left: 0;
}

.t-table__filter-result {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-table__filter-result > .t-button {
  margin-left: 8px;
}

.t-table--layout-fixed {
  table-layout: fixed;
}

.t-table--layout-auto {
  table-layout: auto;
}

.t-table__ellipsis {
  white-space: nowrap;
  width: 100%;
}

.t-table__content {
  overflow: auto;
}

.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last:after {
  border-right: 2px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first:after {
  border-left: 2px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last:after {
  border-right: 4px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first:after {
  border-left: 4px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table__scroll-bar-divider {
  border-right: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  z-index: 71;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.t-table__footer, .t-table__header.t-table__header--fixed {
  z-index: 50;
  position: sticky;
}

.t-table:not(.t-table--striped) .t-table__footer > tr, .t-table__header--fixed:not(.t-table__header--multiple) > tr > th {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}

.t-table__row--fixed-top, .t-table__row--fixed-bottom {
  z-index: 70;
  position: sticky;
}

.t-table__row--fixed-bottom-first > td {
  border-top: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--bordered .t-table__content .t-table__row--without-border-bottom > td, .t-table--bordered tbody > tr:last-child > td, .t-table--bordered tfoot > tr:last-child > td {
  border-bottom: 0;
}

.t-table--bordered tfoot > tr:first-child > td {
  border-top: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table__header.t-table__header--fixed {
  top: 0;
}

.t-table__footer.t-table__footer--fixed {
  bottom: 0;
}

.t-table--column-fixed .t-table__cell--fixed-left-last:before {
  z-index: -1;
  background-color: inherit;
}

.t-table--column-fixed .t-table__cell--fixed-left-last:after {
  content: "";
  pointer-events: none;
  z-index: -2;
  transition: box-shadow .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}

.t-table--column-fixed .t-table__cell--fixed-right-first:before {
  z-index: -1;
  background-color: inherit;
}

.t-table--column-fixed .t-table__cell--fixed-right-first:after {
  content: "";
  pointer-events: none;
  z-index: -2;
  transition: box-shadow .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}

.t-table--column-fixed .t-table__cell--fixed-left, .t-table--column-fixed .t-table__cell--fixed-right {
  position: sticky;
}

.t-table--column-fixed .t-table__cell--fixed-left {
  z-index: 30;
}

.t-table--column-fixed .t-table__cell--fixed-right {
  z-index: 31;
}

.t-table__empty-row > td {
  border: 0;
  padding: 0;
}

.t-table:not(.t-table--bordered) .t-table__header.t-table--bordered > tr:first-child > th {
  border-top: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--multiple-header .t-table__header th.t-table__header-th--bordered {
  border-left-width: 1px;
}

.t-table__header.t-table__header--multiple > tr {
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
}

.t-table__tree-op-icon {
  cursor: pointer;
  vertical-align: -3px;
  margin-right: 8px;
  display: inline-flex;
}

.t-table__tree-op-icon:hover {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
}

.t-table__tree-leaf-node .t-table__tree-op-icon {
  min-width: 0;
  margin-right: 2px;
}

.t-table__virtual-scroll-cursor {
  width: 1px;
  height: 1px;
  -webkit-transition: -webkit-transform var(--td-anim-duration-base, .2s);
  transition: -webkit-transform var(--td-anim-duration-base, .2s);
  transition: transform var(--td-anim-duration-base, .2s);
  transition: transform var(--td-anim-duration-base, .2s), -webkit-transform var(--td-anim-duration-base, .2s);
  position: absolute;
}

.t-table__virtual-scroll-header {
  z-index: 51;
  position: absolute;
  left: 0;
}

.t-table__affixed-header-elm-wrap {
  overflow: hidden;
}

.t-table__affixed-header-elm-wrap, .t-table__affixed-header-elm {
  z-index: 51;
  position: absolute;
  left: 0;
}

.t-table__affixed-header-elm {
  -webkit-transition: opacity var(--td-anim-duration-base, .2s) linear;
  transition: opacity var(--td-anim-duration-base, .2s) linear;
  opacity: 1;
  overflow: auto;
}

.t-table__affixed-footer-elm {
  z-index: 50;
  overflow: auto;
}

.t-table--bordered .t-table__affixed-header-elm {
  border: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-bottom: 0;
  border-right: 0;
}

.t-table--bordered .t-table__affixed-footer-elm {
  border-left: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-bottom: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm {
  border-right: 0;
}

.t-is-hidden {
  display: none;
}

.t-positive-rotate-90 {
  transform: rotate(90deg);
}

.t-negative-rotate-180 {
  transform: rotate(180deg);
}

.t-table__row-full-element {
  padding: 8px 16px;
}

.t-table__row-full-inner {
  position: sticky;
  left: 0;
}

.t-table__row-full-inner:not(.t-table__empty) {
  display: inline-block;
}

.t-table__tree-col {
  align-items: center;
  display: flex;
}

.t-table__tree-col--inline {
  display: inline;
}

.t-table--full-height {
  height: 100%;
}

.t-table--loading .t-table__content {
  min-height: 158px;
}

.t-table__handle-draggable:hover, .t-table--row-draggable tr, .t-table__th--drag-sort {
  cursor: move;
}

.t-table__ele--draggable-chosen {
  -webkit-box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
  box-shadow: var(--td-shadow-1, 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f);
}

.t-table:not(.t-table--row-edit) .t-table__cell--editable {
  cursor: pointer;
  min-height: 22px;
  line-height: 22px;
}

.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon {
  font-size: var(--td-font-size-l, 18px);
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
  margin-left: 8px;
}

.t-table:not(.t-table--row-edit) .t-table__cell--editable:hover {
  -webkit-transition: var(--td-anim-duration-base, .2s) linear;
  transition: var(--td-anim-duration-base, .2s) linear;
}

.t-affix .t-table__pagination {
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
}

.t-table--bordered .t-affix .t-table__pagination {
  border-top: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table__bottom-content + .t-table__pagination-wrap .t-table__pagination {
  border: 0;
  padding: 0;
}

.t-table--column-resizable:not(.t-table--bordered) th {
  border-top: 1px solid #0000;
}

.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
  border-right: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th {
  border-top: 1px solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left.t-table__content--scrollable-to-right thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child), .t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child) {
  border-right: 0;
}

.t-table td.t-table__cell-check, .t-table th.t-table__cell-check {
  height: 0;
  padding: 0;
}

.t-table td.t-table__cell-check .t-radio__label:empty, .t-table th.t-table__cell-check .t-radio__label:empty, .t-table td.t-table__cell-check .t-checkbox__label:empty, .t-table th.t-table__cell-check .t-checkbox__label:empty {
  display: none;
}

.t-table .t-table__cell-check .t-radio, .t-table .t-table__cell-check .t-checkbox, .t-table .t-table__cell-check .t-table__th-cell-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.t-table td .t-input__tips {
  position: initial;
}

.t-table .t-table__sort-column {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}

.t-table__ellipsis-content.t-size-s .t-popup__content {
  font-size: 14px;
}

.t-tag {
  box-sizing: border-box;
  border-radius: var(--td-tag-square-border-radius, 4px);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  border: 1px solid #0000;
  align-items: center;
  display: inline-flex;
}

.t-tag__text {
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.t-tag__icon, .t-tag__icon-close {
  align-items: center;
  display: flex;
}

.t-tag__icon-close {
  color: var(--td-tag-close-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-tag__icon:not(:empty) + .t-tag__text:not(:empty), .t-tag__text:not(:empty) + .t-tag__icon-close:not(:empty) {
  margin-left: 4px;
}

.t-tag.t-tag--small {
  padding: var(--td-tag-small-padding, 1px 5px);
  font: var(--td-tag-small-font, var(--td-font-body-extraSmall));
}

.t-tag.t-tag--small .t-icon, .t-tag.t-tag--small .t-icon-close {
  font-size: var(--td-tag-small-icon-size, 12px);
}

.t-tag.t-tag--small .t-tag__icon:not(:empty) + .t-tag__text:not(:empty), .t-tag.t-tag--small .t-tag__text:not(:empty) + .t-tag__icon-close:not(:empty) {
  margin-left: 2px;
}

.t-tag.t-tag--medium {
  padding: var(--td-tag-medium-padding, 1px 7px);
  font: var(--td-tag-medium-font, var(--td-font-body-small));
}

.t-tag.t-tag--medium .t-icon, .t-tag.t-tag--medium .t-icon-close {
  font-size: var(--td-tag-medium-icon-size, 14px);
}

.t-tag.t-tag--large {
  padding: var(--td-tag-large-padding, 2px 7px);
  font: var(--td-tag-large-font, var(--td-font-body-medium));
}

.t-tag.t-tag--large .t-icon, .t-tag.t-tag--large .t-icon-close {
  font-size: var(--td-tag-large-icon-size, 16px);
}

.t-tag.t-tag--extra-large {
  padding: var(--td-tag-extra-large-padding, 8px 15px);
  font: var(--td-tag-extra-large-font, var(--td-font-body-medium));
}

.t-tag.t-tag--extra-large .t-icon, .t-tag.t-tag--extra-large .t-icon-close {
  font-size: var(--td-tag-extra-large-icon-size, 16px);
}

.t-tag.t-tag--square {
  border-radius: var(--td-tag-square-border-radius, 4px);
}

.t-tag.t-tag--round {
  border-radius: var(--td-tag-round-border-radius, 999px);
}

.t-tag.t-tag--mark {
  border-radius: 0 var(--td-tag-mark-border-radius, var(--td-tag-round-border-radius, 999px)) var(--td-tag-mark-border-radius, var(--td-tag-round-border-radius, 999px)) 0;
}

.t-tag--dark.t-tag--default {
  color: var(--td-font-white-1, #fff);
  border-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  background-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
}

.t-tag--dark.t-tag--primary {
  color: var(--td-font-white-1, #fff);
  border-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-tag--dark.t-tag--success {
  color: var(--td-font-white-1, #fff);
  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  background-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}

.t-tag--dark.t-tag--warning {
  color: var(--td-font-white-1, #fff);
  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  background-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-tag--dark.t-tag--danger {
  color: var(--td-font-white-1, #fff);
  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-tag--dark.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-tag--outline.t-tag--default {
  color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  background-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-tag--outline.t-tag--primary {
  color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-tag--outline.t-tag--success {
  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
}

.t-tag--outline.t-tag--warning {
  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
}

.t-tag--outline.t-tag--danger {
  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
}

.t-tag--outline.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
}

.t-tag--outline.t-tag--primary, .t-tag--outline.t-tag--success, .t-tag--outline.t-tag--warning, .t-tag--outline.t-tag--danger {
  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
}

.t-tag--light.t-tag--default {
  color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  background-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-tag--light.t-tag--primary {
  color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
  background-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-tag--light.t-tag--success {
  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  border-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
}

.t-tag--light.t-tag--warning {
  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  border-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
}

.t-tag--light.t-tag--danger {
  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  border-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
}

.t-tag--light.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-tag--light-outline.t-tag--default {
  color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  background-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-tag--light-outline.t-tag--primary {
  color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-tag--light-outline.t-tag--success {
  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
}

.t-tag--light-outline.t-tag--warning {
  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
}

.t-tag--light-outline.t-tag--danger {
  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
}

.t-tag--light-outline.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  border-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}

.t-tag--disabled.t-tag--default {
  cursor: not-allowed;
}

.t-tag--disabled.t-tag--default.t-tag--dark, .t-tag--disabled.t-tag--default.t-tag--light, .t-tag--disabled.t-tag--default.t-tag--light-outline, .t-tag--disabled.t-tag--default.t-tag--outline {
  color: var(--td-tag-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-tag--disabled.t-tag--default.t-tag--dark, .t-tag--disabled.t-tag--default.t-tag--light, .t-tag--disabled.t-tag--default.t-tag--light-outline {
  background-color: var(--td-tag-disabled-background-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eee)));
}

.t-tag--disabled.t-tag--default.t-tag--light-outline, .t-tag--disabled.t-tag--default.t-tag--outline {
  border-color: var(--td-tag-disabled-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}

.t-tag--checked.t-tag--disabled.t-tag--primary {
  cursor: not-allowed;
}

.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light, .t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light-outline, .t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--outline {
  color: var(--td-tag-checked-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--dark {
  color: var(--td-tag-checked-dark-disabled-color, var(--td-font-white-2, #ffffff8c));
  background-color: var(--td-tag-checked-disabled-background-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light, .t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light-outline {
  background-color: var(--td-tag-checked-light-disabled-background-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--dark, .t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light-outline, .t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--outline {
  border-color: var(--td-tag-checked-disabled-border-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-watermark {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.t-action-sheet__content {
  color: var(--td-action-sheet-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  border-top-left-radius: var(--td-action-sheet-border-radius, var(--td-radius-extraLarge, 12px));
  border-top-right-radius: var(--td-action-sheet-border-radius, var(--td-radius-extraLarge, 12px));
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  overflow: hidden;
}

.t-action-sheet__content:focus {
  outline: 0;
}

.t-action-sheet--grid.t-action-sheet--no-description {
  padding-top: var(--td-spacer, 8px);
}

.t-action-sheet--grid .t-action-sheet__description:after {
  display: none;
}

.t-action-sheet--left .t-action-sheet__description {
  text-align: left;
}

.t-action-sheet--left .t-button__content {
  width: 100%;
}

.t-action-sheet--left .t-action-sheet__list-item-content, .t-action-sheet--left .t-action-sheet__list-item-desc {
  justify-content: start;
}

.t-action-sheet--left .t-action-sheet__list-item-icon--suffix {
  margin-left: auto;
}

.t-action-sheet__grid {
  padding-bottom: 8px;
}

.t-action-sheet__grid--swiper {
  padding-bottom: 0;
}

.t-action-sheet__description {
  color: var(--td-action-sheet-description-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font: var(--td-action-sheet-description-font, var(--td-font-body-medium));
  text-align: center;
  padding: var(--td-spacer-1, 12px) var(--td-spacer-2, 16px);
  position: relative;
}

.t-action-sheet__description:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-action-sheet-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-action-sheet__list-item {
  height: auto;
  padding: var(--td-spacer-2, 16px);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-action-sheet__list-item:not(:last-child) {
  position: relative;
}

.t-action-sheet__list-item:not(:last-child):after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-action-sheet-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-action-sheet__list-item--disabled {
  --td-button-default-disabled-bg: none;
  --td-button-default-disabled-color: var(--td-action-sheet-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-action-sheet__list-item-content, .t-action-sheet__list-item-desc {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.t-action-sheet__list-item-text {
  font: var(--td-font-body-large);
}

.t-action-sheet__list-item-desc {
  font: var(--td-font-body-small);
  color: var(--td-action-sheet-description-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  margin-top: var(--td-spacer, 8px);
}

.t-action-sheet__list-item-text, .t-action-sheet__list-item-desc {
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.t-action-sheet__list-item-icon {
  margin-right: var(--td-spacer, 8px);
  font-size: 24px;
  display: inline-flex;
}

.t-action-sheet__list-item-icon--suffix {
  margin-right: 0;
  margin-left: var(--td-spacer, 8px);
}

.t-action-sheet__swiper-wrap {
  margin-top: 8px;
  padding-bottom: 20px;
  position: relative;
}

.t-action-sheet__swiper-wrap .t-swiper__pagination .t-swiper-dot {
  background-color: var(--td-action-sheet-dot-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-action-sheet__swiper-wrap .t-swiper__pagination .t-swiper-dot--active {
  background-color: var(--td-action-sheet-dot-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-action-sheet__footer {
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
}

.t-action-sheet__gap-list {
  background-color: var(--td-action-sheet-gap-color, var(--td-bg-color-page, var(--td-gray-color-1, #f3f3f3)));
  height: 8px;
}

.t-action-sheet__gap-grid {
  background-color: var(--td-action-sheet-gap-color, var(--td-bg-color-page, var(--td-gray-color-1, #f3f3f3)));
  height: .5px;
}

.t-action-sheet__cancel {
  height: auto;
  padding: var(--td-spacer-1, 12px) var(--td-spacer-2, 16px);
  font: var(--td-font-body-large);
  color: var(--td-action-sheet-cancel-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-action-sheet__cancel:after {
  border-radius: 0;
}

.t-action-sheet__dots {
  --td-swiper-nav-dot-color: var(--td-action-sheet-dot-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
  --td-swiper-nav-dot-size: var(--td-action-sheet-dot-size, 8px);
  --td-swiper-nav-dot-active-color: var(--td-action-sheet-dot-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-dialog {
  width: var(--td-dialog-width, 311px);
  border-radius: var(--td-dialog-border-radius, var(--td-radius-extraLarge, 12px));
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
  overflow: hidden;
}

.t-dialog__wrapper {
  --td-popup-border-radius: var(--td-dialog-border-radius, var(--td-radius-extraLarge, 12px));
}

.t-dialog__close-btn {
  top: var(--td-spacer, 8px);
  right: var(--td-spacer, 8px);
  font-size: var(--td-dialog-close-icon-size, 22px);
  color: var(--td-dialog-close-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  position: absolute;
}

.t-dialog__content {
  padding: var(--td-spacer-3, 24px) var(--td-spacer-3, 24px) 0;
  max-height: var(--td-dialog-body-max-height, 456px);
  box-sizing: border-box;
  font-size: var(--td-font-size-m, 16px);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.t-dialog__content:empty {
  display: none;
}

.t-dialog__header {
  text-align: center;
  font: var(--td-dialog-title-font, var(--td-font-title-large));
  color: var(--td-dialog-title-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
}

.t-dialog__header + .t-dialog__body {
  margin-top: var(--td-spacer, 8px);
}

.t-dialog__body {
  text-align: center;
  -webkit-overflow-scrolling: touch;
  font: var(--td-dialog-content-font, var(--td-font-body-large));
  color: var(--td-dialog-content-color, var(--td-text-color-secondary, var(--td-font-gray-2, #0009)));
  overflow-y: scroll;
}

.t-dialog__body-text {
  word-wrap: break-word;
}

.t-dialog__body--left {
  text-align: left;
}

.t-dialog__body--right {
  text-align: right;
}

.t-dialog__footer {
  padding: var(--td-spacer-3, 24px);
  display: flex;
}

.t-dialog__footer--column {
  flex-flow: column-reverse;
}

.t-dialog__footer--column .t-dialog__button {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  width: 100%;
}

.t-dialog__footer--full {
  padding: var(--td-spacer-4, 32px) 0 0;
}

.t-dialog__button {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.t-dialog__button--horizontal + .t-dialog__button--horizontal {
  margin-left: var(--td-spacer-1, 12px);
}

.t-dialog__button--vertical + .t-dialog__button--vertical {
  margin-bottom: var(--td-spacer-1, 12px);
}

.t-dialog__button--text {
  --td-button-border-radius: 0;
  --td-button-medium-height: 56px;
  border-radius: 0;
  flex: 1;
}

.t-dialog__button--text:before {
  content: " ";
  box-sizing: border-box;
  border-top: 1px solid var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7));
  border-left: 1px solid var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7));
  transform-origin: 0 0;
  border-radius: 0;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.5);
}

.t-dropdown-item {
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.t-dropdown-item__content {
  z-index: 11600;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.t-dropdown-item__popup-host {
  width: 100%;
  height: max-content;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.t-dropdown-item__body {
  background: var(--td-dropdown-menu-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  max-height: var(--td-dropdown-body-max-height, 280px);
  flex: 1;
  overflow: auto;
}

.t-dropdown-item__body--tree {
  display: flex;
  overflow: hidden;
}

.t-dropdown-item__body--multi {
  padding-top: var(--td-spacer, 8px);
  padding-bottom: var(--td-spacer, 8px);
  overflow-y: auto;
}

.t-dropdown-item__footer {
  background: var(--td-dropdown-menu-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  padding: 16px;
  display: flex;
  position: relative;
}

.t-dropdown-item__footer:after {
  content: "";
  top: 0;
  bottom: unset;
  left: unset;
  right: unset;
  background-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-dropdown-item__footer-btn {
  flex: 1;
}

.t-dropdown-item__footer-btn + .t-dropdown-item__footer-btn {
  margin-left: 16px;
}

.t-dropdown-item__radio, .t-dropdown-item__checkbox {
  box-sizing: border-box;
  width: 100%;
  overflow: scroll;
}

.t-dropdown-item__checkbox-group {
  grid-gap: 12px;
  padding: 16px;
  display: grid;
}

.t-dropdown-menu {
  background: var(--td-dropdown-menu-background, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  display: flex;
  position: relative;
}

.t-dropdown-menu:after {
  content: "";
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleY(.5);
}

.t-dropdown-menu__item {
  padding: var(--td-spacer-1, 12px) var(--td-spacer, 8px);
  box-sizing: border-box;
  color: var(--td-dropdown-menu-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-dropdown-menu__item--active {
  color: var(--td-dropdown-menu-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-dropdown-menu__item--disabled {
  color: var(--td-dropdown-menu-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, #00000042)));
}

.t-dropdown-menu__icon {
  font-size: var(--td-dropdown-menu-icon-size, 24px);
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  transition: transform .24s;
  display: flex;
}

.t-dropdown-menu__icon--active {
  transform: rotate(180deg);
}

.t-dropdown-menu__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--td-dropdown-menu-font, var(--td-font-body-medium));
  overflow: hidden;
}

.content-placement-top .t-popover[data-popper-placement^="top"] .t-popover__content {
  margin-bottom: 8px;
}

.content-placement-top .t-popover[data-popper-placement^="top"] .t-popover__content--arrow {
  margin-bottom: 12px;
}

.content-placement-bottom .t-popover[data-popper-placement^="bottom"] .t-popover__content {
  margin-top: 8px;
}

.content-placement-bottom .t-popover[data-popper-placement^="bottom"] .t-popover__content--arrow {
  margin-top: 12px;
}

.content-placement-left .t-popover[data-popper-placement^="left"] .t-popover__content {
  margin-right: 8px;
}

.content-placement-left .t-popover[data-popper-placement^="left"] .t-popover__content--arrow {
  margin-right: 12px;
}

.content-placement-right .t-popover[data-popper-placement^="right"] .t-popover__content {
  margin-left: 8px;
}

.content-placement-right .t-popover[data-popper-placement^="right"] .t-popover__content--arrow {
  margin-left: 12px;
}

.t-popover {
  z-index: 1500;
  display: inline-block;
  position: absolute;
  overflow: visible;
}

.t-popover__wrapper {
  display: inline-block;
}

.t-popover__content {
  -webkit-box-shadow: var(--td-shadow-3, 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014);
  box-shadow: var(--td-shadow-3, 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014);
  padding: var(--td-popover-padding, 12px);
  font-size: var(--td-font-size-m, 16px);
  box-sizing: border-box;
  word-break: break-all;
  border-radius: 6px;
  line-height: 24px;
  position: relative;
}

.t-popover__arrow {
  border: 8px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
}

.t-popover--dark {
  color: #fff;
  background: var(--td-font-gray-1, #000000e6);
}

.t-popover--dark .t-popover__arrow {
  color: var(--td-font-gray-1, #000000e6);
}

.t-popover--light {
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
  background: var(--td-bg-color-container, var(--td-font-white-1, #fff));
}

.t-popover--light .t-popover__arrow {
  color: var(--td-bg-color-container, var(--td-font-white-1, #fff));
}

.t-popover--brand {
  color: var(--td-brand-color-7, #0052d9);
  background: var(--td-brand-color-1, #f2f3ff);
}

.t-popover--brand .t-popover__arrow {
  color: var(--td-brand-color-1, #f2f3ff);
}

.t-popover--success {
  color: var(--td-success-color-5, #2ba471);
  background: var(--td-success-color-1, #e3f9e9);
}

.t-popover--success .t-popover__arrow {
  color: var(--td-success-color-1, #e3f9e9);
}

.t-popover--warning {
  color: var(--td-warning-color-5, #e37318);
  background: var(--td-warning-color-1, #fff1e9);
}

.t-popover--warning .t-popover__arrow {
  color: var(--td-warning-color-1, #fff1e9);
}

.t-popover--error {
  color: var(--td-error-color-6, #d54941);
  background: var(--td-error-color-1, #fff0ed);
}

.t-popover--error .t-popover__arrow {
  color: var(--td-error-color-1, #fff0ed);
}

.t-popover[data-popper-placement^="top"] .t-popover__content {
  margin-bottom: 8px;
}

.t-popover[data-popper-placement^="top"] .t-popover__content--arrow {
  margin-bottom: 12px;
}

.t-popover[data-popper-placement^="bottom"] .t-popover__content {
  margin-top: 8px;
}

.t-popover[data-popper-placement^="bottom"] .t-popover__content--arrow {
  margin-top: 12px;
}

.t-popover[data-popper-placement^="left"] .t-popover__content {
  margin-right: 8px;
}

.t-popover[data-popper-placement^="left"] .t-popover__content--arrow {
  margin-right: 12px;
}

.t-popover[data-popper-placement^="right"] .t-popover__content {
  margin-left: 8px;
}

.t-popover[data-popper-placement^="right"] .t-popover__content--arrow {
  margin-left: 12px;
}

.t-popover[data-popper-placement^="top"] .t-popover__arrow {
  border-top-color: currentColor;
  border-bottom-width: 0;
  margin-bottom: -8px;
  bottom: 0;
}

.t-popover[data-popper-placement="top"] {
  transform-origin: 50% 100%;
}

.t-popover[data-popper-placement="top"] .t-popover__arrow {
  left: 50%;
  transform: translateX(-50%);
}

.t-popover[data-popper-placement="top-start"] {
  transform-origin: 0 100%;
}

.t-popover[data-popper-placement="top-start"] .t-popover__arrow {
  left: var(--td-popover-padding, 12px);
}

.t-popover[data-popper-placement="top-end"] {
  transform-origin: 100% 100%;
}

.t-popover[data-popper-placement="top-end"] .t-popover__arrow {
  right: var(--td-popover-padding, 12px);
}

.t-popover[data-popper-placement^="bottom"] .t-popover__arrow {
  border-top-width: 0;
  border-bottom-color: currentColor;
  margin-top: -8px;
  top: 0;
}

.t-popover[data-popper-placement="bottom"] {
  transform-origin: 50% 0;
}

.t-popover[data-popper-placement="bottom"] .t-popover__arrow {
  left: 50%;
  transform: translateX(-50%);
}

.t-popover[data-popper-placement="bottom-start"] {
  transform-origin: 0 0;
}

.t-popover[data-popper-placement="bottom-start"] .t-popover__arrow {
  left: var(--td-popover-padding, 12px);
}

.t-popover[data-popper-placement="bottom-end"] {
  transform-origin: 100% 0;
}

.t-popover[data-popper-placement="bottom-end"] .t-popover__arrow {
  right: var(--td-popover-padding, 12px);
}

.t-popover[data-popper-placement^="left"] .t-popover__arrow {
  border-left-color: currentColor;
  border-right-width: 0;
  margin-right: -8px;
  right: 0;
}

.t-popover[data-popper-placement="left"] {
  transform-origin: 100%;
}

.t-popover[data-popper-placement="left"] .t-popover__arrow {
  top: 50%;
  transform: translateY(-50%);
}

.t-popover[data-popper-placement="left-start"] {
  transform-origin: 100% 0;
}

.t-popover[data-popper-placement="left-start"] .t-popover__arrow {
  top: var(--td-popover-padding, 12px);
}

.t-popover[data-popper-placement="left-end"] {
  transform-origin: 100% 100%;
}

.t-popover[data-popper-placement="left-end"] .t-popover__arrow {
  bottom: var(--td-popover-padding, 12px);
}

.t-popover[data-popper-placement^="right"] .t-popover__arrow {
  border-left-width: 0;
  border-right-color: currentColor;
  margin-left: -8px;
  left: 0;
}

.t-popover[data-popper-placement="right"] {
  transform-origin: 0;
}

.t-popover[data-popper-placement="right"] .t-popover__arrow {
  top: 50%;
  transform: translateY(-50%);
}

.t-popover[data-popper-placement="right-start"] {
  transform-origin: 0 0;
}

.t-popover[data-popper-placement="right-start"] .t-popover__arrow {
  top: var(--td-popover-padding, 12px);
}

.t-popover[data-popper-placement="right-end"] {
  transform-origin: 0 100%;
}

.t-popover[data-popper-placement="right-end"] .t-popover__arrow {
  bottom: var(--td-popover-padding, 12px);
}

.t-popover--animation-enter, .t-popover--animation-enter-from, .t-popover--animation-exiting, .t-popover--animation-leave-to {
  opacity: 0;
  visibility: hidden;
}

.t-popover--animation-enter-to, .t-popover--animation-entering, .t-popover--animation-leave-from, .t-popover--animation-leave {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.t-popover--animation-enter-active {
  -webkit-transition: opacity var(--td-anim-duration-base, .2s) linear;
  transition: opacity var(--td-anim-duration-base, .2s) linear;
}

.t-popover--animation-leave-active {
  -webkit-transition: opacity var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-ease-out, cubic-bezier(0, 0, .15, 1)), visibility var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-ease-in, cubic-bezier(.82, 0, 1, .9));
  transition: opacity var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-ease-out, cubic-bezier(0, 0, .15, 1)), visibility var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-ease-in, cubic-bezier(.82, 0, 1, .9));
}

.t-guide--absolute {
  position: absolute;
}

.t-guide--fixed {
  position: fixed;
}

.t-guide__overlay {
  z-index: 999997;
  position: fixed;
  inset: 0;
}

.t-guide__highlight {
  z-index: 999998;
  -webkit-transition: var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-ease-out, cubic-bezier(0, 0, .15, 1));
  transition: var(--td-anim-duration-base, .2s) var(--td-anim-time-fn-ease-out, cubic-bezier(0, 0, .15, 1));
  border-radius: var(--td-radius-default, 6px);
}

.t-guide__highlight--mask {
  -webkit-box-shadow: 0 0 0 0 var(--td-mask-active, #0009), var(--td-mask-active, #0009) 0 0 0 5000px;
  box-shadow: 0 0 0 0 var(--td-mask-active, #0009), var(--td-mask-active, #0009) 0 0 0 5000px;
}

.t-guide__highlight--dialog {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.t-guide__highlight--nomask {
  border-radius: var(--td-radius-default, 6px);
  border: 2px solid var(--td-brand-color, var(--td-brand-color-7, #0052d9));
  box-sizing: border-box;
}

.t-guide__reference {
  z-index: 999999;
}

.t-guide__wrapper .t-popover__content {
  border: 1px solid var(--td-gray-color-4, #dcdcdc);
  border-radius: var(--td-radius-large, 9px);
}

.t-guide__wrapper .t-popover[data-popper-placement^="bottom"] .t-popover__content {
  margin-top: 16px;
}

.t-guide__wrapper--content .t-popover__content {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  border: none;
  padding: 0;
}

.t-guide__dialog {
  border-radius: var(--td-radius-extraLarge, 12px);
}

.t-guide__content--popover {
  padding: 4px;
}

.t-guide__content--dialog {
  width: var(--td-guide-dialog-width, 311px);
  padding: 24px 0;
}

.t-guide__content--dialog .t-guide__title {
  text-align: center;
  font: var(--td-font-title-large);
}

.t-guide__content--dialog .t-guide__desc {
  text-align: center;
  font: var(--td-font-body-large);
  margin-top: 8px;
}

.t-guide__content--popover .t-guide__tooltip {
  min-width: var(--td-guide-tooltip-min-width, 240px);
  max-width: var(--td-guide-tooltip-max-width, 270px);
}

.t-guide__title {
  text-align: left;
  color: var(--td-text-color-primary, var(--td-font-gray-1, #000000e6));
  font: var(--td-font-title-medium);
}

.t-guide__desc {
  text-align: left;
  color: var(--td-text-color-secondary, var(--td-font-gray-2, #0009));
  font: var(--td-font-body-medium);
  margin-top: 4px;
}

.t-guide__footer {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.t-guide__footer button {
  margin-right: 12px;
}

.t-guide__footer button:last-child {
  margin-right: 0;
}

.t-guide__footer--popover {
  justify-content: flex-end;
}

.t-guide__footer--dialog {
  margin-top: var(--td-spacer-3, 24px);
  padding: 0 24px;
}

.t-guide__footer--dialog button:last-child {
  flex-grow: 1;
}

.t-guide__footer--dialog .t-guide__action {
  justify-content: center;
  display: flex;
}

.t-message {
  z-index: 15000;
  box-sizing: border-box;
  border-radius: var(--td-message-border-radius, var(--td-radius-default, 6px));
  background-color: var(--td-message-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
  min-height: 48px;
  -webkit-box-shadow: var(--td-message-box-shadow, var(--td-shadow-4, 0 2px 8px 0 #0000000f));
  box-shadow: var(--td-message-box-shadow, var(--td-shadow-4, 0 2px 8px 0 #0000000f));
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  line-height: 1em;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.t-message__text {
  color: var(--td-message-content-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  font: var(--td-font-body-medium);
}

.t-message__text-wrap {
  text-overflow: ellipsis;
  flex: auto;
  overflow-x: hidden;
}

.t-message__text-nowrap {
  word-break: keep-all;
  white-space: nowrap;
}

.t-message__icon--left, .t-message__close-wrap {
  align-items: center;
  display: flex;
}

.t-message--info {
  color: var(--td-message-info-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}

.t-message--success {
  color: var(--td-message-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}

.t-message--warning {
  color: var(--td-message-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}

.t-message--error {
  color: var(--td-message-error-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-message__icon--left, .t-message__icon--right {
  font-size: 22px;
}

.t-message__icon--left:not(:empty) {
  margin-right: var(--td-spacer, 8px);
}

.t-message__icon--right {
  color: var(--td-message-close-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-message__icon--right:not(:empty), .t-message__link {
  margin-left: var(--td-spacer, 8px);
  flex: none;
}

.message-enter-active {
  animation: .5s messageEnter;
}

.message-leave-active {
  animation: .2s messageOut;
}

@keyframes messageEnter {
  from {
    transform: translate3d(0, -48px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes messageOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -48px, 0);
  }
}

.t-notice-bar {
  align-items: flex-start;
  padding: 13px 16px;
  display: flex;
}

.t-notice-bar__content-wrap {
  font: var(--td-font-body-medium);
  color: var(--td-notice-bar-font-color, var(--td-text-color-primary, var(--td-font-gray-1, #000000e6)));
  flex: 1;
  overflow-x: hidden;
}

.t-notice-bar__content {
  white-space: nowrap;
  display: inline-block;
}

.t-notice-bar__content-wrapable {
  white-space: normal;
}

.t-notice-bar__content--vertical {
  --td-swiper-border-radius: 0;
  height: 22px;
  line-height: 22px;
}

.t-notice-bar__content--vertical-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.t-notice-bar__prefix-icon {
  color: inherit;
}

.t-notice-bar__prefix-icon:not(:empty) {
  display: inherit;
  padding-right: var(--td-spacer, 8px);
}

.t-notice-bar__suffix-icon {
  color: var(--td-notice-bar-suffix-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
}

.t-notice-bar__prefix-icon, .t-notice-bar__suffix-icon {
  font-size: 22px;
}

.t-notice-bar__operation {
  vertical-align: top;
  color: var(--td-notice-bar-operation-font-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 700;
  display: inline-flex;
}

.t-notice-bar__operation:empty {
  display: none;
}

.t-notice-bar__suffix-icon:not(:empty) {
  display: inherit;
  padding-left: var(--td-spacer, 8px);
}

.t-notice-bar--info {
  color: var(--td-notice-bar-info-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-notice-bar-info-bg-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}

.t-notice-bar--success {
  color: var(--td-notice-bar-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  background-color: var(--td-notice-bar-success-bg-color, var(--td-success-color-1, #e3f9e9));
}

.t-notice-bar--warning {
  color: var(--td-notice-bar-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  background-color: var(--td-notice-bar-warning-bg-color, var(--td-warning-color-1, #fff1e9));
}

.t-notice-bar--error {
  color: var(--td-notice-bar-error-color, var(--td-error-color-6, #d54941));
  background-color: var(--td-notice-bar-error-bg-color, var(--td-error-color-1, #fff0ed));
}

.t-pull-down-refresh {
  height: 100%;
  overflow: hidden;
}

.t-pull-down-refresh__track {
  height: 100%;
  position: relative;
}

.t-pull-down-refresh__track--loosing {
  transition: transform .24s;
}

.t-pull-down-refresh__tips {
  color: var(--td-pull-down-refresh-color, var(--td-text-color-placeholder, var(--td-font-gray-3, #0006)));
  font-size: var(--td-font-size-base, 14px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
  transform: translateY(-100%);
}

.t-pull-down-refresh__loading {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.t-pull-down-refresh__loading .t-loading__text {
  font-size: var(--td-font-size-base, 14px);
  color: var(--td-text-color-disabled, var(--td-font-gray-4, #00000042));
}

.t-pull-down-refresh__wrap {
  position: relative;
}

.t-swipe-cell {
  position: relative;
  overflow: hidden;
}

.t-swipe-cell__left, .t-swipe-cell__right {
  height: 100%;
  position: absolute;
  top: 0;
}

.t-swipe-cell__left {
  flex-flow: row-reverse;
  display: flex;
  left: 0;
  transform: translate3d(-100%, 0, 0);
}

.t-swipe-cell__right {
  display: flex;
  right: 0;
  transform: translate3d(100%, 0, 0);
}

.t-swipe-cell__content {
  padding: 0 var(--td-spacer-2, 16px);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.t-swipe-cell__icon {
  font-size: var(--td-font-size-xl, 20px);
}

.t-swipe-cell__icon + .t-swipe-cell__text:not(:empty) {
  margin-left: var(--td-spacer, 8px);
  font: var(--td-font-body-medium);
}

.t-swipe-cell__wrapper {
  transition: transform .3s ease-in-out;
}

.t-float-left {
  float: left;
}

.t-float-right {
  float: right;
}

.t-icon-loading {
  animation: 1s linear infinite t-spin;
}

.hotspot-expanded.relative {
  position: relative;
}

.hotspot-expanded:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  transform: scale(1.5);
}

.t-toast {
  z-index: 12001;
  opacity: 1;
  background-color: var(--td-toast-bg-color, var(--td-mask-active, #0009));
  border-radius: var(--td-toast-radius, var(--td-radius-default, 6px));
  color: var(--td-toast-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
  max-width: var(--td-toast-max-width, 185px);
  box-sizing: border-box;
  width: fit-content;
  transition: opacity .3s;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t-toast--column {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  min-height: 80px;
  padding: 24px;
  display: flex;
}

.t-toast--loading.t-toast--with-text {
  min-width: 102px;
  min-height: 102px;
  padding-top: 0;
  padding-bottom: 0;
}

.t-toast__content {
  font: var(--td-font-body-medium);
  align-items: center;
}

.t-toast__content--row {
  text-align: left;
  padding: 14px 22px;
  display: flex;
}

.t-toast__content--column {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-toast__icon--row {
  font-size: var(--td-toast-row-icon-size, 24px);
  display: flex;
}

.t-toast__icon--column {
  font-size: var(--td-toast-column-icon-size, 32px);
}

.t-toast__text {
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  white-space: pre-line;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.t-toast__text--column:not(:empty):not(:only-child) {
  min-width: 64px;
  margin-top: 8px;
}

.t-toast__text--row:not(:empty):not(:only-child) {
  margin-left: 8px;
}

.t-toast.t-fade-enter, .t-toast.t-fade-leave-to {
  opacity: 0;
}

.t-toast--lock {
  cursor: not-allowed;
  overflow: hidden;
}

.t-toast--lock * {
  pointer-events: none;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__61934b27._.css.map*/