.l-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  z-index: 0;
  overflow: hidden;
  font-size: var(--td-font-body-medium);
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: var(--td-radius-default);
  transition: all 0.2s linear;
  touch-action: manipulation;
  text-decoration: none;
}
.l-button .l-button__text,
.l-button .l-icon {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.l-button .l-icon {
  font-size: var(--td-font-size-body-large);
}
.l-button .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-button .l-icon + .l-button__text:not(:empty) {
  margin-left: 8px;
}
.l-button .l-loading + .l-button__text:not(:empty) {
  margin-left: 8px;
}
.l-button .l-button__suffix:not(:empty) {
  display: inline-flex;
  margin-left: 8px;
}
.l-button--variant-base {
  color: var(--td-text-color-anti);
  height: 32px;
  font: var(--td-font-body-medium);
  padding-left: 15px;
  padding-right: 15px;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-bg-color-component);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-bg-color-component);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-primary);
}
.l-button--variant-base .l-icon,
.l-button--variant-base .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-button--variant-base:hover {
  background-color: var(--td-bg-color-component-hover);
}
.l-button--variant-base.l-is-loading {
  background-color: var(--td-bg-color-component);
}
.l-button--variant-base.l-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.l-button--variant-base:hover {
  border-color: var(--td-bg-color-component-hover);
}
.l-button--variant-base.l-is-loading {
  border-color: var(--td-bg-color-component);
}
.l-button--variant-base.l-is-disabled {
  border-color: var(--td-bg-color-component-disabled);
}
.l-button--variant-base:hover {
  color: var(--td-text-color-primary);
}
.l-button--variant-base.l-is-loading {
  color: var(--td-text-color-primary);
}
.l-button--variant-base.l-is-disabled {
  color: var(--td-text-color-disabled);
}
.l-button--variant-base.l-button--theme-primary {
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
}
.l-button--variant-base.l-button--theme-primary:hover {
  background-color: var(--td-brand-color-hover);
}
.l-button--variant-base.l-button--theme-primary.l-is-loading {
  background-color: var(--td-brand-color);
}
.l-button--variant-base.l-button--theme-primary.l-is-disabled {
  background-color: var(--td-brand-color-disabled);
}
.l-button--variant-base.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-base.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-base.l-button--theme-primary.l-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.l-button--variant-base.l-button--theme-success {
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
}
.l-button--variant-base.l-button--theme-success:hover {
  background-color: var(--td-success-color-hover);
}
.l-button--variant-base.l-button--theme-success.l-is-loading {
  background-color: var(--td-success-color);
}
.l-button--variant-base.l-button--theme-success.l-is-disabled {
  background-color: var(--td-success-color-disabled);
}
.l-button--variant-base.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-base.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-base.l-button--theme-success.l-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.l-button--variant-base.l-button--theme-warning {
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
}
.l-button--variant-base.l-button--theme-warning:hover {
  background-color: var(--td-warning-color-hover);
}
.l-button--variant-base.l-button--theme-warning.l-is-loading {
  background-color: var(--td-warning-color);
}
.l-button--variant-base.l-button--theme-warning.l-is-disabled {
  background-color: var(--td-warning-color-disabled);
}
.l-button--variant-base.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-base.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-base.l-button--theme-warning.l-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.l-button--variant-base.l-button--theme-danger {
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
}
.l-button--variant-base.l-button--theme-danger:hover {
  background-color: var(--td-error-color-hover);
}
.l-button--variant-base.l-button--theme-danger.l-is-loading {
  background-color: var(--td-error-color);
}
.l-button--variant-base.l-button--theme-danger.l-is-disabled {
  background-color: var(--td-error-color-disabled);
}
.l-button--variant-base.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-base.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-base.l-button--theme-danger.l-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.l-button--variant-base.l-button--ghost {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: transparent;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-text-color-anti);
}
.l-button--variant-base.l-button--ghost:hover {
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost:active {
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-is-loading {
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-base.l-button--ghost:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-base.l-button--ghost.l-is-loading {
  color: var(--td-text-color-anti);
}
.l-button--variant-base.l-button--ghost.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-base.l-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-base.l-button--ghost.l-is-loading {
  border-color: var(--td-text-color-anti);
}
.l-button--variant-base.l-button--ghost.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-primary.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-success:active {
  color: var(--td-success-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-success.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-success.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-warning.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-base.l-button--ghost.l-button--theme-danger.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline {
  height: 32px;
  font: var(--td-font-body-medium);
  padding-left: 15px;
  padding-right: 15px;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-primary);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-bg-color-specialcomponent);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-outline .l-icon,
.l-button--variant-outline .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-button--variant-outline:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-is-loading {
  color: var(--td-text-color-primary);
}
.l-button--variant-outline.l-is-disabled {
  color: var(--td-text-color-disabled);
}
.l-button--variant-outline:hover {
  background-color: var(--td-bg-color-specialcomponent);
}
.l-button--variant-outline.l-is-loading {
  background-color: var(--td-bg-color-specialcomponent);
}
.l-button--variant-outline.l-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.l-button--variant-outline:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-is-loading {
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-outline.l-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-outline.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
}
.l-button--variant-outline.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-outline.l-button--theme-primary.l-is-disabled {
  color: var(--td-brand-color-disabled);
}
.l-button--variant-outline.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-outline.l-button--theme-primary.l-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.l-button--variant-outline.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
}
.l-button--variant-outline.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-outline.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-outline.l-button--theme-success.l-is-disabled {
  color: var(--td-success-color-disabled);
}
.l-button--variant-outline.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-outline.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-outline.l-button--theme-success.l-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.l-button--variant-outline.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
}
.l-button--variant-outline.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-outline.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-outline.l-button--theme-warning.l-is-disabled {
  color: var(--td-warning-color-disabled);
}
.l-button--variant-outline.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-outline.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-outline.l-button--theme-warning.l-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.l-button--variant-outline.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
}
.l-button--variant-outline.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-outline.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-outline.l-button--theme-danger.l-is-disabled {
  color: var(--td-error-color-disabled);
}
.l-button--variant-outline.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-outline.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-outline.l-button--theme-danger.l-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.l-button--variant-outline.l-button--ghost {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: transparent;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-text-color-anti);
}
.l-button--variant-outline.l-button--ghost:hover {
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost:active {
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-is-loading {
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-button--ghost:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-outline.l-button--ghost.l-is-loading {
  color: var(--td-text-color-anti);
}
.l-button--variant-outline.l-button--ghost.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-outline.l-button--ghost.l-is-loading {
  border-color: var(--td-text-color-anti);
}
.l-button--variant-outline.l-button--ghost.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-primary.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success:active {
  color: var(--td-success-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-success.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-warning.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-outline.l-button--ghost.l-button--theme-danger.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain {
  height: 32px;
  font: var(--td-font-body-medium);
  padding-left: 15px;
  padding-right: 15px;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-primary);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-bg-color-specialcomponent);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-plain .l-icon,
.l-button--variant-plain .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-button--variant-plain:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-is-loading {
  color: var(--td-text-color-primary);
}
.l-button--variant-plain.l-is-disabled {
  color: var(--td-text-color-disabled);
}
.l-button--variant-plain:hover {
  background-color: var(--td-bg-color-specialcomponent);
}
.l-button--variant-plain.l-is-loading {
  background-color: var(--td-bg-color-specialcomponent);
}
.l-button--variant-plain.l-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.l-button--variant-plain:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-is-loading {
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-plain.l-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-plain.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color-1);
}
.l-button--variant-plain.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-plain.l-button--theme-primary.l-is-disabled {
  color: var(--td-brand-color-disabled);
}
.l-button--variant-plain.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-plain.l-button--theme-primary.l-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.l-button--variant-plain.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
  background-color: var(--td-success-color-1);
}
.l-button--variant-plain.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-plain.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-plain.l-button--theme-success.l-is-disabled {
  color: var(--td-success-color-disabled);
}
.l-button--variant-plain.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-plain.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-plain.l-button--theme-success.l-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.l-button--variant-plain.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
  background-color: var(--td-warning-color-1);
}
.l-button--variant-plain.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-plain.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-plain.l-button--theme-warning.l-is-disabled {
  color: var(--td-warning-color-disabled);
}
.l-button--variant-plain.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-plain.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-plain.l-button--theme-warning.l-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.l-button--variant-plain.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
  background-color: var(--td-error-color-1);
}
.l-button--variant-plain.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-plain.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-plain.l-button--theme-danger.l-is-disabled {
  color: var(--td-error-color-disabled);
}
.l-button--variant-plain.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-plain.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-plain.l-button--theme-danger.l-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.l-button--variant-plain.l-button--ghost {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: transparent;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-text-color-anti);
}
.l-button--variant-plain.l-button--ghost:hover {
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost:active {
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-is-loading {
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-button--ghost:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-plain.l-button--ghost.l-is-loading {
  color: var(--td-text-color-anti);
}
.l-button--variant-plain.l-button--ghost.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-plain.l-button--ghost.l-is-loading {
  border-color: var(--td-text-color-anti);
}
.l-button--variant-plain.l-button--ghost.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-primary.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success:active {
  color: var(--td-success-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-success.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-warning.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-plain.l-button--ghost.l-button--theme-danger.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed {
  height: 32px;
  font: var(--td-font-body-medium);
  padding-left: 15px;
  padding-right: 15px;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-primary);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: var(--td-bg-color-specialcomponent);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-border-level-2-color);
  border-style: dashed;
}
.l-button--variant-dashed .l-icon,
.l-button--variant-dashed .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-button--variant-dashed:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-is-loading {
  color: var(--td-text-color-primary);
}
.l-button--variant-dashed.l-is-disabled {
  color: var(--td-text-color-disabled);
}
.l-button--variant-dashed:hover {
  background-color: var(--td-bg-color-specialcomponent);
}
.l-button--variant-dashed.l-is-loading {
  background-color: var(--td-bg-color-specialcomponent);
}
.l-button--variant-dashed.l-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.l-button--variant-dashed:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-is-loading {
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-dashed.l-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.l-button--variant-dashed.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
}
.l-button--variant-dashed.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-dashed.l-button--theme-primary.l-is-disabled {
  color: var(--td-brand-color-disabled);
}
.l-button--variant-dashed.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-dashed.l-button--theme-primary.l-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.l-button--variant-dashed.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
}
.l-button--variant-dashed.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-dashed.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-dashed.l-button--theme-success.l-is-disabled {
  color: var(--td-success-color-disabled);
}
.l-button--variant-dashed.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-dashed.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-dashed.l-button--theme-success.l-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.l-button--variant-dashed.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
}
.l-button--variant-dashed.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-dashed.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-dashed.l-button--theme-warning.l-is-disabled {
  color: var(--td-warning-color-disabled);
}
.l-button--variant-dashed.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-dashed.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-dashed.l-button--theme-warning.l-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.l-button--variant-dashed.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
}
.l-button--variant-dashed.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-dashed.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-dashed.l-button--theme-danger.l-is-disabled {
  color: var(--td-error-color-disabled);
}
.l-button--variant-dashed.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-dashed.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-dashed.l-button--theme-danger.l-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.l-button--variant-dashed.l-button--ghost {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: transparent;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-anti);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-text-color-anti);
}
.l-button--variant-dashed.l-button--ghost:hover {
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost:active {
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-is-loading {
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-button--ghost:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-is-loading {
  color: var(--td-text-color-anti);
}
.l-button--variant-dashed.l-button--ghost.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-is-loading {
  border-color: var(--td-text-color-anti);
}
.l-button--variant-dashed.l-button--ghost.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-brand-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary.l-is-loading {
  border-color: var(--td-brand-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-primary.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-success-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success:active {
  color: var(--td-success-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success.l-is-loading {
  border-color: var(--td-success-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-success.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-warning-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning.l-is-loading {
  border-color: var(--td-warning-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-warning.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: var(--td-error-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger.l-is-loading {
  border-color: var(--td-error-color);
}
.l-button--variant-dashed.l-button--ghost.l-button--theme-danger.l-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-text {
  height: 32px;
  font: var(--td-font-body-medium);
  padding-left: 15px;
  padding-right: 15px;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-primary);
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  background-color: transparent;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  border-color: transparent;
}
.l-button--variant-text .l-icon,
.l-button--variant-text .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-button--variant-text:hover {
  color: var(--td-text-color-primary);
}
.l-button--variant-text.l-is-loading {
  color: var(--td-text-color-primary);
}
.l-button--variant-text.l-is-disabled {
  color: var(--td-text-color-disabled);
}
.l-button--variant-text:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-button--variant-text.l-is-loading {
  background-color: transparent;
}
.l-button--variant-text.l-is-disabled {
  background-color: transparent;
}
.l-button--variant-text:hover {
  border-color: var(--td-bg-color-container-hover);
}
.l-button--variant-text.l-is-loading {
  border-color: transparent;
}
.l-button--variant-text.l-is-disabled {
  border-color: transparent;
}
.l-button--variant-text.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
}
.l-button--variant-text.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-text.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-text.l-button--theme-primary.l-is-disabled {
  color: var(--td-brand-color-disabled);
}
.l-button--variant-text.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
}
.l-button--variant-text.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-text.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-text.l-button--theme-success.l-is-disabled {
  color: var(--td-success-color-disabled);
}
.l-button--variant-text.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
}
.l-button--variant-text.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-text.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-text.l-button--theme-warning.l-is-disabled {
  color: var(--td-warning-color-disabled);
}
.l-button--variant-text.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
}
.l-button--variant-text.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-text.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-text.l-button--theme-danger.l-is-disabled {
  color: var(--td-error-color-disabled);
}
.l-button--variant-text.l-button--ghost {
  background: none;
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-text-color-anti);
}
.l-button--variant-text.l-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-text.l-button--ghost:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-text.l-button--ghost.l-is-loading {
  color: var(--td-text-color-anti);
}
.l-button--variant-text.l-button--ghost.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-text.l-button--ghost.l-button--theme-primary {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-brand-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.l-button--variant-text.l-button--ghost.l-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.l-button--variant-text.l-button--ghost.l-button--theme-primary.l-is-loading {
  color: var(--td-brand-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-primary.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-text.l-button--ghost.l-button--theme-success {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-success-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.l-button--variant-text.l-button--ghost.l-button--theme-success:active {
  color: var(--td-success-color-active);
}
.l-button--variant-text.l-button--ghost.l-button--theme-success.l-is-loading {
  color: var(--td-success-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-success.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-text.l-button--ghost.l-button--theme-warning {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-warning-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.l-button--variant-text.l-button--ghost.l-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.l-button--variant-text.l-button--ghost.l-button--theme-warning.l-is-loading {
  color: var(--td-warning-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-warning.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button--variant-text.l-button--ghost.l-button--theme-danger {
  /* stylelint-disable-next-line string-quotes */
  /* stylelint-disable-next-line string-quotes */
  color: var(--td-error-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.l-button--variant-text.l-button--ghost.l-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.l-button--variant-text.l-button--ghost.l-button--theme-danger.l-is-loading {
  color: var(--td-error-color);
}
.l-button--variant-text.l-button--ghost.l-button--theme-danger.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.l-button.l-is-loading,
.l-button.l-is-disabled {
  cursor: not-allowed;
}
.l-button.l-size-small {
  height: 24px;
  font: var(--td-font-body-small);
  padding-left: 7px;
  padding-right: 7px;
}
.l-button.l-size-small .l-icon,
.l-button.l-size-small .l-loading {
  font-size: var(--td-font-size-body-medium);
}
.l-button.l-size-large {
  height: 40px;
  font: var(--td-font-body-large);
  padding-left: 23px;
  padding-right: 23px;
}
.l-button.l-size-large .l-icon,
.l-button.l-size-large .l-loading {
  font-size: var(--td-font-size-title-large);
}
.l-button.l-size-full-width {
  display: block;
  width: 100%;
}
.l-button--shape-square {
  width: 32px;
  padding: 0;
}
.l-button--shape-square.l-size-small {
  width: 24px;
  padding: 0;
}
.l-button--shape-square.l-size-large {
  width: 40px;
  padding: 0;
}
.l-button--shape-round {
  border-radius: var(--td-radius-round);
}
.l-button--shape-round.l-size-small {
  border-radius: 12px;
}
.l-button--shape-round.l-size-large {
  border-radius: 20px;
}
.l-button--shape-circle {
  width: 32px;
  padding: 0;
  text-align: center;
  border-radius: 16px;
}
.l-button--shape-circle .l-icon {
  font-size: var(--td-font-size-body-large);
}
.l-button--shape-circle .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-button--shape-circle.l-size-small {
  width: 24px;
  border-radius: 12px;
}
.l-button--shape-circle.l-size-large {
  width: 40px;
  padding: 0;
  border-radius: 20px;
}
.l-button.l-is-loading {
  --ripple-color: transparent !important;
}
.l-button.l-is-disabled {
  --ripple-color: transparent !important;
}
.l-button.l-button--ghost {
  --ripple-color: transparent !important;
}
.l-button--theme-primary:not(.l-button--variant-base) {
  --ripple-color: var(--td-brand-color-1);
}
.l-button--theme-primary.l-button--variant-plain {
  --ripple-color: var(--td-brand-color-2);
}
.l-button--theme-warning:not(.l-button--variant-base) {
  --ripple-color: var(--td-warning-color-1);
}
.l-button--theme-warning.l-button--variant-plain {
  --ripple-color: var(--td-warning-color-2);
}
.l-button--theme-success:not(.l-button--variant-base) {
  --ripple-color: var(--td-success-color-1);
}
.l-button--theme-success.l-button--variant-plain {
  --ripple-color: var(--td-success-color-2);
}
.l-button--theme-danger:not(.l-button--variant-base) {
  --ripple-color: var(--td-error-color-1);
}
.l-button--theme-danger.l-button--variant-plain {
  --ripple-color: var(--td-error-color-2);
}

@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.l-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.l-loading {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  color: var(--td-brand-color);
  font-size: var(--td-font-size-headline-large);
}
.l-loading--lock {
  overflow: hidden;
}
.l-loading.l-size-small {
  font-size: var(--td-font-size-body-large);
}
.l-loading.l-size-large {
  font-size: 56px;
}
.l-loading__parent--relative {
  position: relative !important;
}
.l-loading__fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3500;
}
.l-loading--center {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
}
.l-loading__content {
  position: absolute;
  left: 48%;
  top: 20%;
}
.l-loading--inherit-color {
  color: inherit;
}
.l-loading__parent {
  position: relative;
}
.l-loading__overlay {
  background-color: var(--td-mask-disabled);
}
/** 仅用于作为包裹元素时 */
.l-loading--full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-loading--hidden {
  visibility: hidden;
}
.l-loading--visible {
  visibility: visible;
}
.l-loading__text {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font: var(--td-font-body-medium);
  margin-left: 5px;
}
.l-loading__gradient {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.l-loading__gradient-conic {
  width: 100%;
  height: 100%;
  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
  border-radius: var(--td-radius-circle);
  /* stylelint-disable-next-line */
  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
  /* stylelint-disable-next-line */
  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}

.l-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: var(--td-radius-default);
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.l-radio-group::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.l-radio-group::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 7px;
}
.l-radio-group::-webkit-scrollbar-thumb:vertical:hover,
.l-radio-group::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-radio-group .l-radio {
  margin-right: 24px;
}
.l-radio-group.l-radio-group__outline {
  flex-wrap: wrap;
  row-gap: 4px;
}
.l-radio-group.l-radio-group__outline .l-radio-button.l-is-checked {
  color: var(--td-brand-color);
}
.l-radio-group.l-radio-group__outline .l-radio-button.l-is-disabled.l-is-checked {
  color: var(--td-brand-color-disabled);
  border-color: var(--td-brand-color-disabled);
  background-color: var(--td-bg-color-specialcomponent);
}
.l-radio-group.l-radio-group--filled {
  border-color: var(--td-bg-color-component);
  padding: 2px;
  border-radius: var(--td-radius-default);
  background-color: var(--td-bg-color-component);
  position: relative;
}
.l-radio-group.l-radio-group--filled .l-radio-group__bg-block {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 0;
  height: calc(100% - 4px);
  background-color: var(--td-bg-color-container-select);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  border-radius: var(--td-radius-small);
}
.l-radio-group.l-radio-group--filled .l-radio-button {
  color: var(--td-text-color-secondary);
  border: 0;
  background-color: transparent;
}
.l-radio-group.l-radio-group--filled .l-radio-button:hover {
  color: var(--td-text-color-primary);
}
.l-radio-group.l-radio-group--filled .l-radio-button::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 16px);
  background-color: var(--td-component-border);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.l-radio-group.l-radio-group--filled .l-radio-button:first-child::before {
  opacity: 0;
}
.l-radio-group.l-radio-group--filled .l-radio-button.l-is-checked {
  position: relative;
  color: var(--td-text-color-primary);
  z-index: 1;
  border: 0;
  transition: color 0.2s linear;
}
.l-radio-group.l-radio-group--filled .l-radio-button.l-is-checked::before {
  opacity: 0;
}
.l-radio-group.l-radio-group--filled .l-radio-button.l-is-checked + label::before {
  opacity: 0;
}
.l-radio-group.l-radio-group--filled .l-radio-button.l-is-disabled {
  background-color: transparent;
}
.l-radio-group.l-radio-group--filled .l-radio-button.l-is-disabled.l-is-checked {
  color: var(--td-text-color-disabled);
}
.l-radio-group.l-radio-group--filled .l-radio-button.l-is-disabled.l-is-checked ~ .l-radio-group__bg-block {
  background-color: var(--td-bg-color-component-disabled);
}
.l-radio-group.l-radio-group--primary-filled .l-radio-group__bg-block {
  background-color: var(--td-brand-color);
}
.l-radio-group.l-radio-group--primary-filled .l-radio-button.l-is-checked {
  color: var(--td-text-color-anti);
}
.l-radio-group.l-radio-group--primary-filled .l-radio-button.l-is-disabled.l-is-checked {
  color: var(--td-text-color-anti);
}
.l-radio-group.l-radio-group--primary-filled .l-radio-button.l-is-disabled.l-is-checked ~ .l-radio-group__bg-block {
  background-color: var(--td-brand-color-disabled);
}
.l-radio-group.l-size-small .l-radio-button {
  height: 20px;
  padding: 0px 4px;
  font: var(--td-font-body-small);
}
.l-radio-group.l-size-small .l-radio-button::before {
  height: calc(100% - 16px);
}
.l-radio-group.l-size-medium .l-radio-button {
  height: 28px;
  padding: 4px 16px;
  font: var(--td-font-body-medium);
}
.l-radio-group.l-size-medium .l-radio-button::before {
  height: calc(100% - 20px);
}
.l-radio-group.l-size-large .l-radio-button {
  height: 36px;
  padding: 8px 24px;
  font: var(--td-font-body-large);
}
.l-radio-group.l-size-large .l-radio-button::before {
  height: calc(100% - 24px);
}
.l-radio-group .l-radio-button {
  cursor: pointer;
  position: relative;
  border: 1px solid;
  border-color: var(--td-border-level-2-color);
  border-right: 0;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
  color: var(--td-text-color-primary);
  white-space: nowrap;
  box-sizing: border-box;
}
.l-radio-group .l-radio-button:first-child {
  border-radius: var(--td-radius-small) 0 0 var(--td-radius-small);
}
.l-radio-group .l-radio-button:last-child {
  border-right: 1px solid;
  border-right-color: var(--td-border-level-2-color);
  border-radius: 0 var(--td-radius-small) var(--td-radius-small) 0;
}
.l-radio-group .l-radio-button__former {
  opacity: 0;
  height: 0;
  width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-radio-group .l-radio-button:hover {
  color: var(--td-brand-color);
}
.l-radio-group .l-radio-button.l-is-checked {
  border-right: 1px solid;
  border-color: var(--td-brand-color);
  transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.l-radio-group .l-radio-button.l-is-checked + .l-radio-button {
  border-left: 0;
}
.l-radio-group .l-radio-button.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.l-radio-group .l-radio-button.l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
  color: var(--td-text-color-disabled);
}
.l-radio-group .l-radio-button.l-is-disabled:hover::after {
  width: 0;
}
.l-radio-group .l-radio-button.l-is-disabled.l-is-checked {
  color: var(--td-text-color-disabled);
}
.l-radio-group .l-radio-button.l-is-disabled.l-is-checked::after {
  width: 0;
}
.l-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  cursor: pointer;
}
.l-radio__former {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  opacity: 0;
  position: absolute;
}
.l-radio__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border-radius: var(--td-radius-circle);
  border: 1px solid var(--td-border-level-2-color);
  background-color: var(--td-bg-color-container);
  transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.l-radio__input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  transform: scale(0.5);
  opacity: 0;
  border-radius: var(--td-radius-circle);
  background-color: var(--td-brand-color);
  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.l-radio__label {
  display: inline-block;
  margin-left: 8px;
  color: var(--td-text-color-primary);
  vertical-align: middle;
  font: var(--td-font-body-medium);
  white-space: nowrap;
}
.l-radio:hover .l-radio__input {
  border-color: var(--td-brand-color);
}
.l-radio.l-is-checked .l-radio__input {
  border-color: var(--td-brand-color);
}
.l-radio.l-is-checked .l-radio__input::after {
  opacity: 1;
}
.l-radio.l-is-disabled {
  cursor: not-allowed;
}
.l-radio.l-is-disabled .l-radio__label {
  color: var(--td-text-color-disabled);
}
.l-radio.l-is-disabled .l-radio__input {
  background-color: var(--td-bg-color-component-disabled);
}
.l-radio.l-is-disabled:hover .l-radio__input {
  border-color: var(--td-border-level-2-color);
}
.l-radio.l-is-disabled.l-is-checked .l-radio__input {
  border-color: var(--td-border-level-2-color);
}
.l-radio.l-is-disabled.l-is-checked .l-radio__input::after {
  background-color: var(--td-text-color-disabled);
}

.content-placement-top .l-popup[data-popper-placement^="top"] .l-popup__content {
  margin-bottom: 8px;
}
.content-placement-top .l-popup[data-popper-placement^="top"] .l-popup__content--arrow {
  margin-bottom: 16px;
}
.content-placement-bottom .l-popup[data-popper-placement^="bottom"] .l-popup__content {
  margin-top: 8px;
}
.content-placement-bottom .l-popup[data-popper-placement^="bottom"] .l-popup__content--arrow {
  margin-top: 16px;
}
.content-placement-left .l-popup[data-popper-placement^="left"] .l-popup__content {
  margin-right: 8px;
}
.content-placement-left .l-popup[data-popper-placement^="left"] .l-popup__content--arrow {
  margin-right: 16px;
}
.content-placement-left .l-popup[data-popper-placement^="left"] .l-popup__content--text {
  max-width: 480px;
}
.content-placement-right .l-popup[data-popper-placement^="right"] .l-popup__content {
  margin-left: 8px;
}
.content-placement-right .l-popup[data-popper-placement^="right"] .l-popup__content--arrow {
  margin-left: 16px;
}
.content-placement-right .l-popup[data-popper-placement^="right"] .l-popup__content--text {
  max-width: 480px;
}
.l-popup {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  color: var(--td-text-color-primary);
  display: inline-block;
  z-index: 5500;
}
.l-popup__content {
  position: relative;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  border-radius: var(--td-radius-medium);
  padding: 4px 8px;
  font-size: var(--td-font-size-body-medium);
  line-height: 22px;
  box-sizing: border-box;
  word-break: break-all;
}
.l-popup__arrow {
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
}
.l-popup__arrow::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: var(--td-bg-color-container);
}
.l-popup[data-popper-placement^="top"] .l-popup__content {
  margin-bottom: 8px;
}
.l-popup[data-popper-placement^="top"] .l-popup__content--arrow {
  margin-bottom: 16px;
}
.l-popup[data-popper-placement^="bottom"] .l-popup__content {
  margin-top: 8px;
}
.l-popup[data-popper-placement^="bottom"] .l-popup__content--arrow {
  margin-top: 16px;
}
.l-popup[data-popper-placement^="left"] .l-popup__content {
  margin-right: 8px;
}
.l-popup[data-popper-placement^="left"] .l-popup__content--arrow {
  margin-right: 16px;
}
.l-popup[data-popper-placement^="left"] .l-popup__content--text {
  max-width: 480px;
}
.l-popup[data-popper-placement^="right"] .l-popup__content {
  margin-left: 8px;
}
.l-popup[data-popper-placement^="right"] .l-popup__content--arrow {
  margin-left: 16px;
}
.l-popup[data-popper-placement^="right"] .l-popup__content--text {
  max-width: 480px;
}
.l-popup[data-popper-placement^="top"] .l-popup__arrow {
  bottom: calc(-8px / 2);
}
.l-popup[data-popper-placement^="top"] .l-popup__arrow::before {
  border-top-left-radius: 100%;
  box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
}
.l-popup[data-popper-placement="top-start"] .l-popup__arrow {
  left: 8px;
}
.l-popup[data-popper-placement="top"] .l-popup__arrow {
  left: 50%;
  margin-left: calc(-8px / 2);
}
.l-popup[data-popper-placement="top-end"] .l-popup__arrow {
  left: calc(100% - 8px * 2);
}
.l-popup[data-popper-placement^="bottom"] .l-popup__arrow {
  top: calc(-8px / 2);
}
.l-popup[data-popper-placement^="bottom"] .l-popup__arrow::before {
  border-bottom-right-radius: 100%;
  box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
}
.l-popup[data-popper-placement="bottom-start"] .l-popup__arrow {
  left: 8px;
}
.l-popup[data-popper-placement="bottom"] .l-popup__arrow {
  left: 50%;
  margin-left: calc(-8px / 2);
}
.l-popup[data-popper-placement="bottom-end"] .l-popup__arrow {
  left: calc(100% - 8px * 2);
}
.l-popup[data-popper-placement^="left"] .l-popup__arrow {
  right: calc(-8px / 2);
}
.l-popup[data-popper-placement^="left"] .l-popup__arrow::before {
  box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
}
.l-popup[data-popper-placement="left-start"] .l-popup__arrow {
  top: 8px;
}
.l-popup[data-popper-placement="left"] .l-popup__arrow {
  top: 50%;
  margin-top: calc(-8px / 2);
}
.l-popup[data-popper-placement="left-end"] .l-popup__arrow {
  top: calc(100% - 8px * 2);
}
.l-popup[data-popper-placement^="right"] .l-popup__arrow {
  left: calc(-8px / 2);
}
.l-popup[data-popper-placement^="right"] .l-popup__arrow::before {
  box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
}
.l-popup[data-popper-placement="right-start"] .l-popup__arrow {
  top: 8px;
}
.l-popup[data-popper-placement="right"] .l-popup__arrow {
  top: 50%;
  margin-top: calc(-8px / 2);
}
.l-popup[data-popper-placement="right-end"] .l-popup__arrow {
  top: calc(100% - 8px * 2);
}
.l-popup--animation-enter,
.l-popup--animation-enter-from,
.l-popup--animation-exiting,
.l-popup--animation-leave-to {
  opacity: 0;
  visibility: hidden;
}
.l-popup--animation-enter-to,
.l-popup--animation-entering,
.l-popup--animation-leave-from,
.l-popup--animation-leave {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.l-popup--animation-enter-active {
  transition: opacity 0.2s linear;
}
.l-popup--animation-leave-active {
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-popup--animation-expand-enter-active[data-popper-placement^=top] {
  animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.l-popup--animation-expand-leave-active[data-popper-placement^=top] {
  animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@keyframes t-popup-animation-expand-in-top {
  0% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-out-top {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
}
.l-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
  animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.l-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
  animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@keyframes t-popup-animation-expand-in-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-out-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
}

.l-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  display: inline-flex;
  background: var(--td-brand-color-focus);
  color: var(--td-text-color-brand);
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  width: 32px;
  height: 32px;
  font-size: var(--td-font-size-body-large);
  line-height: 32px;
}
.l-avatar.l-avatar__icon {
  font-size: 20px;
}
.l-avatar img {
  height: 32px;
  width: 32px;
}
.l-avatar--circle {
  border-radius: var(--td-radius-circle);
}
.l-avatar--round {
  border-radius: var(--td-radius-default);
}
.l-avatar.l-size-small {
  width: 24px;
  height: 24px;
  font-size: var(--td-font-size-body-medium);
  line-height: 24px;
}
.l-avatar.l-size-small.l-avatar__icon {
  font-size: 16px;
}
.l-avatar.l-size-small img {
  height: 24px;
  width: 24px;
}
.l-avatar.l-size-large {
  width: 40px;
  height: 40px;
  font-size: var(--td-font-size-title-large);
  line-height: 40px;
}
.l-avatar.l-size-large.l-avatar__icon {
  font-size: 24px;
}
.l-avatar.l-size-large img {
  height: 40px;
  width: 40px;
}
.l-avatar-group {
  display: inline-flex;
  align-items: center;
}
.l-avatar-group .l-avatar {
  border: 2px solid var(--td-bg-color-container);
}
.l-avatar-group.l-avatar--offset-right .l-avatar:not(:last-child) {
  margin-right: -6px;
}
.l-avatar-group.l-avatar--offset-right .l-avatar:not(:last-child).l-size-small {
  margin-right: -4px;
}
.l-avatar-group.l-avatar--offset-right .l-avatar:not(:last-child).l-size-large {
  margin-right: -8px;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(1) {
  z-index: 49;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(2) {
  z-index: 48;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(3) {
  z-index: 47;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(4) {
  z-index: 46;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(5) {
  z-index: 45;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(6) {
  z-index: 44;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(7) {
  z-index: 43;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(8) {
  z-index: 42;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(9) {
  z-index: 41;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(10) {
  z-index: 40;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(11) {
  z-index: 39;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(12) {
  z-index: 38;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(13) {
  z-index: 37;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(14) {
  z-index: 36;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(15) {
  z-index: 35;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(16) {
  z-index: 34;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(17) {
  z-index: 33;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(18) {
  z-index: 32;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(19) {
  z-index: 31;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(20) {
  z-index: 30;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(21) {
  z-index: 29;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(22) {
  z-index: 28;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(23) {
  z-index: 27;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(24) {
  z-index: 26;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(25) {
  z-index: 25;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(26) {
  z-index: 24;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(27) {
  z-index: 23;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(28) {
  z-index: 22;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(29) {
  z-index: 21;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(30) {
  z-index: 20;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(31) {
  z-index: 19;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(32) {
  z-index: 18;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(33) {
  z-index: 17;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(34) {
  z-index: 16;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(35) {
  z-index: 15;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(36) {
  z-index: 14;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(37) {
  z-index: 13;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(38) {
  z-index: 12;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(39) {
  z-index: 11;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(40) {
  z-index: 10;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(41) {
  z-index: 9;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(42) {
  z-index: 8;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(43) {
  z-index: 7;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(44) {
  z-index: 6;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(45) {
  z-index: 5;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(46) {
  z-index: 4;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(47) {
  z-index: 3;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(48) {
  z-index: 2;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(49) {
  z-index: 1;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:nth-child(50) {
  z-index: 0;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:not(:first-child) {
  margin-left: -6px;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:not(:first-child).l-size-small {
  margin-left: -4px;
}
.l-avatar-group.l-avatar--offset-left .l-avatar:not(:first-child).l-size-large {
  margin-left: -8px;
}

.l-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  display: inline-block;
}
.l-badge--dot,
.l-badge--circle,
.l-badge--round {
  position: absolute;
  top: 0;
  right: 0;
  font: var(--td-font-body-small);
  color: var(--td-text-color-anti);
  text-align: center;
  transform: translate(50%, -50%);
  transform-origin: 100% 0;
}
.l-badge--static {
  position: static;
  display: inline-block;
  transform: none;
}
.l-badge--dot {
  right: 1px;
  width: 6px;
  height: 6px;
  margin-top: 1px;
  background-color: var(--td-error-color);
  border-radius: var(--td-radius-circle);
}
.l-badge--circle,
.l-badge--round {
  height: 20px;
  min-width: 8px;
  padding-right: 6px;
  padding-left: 6px;
  line-height: 20px;
  background-color: var(--td-error-color);
  border-radius: 10px;
}
.l-badge--circle.l-size-small,
.l-badge--round.l-size-small {
  height: 16px;
  min-width: 16px;
  padding-right: 4px;
  padding-left: 4px;
  line-height: 16px;
}
.l-badge--round {
  border-radius: var(--td-radius-round);
}

.l-comment {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  width: 100%;
  color: var(--td-text-color-primary);
}
.l-comment__inner {
  display: flex;
}
.l-comment__avatar {
  flex-shrink: 0;
  margin-right: 24px;
  cursor: pointer;
}
.l-comment__avatar-image {
  width: 56px;
  height: 56px;
  border-radius: var(--td-radius-circle);
}
.l-comment__content {
  flex: auto;
  font: var(--td-font-body-medium);
}
.l-comment__author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 4px;
}
.l-comment__author > span {
  padding-right: 8px;
}
.l-comment__name {
  display: inline-flex;
  align-items: center;
  font: var(--td-font-title-medium);
  cursor: pointer;
}
.l-comment__time {
  font: var(--td-font-body-small);
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--td-text-color-placeholder);
}
.l-comment__detail {
  word-break: break-all;
  font: var(--td-font-body-medium);
}
.l-comment__quote {
  margin-top: 16px;
  border-left: 4px solid var(--td-bg-color-secondarycontainer);
  padding-left: 16px;
}
.l-comment__quote .l-comment__name,
.l-comment__quote .l-comment__detail {
  color: var(--td-text-color-secondary);
}
.l-comment__actions {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
}
.l-comment__actions > li {
  color: var(--td-text-color-placeholder);
  margin-left: 24px;
  font: var(--td-font-body-small);
  cursor: pointer;
  user-select: none;
}
.l-comment__actions > li:hover {
  color: var(--td-text-color-link);
}
.l-comment__reply {
  margin-top: 16px;
  margin-left: 80px;
  background-color: var(--td-bg-color-secondarycontainer);
  border-radius: var(--td-radius-medium);
  padding: 16px 24px;
}

.l-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  overflow: auto;
  color: var(--td-text-color-primary);
}
.l-list__inner {
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-list-item {
  font: var(--td-font-body-medium);
  padding: 12px 24px;
  background: var(--td-bg-color-container);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.l-list-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.l-list-item-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 1;
}
.l-list-item__meta {
  display: flex;
  padding: 4px 0;
}
.l-list-item__meta-avatar {
  width: 56px;
  height: 56px;
  border-radius: 28px;
  overflow: hidden;
  background: var(--td-bg-color-page);
  margin-right: 16px;
  flex-shrink: 0;
}
.l-list-item__meta-avatar img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.l-list-item__meta-title {
  padding: 0;
  font: var(--td-font-title-medium);
  margin: 0 0 8px;
  color: var(--td-text-color-primary);
}
.l-list-item__meta-description {
  margin-right: 24px;
  color: var(--td-text-color-primary);
}
.l-list-item__action {
  list-style: none;
  padding: 0;
  flex-shrink: 0;
}
.l-list-item__action > li {
  display: inline-block;
}
.l-list-item__action > li:not(:last-child) {
  margin-right: 24px;
}
.l-list-item__action > li .l-icon {
  color: var(--td-text-color-secondary);
  font-size: var(--td-font-size-body-large);
}
.l-list-item__action > li .l-icon:hover {
  color: var(--td-text-color-link);
  cursor: pointer;
}
.l-list-item__action > li > a {
  text-decoration: none;
  color: var(--td-brand-color);
}
.l-list-item__extra {
  margin: 8px 0 8px 16px;
}
.l-list--split .l-list-item::after {
  background: var(--td-border-level-1-color);
}
.l-list--stripe .l-list-item:nth-child(even) {
  background: var(--td-bg-color-secondarycontainer);
}
.l-list--vertical-action .l-list-item {
  flex-direction: column;
}
.l-list.l-size-small .l-list-item {
  padding: 8px 16px;
}
.l-list.l-size-large .l-list-item {
  padding: 16px 32px;
}
.l-list__header,
.l-list__footer {
  background: var(--td-bg-color-container);
  padding: 16px 24px;
}
.l-list__load {
  background: var(--td-bg-color-container);
  text-align: center;
  line-height: 20px;
}
.l-list__load > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-list__load:not(:empty) {
  padding: 32px;
}
.l-list__load .l-loading {
  font-size: var(--td-font-size-body-large);
}
.l-list__load .l-loading.l-is-load-more {
  cursor: pointer;
}

.l-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-progress__inner {
  position: relative;
  height: 100%;
  background: var(--td-brand-color);
  border-radius: var(--td-radius-round);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-progress__info {
  margin-left: 8px;
  color: var(--td-text-color-primary);
  white-space: nowrap;
}
.l-progress__icon {
  font-size: 1.25em;
}
.l-progress__bar {
  width: 100%;
  height: 6px;
  overflow: hidden;
  background: var(--td-bg-color-component);
  border-radius: var(--td-radius-round);
}
.l-progress--thin {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-progress--plump {
  height: 18px;
  border-radius: 9px;
  display: flex;
  align-items: center;
}
.l-progress--plump .l-progress__info {
  font-size: var(--td-font-size-body-small);
}
.l-progress--over-ten .l-progress__info {
  position: absolute;
  top: 50%;
  z-index: 10;
  right: 8px;
  color: var(--td-text-color-anti);
  transform: translateY(-50%);
}
.l-progress--under-ten .l-progress__info,
.l-progress--under-ten .l-progress__inner {
  display: inline-block;
}
.l-progress--under-ten .l-progress__info {
  vertical-align: top;
}
.l-progress--circle {
  position: relative;
}
.l-progress--circle .l-progress__info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, -50%);
}
.l-progress--circle .l-progress__circle-outer {
  stroke: var(--td-bg-color-component);
}
.l-progress--circle .l-progress__circle-inner {
  stroke: var(--td-brand-color);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-progress--circle .l-progress__icon {
  font-size: 2.4em;
}
.l-progress--status--active .l-progress__inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  animation: progress-active-animation 2s cubic-bezier(0.23, 0.99, 0.86, 0.2) infinite;
  background: var(--td-text-color-anti);
  opacity: 0.2;
}
.l-progress--status--success .l-progress__inner {
  background: var(--td-success-color);
}
.l-progress--status--success .l-progress__circle-inner {
  stroke: var(--td-success-color);
}
.l-progress--status--success .l-progress__icon {
  color: var(--td-success-color);
}
.l-progress--status--warning .l-progress__inner {
  background: var(--td-warning-color);
}
.l-progress--status--warning .l-progress__circle-inner {
  stroke: var(--td-warning-color);
}
.l-progress--status--warning .l-progress__icon {
  color: var(--td-warning-color);
}
.l-progress--status--error .l-progress__inner {
  background: var(--td-error-color);
}
.l-progress--status--error .l-progress__circle-inner {
  stroke: var(--td-error-color);
}
.l-progress--status--error .l-progress__icon {
  color: var(--td-error-color);
}
@keyframes progress-active-animation {
  0% {
    width: 0;
    opacity: 0.1;
  }
  35% {
    width: 50%;
    opacity: 0.4;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

:root,
:root[theme-mode="light"] {
  --skeleton-animation-gradient: rgba(0, 0, 0, 0.04);
}
:root[theme-mode="dark"] {
  --skeleton-animation-gradient: rgba(255, 255, 255, 0.06);
}
.l-skeleton {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-skeleton__row {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.l-skeleton__row:only-child,
.l-skeleton__row:last-child {
  margin-bottom: 0;
}
.l-skeleton__col {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-disabled);
  margin-right: 15px;
}
.l-skeleton__col:first-child:last-child,
.l-skeleton__col:last-child {
  margin-right: 0;
}
.l-skeleton--type-text {
  width: 100%;
  height: var(--td-font-size-body-large);
  border-radius: var(--td-radius-default);
}
.l-skeleton--type-rect {
  width: 120px;
  height: 88px;
  border-radius: var(--td-radius-default);
}
.l-skeleton--type-circle {
  width: 32px;
  height: 32px;
  border-radius: var(--td-radius-circle);
  flex-shrink: 0;
}
.l-skeleton--animation-gradient {
  position: relative;
  overflow-x: hidden;
}
.l-skeleton--animation-gradient::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--skeleton-animation-gradient), rgba(255, 255, 255, 0));
  animation: t-skeleton--gradient 1.5s linear 2s infinite;
}
.l-skeleton--animation-flashed {
  animation: t-skeleton--flashed 2s linear 2s infinite;
}
@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: rgba(230, 230, 230, 0.3);
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.l-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.l-divider {
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  font-size: var(--td-font-body-medium);
  margin: 24px 0;
  border-top: 1px solid var(--td-border-level-1-color);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
}
.l-divider--dashed {
  border-top-style: dashed;
}
.l-divider--horizontal {
  width: 100%;
  display: flex;
}
.l-divider--horizontal.l-size-small {
  margin: 8px 0;
}
.l-divider--horizontal.l-size-medium {
  margin: 16px 0;
}
.l-divider--horizontal.l-size-large {
  margin: 24px 0;
}
.l-divider--vertical {
  border-top: 0;
  display: inline-block;
  margin: 0 12px;
  border-left: 1px solid var(--td-border-level-1-color);
  height: 0.9em;
  vertical-align: middle;
}
.l-divider--vertical.l-size-small {
  margin: 0 8px;
}
.l-divider--vertical.l-size-medium {
  margin: 0 16px;
}
.l-divider--vertical.l-size-large {
  margin: 0 24px;
}
.l-divider--with-text {
  display: flex;
  border-top: 0;
  white-space: nowrap;
  align-items: center;
}
.l-divider--with-text .l-divider__inner-text:not(:empty) {
  padding: 0 1em;
  display: inline-block;
}
.l-divider--with-text::before,
.l-divider--with-text::after {
  content: "";
  width: 50%;
  border-top: 1px solid var(--td-border-level-1-color);
}
.l-divider--with-text-left::before {
  width: 5%;
}
.l-divider--with-text-left::after {
  width: 95%;
}
.l-divider--with-text-right::before {
  width: 95%;
}
.l-divider--with-text-right::after {
  width: 5%;
}
.l-divider--dashed::before,
.l-divider--dashed::after {
  border-top: 1px dashed var(--td-border-level-1-color);
}
.l-divider--vertical.l-divider--dashed {
  border-left: 1px dashed var(--td-border-level-1-color);
}

.l-row {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
.l-row--start {
  justify-content: flex-start;
}
.l-row--center {
  justify-content: center;
}
.l-row--end {
  justify-content: flex-end;
}
.l-row--space-between {
  justify-content: space-between;
}
.l-row--space-around {
  justify-content: space-around;
}
.l-row--top {
  align-items: flex-start;
}
.l-row--middle {
  align-items: center;
}
.l-row--bottom {
  align-items: flex-end;
}
.l-row--align-top,
.l-row--align-start {
  align-items: flex-start;
}
.l-row--align-middle,
.l-row--align-center {
  align-items: center;
}
.l-row--align-bottom,
.l-row--align-end {
  align-items: flex-end;
}
.l-row--align-stretch {
  align-items: stretch;
}
.l-row--align-baseline {
  align-items: baseline;
}
.l-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
  box-sizing: border-box;
}
.l-col-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.l-col-push-12 {
  left: 100%;
}
.l-col-pull-12 {
  right: 100%;
}
.l-col-offset-12 {
  margin-left: 100%;
}
.l-col-order-12 {
  order: 12;
}
.l-col-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.l-col-push-11 {
  left: 91.66666667%;
}
.l-col-pull-11 {
  right: 91.66666667%;
}
.l-col-offset-11 {
  margin-left: 91.66666667%;
}
.l-col-order-11 {
  order: 11;
}
.l-col-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.l-col-push-10 {
  left: 83.33333333%;
}
.l-col-pull-10 {
  right: 83.33333333%;
}
.l-col-offset-10 {
  margin-left: 83.33333333%;
}
.l-col-order-10 {
  order: 10;
}
.l-col-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.l-col-push-9 {
  left: 75%;
}
.l-col-pull-9 {
  right: 75%;
}
.l-col-offset-9 {
  margin-left: 75%;
}
.l-col-order-9 {
  order: 9;
}
.l-col-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.l-col-push-8 {
  left: 66.66666667%;
}
.l-col-pull-8 {
  right: 66.66666667%;
}
.l-col-offset-8 {
  margin-left: 66.66666667%;
}
.l-col-order-8 {
  order: 8;
}
.l-col-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.l-col-push-7 {
  left: 58.33333333%;
}
.l-col-pull-7 {
  right: 58.33333333%;
}
.l-col-offset-7 {
  margin-left: 58.33333333%;
}
.l-col-order-7 {
  order: 7;
}
.l-col-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.l-col-push-6 {
  left: 50%;
}
.l-col-pull-6 {
  right: 50%;
}
.l-col-offset-6 {
  margin-left: 50%;
}
.l-col-order-6 {
  order: 6;
}
.l-col-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.l-col-push-5 {
  left: 41.66666667%;
}
.l-col-pull-5 {
  right: 41.66666667%;
}
.l-col-offset-5 {
  margin-left: 41.66666667%;
}
.l-col-order-5 {
  order: 5;
}
.l-col-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.l-col-push-4 {
  left: 33.33333333%;
}
.l-col-pull-4 {
  right: 33.33333333%;
}
.l-col-offset-4 {
  margin-left: 33.33333333%;
}
.l-col-order-4 {
  order: 4;
}
.l-col-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.l-col-push-3 {
  left: 25%;
}
.l-col-pull-3 {
  right: 25%;
}
.l-col-offset-3 {
  margin-left: 25%;
}
.l-col-order-3 {
  order: 3;
}
.l-col-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.l-col-push-2 {
  left: 16.66666667%;
}
.l-col-pull-2 {
  right: 16.66666667%;
}
.l-col-offset-2 {
  margin-left: 16.66666667%;
}
.l-col-order-2 {
  order: 2;
}
.l-col-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.l-col-push-1 {
  left: 8.33333333%;
}
.l-col-pull-1 {
  right: 8.33333333%;
}
.l-col-offset-1 {
  margin-left: 8.33333333%;
}
.l-col-order-1 {
  order: 1;
}
.l-col-0 {
  display: none;
}
.l-col-push-0 {
  left: auto;
}
.l-col-pull-0 {
  right: auto;
}
.l-col-push-0 {
  left: auto;
}
.l-col-pull-0 {
  right: auto;
}
.l-col-offset-0 {
  margin-left: 0;
}
.l-col-order-0 {
  order: 0;
}
.l-col-xs-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.l-col-xs-push-12 {
  left: 100%;
}
.l-col-xs-pull-12 {
  right: 100%;
}
.l-col-xs-offset-12 {
  margin-left: 100%;
}
.l-col-xs-order-12 {
  order: 12;
}
.l-col-xs-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.l-col-xs-push-11 {
  left: 91.66666667%;
}
.l-col-xs-pull-11 {
  right: 91.66666667%;
}
.l-col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.l-col-xs-order-11 {
  order: 11;
}
.l-col-xs-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.l-col-xs-push-10 {
  left: 83.33333333%;
}
.l-col-xs-pull-10 {
  right: 83.33333333%;
}
.l-col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.l-col-xs-order-10 {
  order: 10;
}
.l-col-xs-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.l-col-xs-push-9 {
  left: 75%;
}
.l-col-xs-pull-9 {
  right: 75%;
}
.l-col-xs-offset-9 {
  margin-left: 75%;
}
.l-col-xs-order-9 {
  order: 9;
}
.l-col-xs-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.l-col-xs-push-8 {
  left: 66.66666667%;
}
.l-col-xs-pull-8 {
  right: 66.66666667%;
}
.l-col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.l-col-xs-order-8 {
  order: 8;
}
.l-col-xs-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.l-col-xs-push-7 {
  left: 58.33333333%;
}
.l-col-xs-pull-7 {
  right: 58.33333333%;
}
.l-col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.l-col-xs-order-7 {
  order: 7;
}
.l-col-xs-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.l-col-xs-push-6 {
  left: 50%;
}
.l-col-xs-pull-6 {
  right: 50%;
}
.l-col-xs-offset-6 {
  margin-left: 50%;
}
.l-col-xs-order-6 {
  order: 6;
}
.l-col-xs-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.l-col-xs-push-5 {
  left: 41.66666667%;
}
.l-col-xs-pull-5 {
  right: 41.66666667%;
}
.l-col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.l-col-xs-order-5 {
  order: 5;
}
.l-col-xs-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.l-col-xs-push-4 {
  left: 33.33333333%;
}
.l-col-xs-pull-4 {
  right: 33.33333333%;
}
.l-col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.l-col-xs-order-4 {
  order: 4;
}
.l-col-xs-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.l-col-xs-push-3 {
  left: 25%;
}
.l-col-xs-pull-3 {
  right: 25%;
}
.l-col-xs-offset-3 {
  margin-left: 25%;
}
.l-col-xs-order-3 {
  order: 3;
}
.l-col-xs-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.l-col-xs-push-2 {
  left: 16.66666667%;
}
.l-col-xs-pull-2 {
  right: 16.66666667%;
}
.l-col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.l-col-xs-order-2 {
  order: 2;
}
.l-col-xs-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.l-col-xs-push-1 {
  left: 8.33333333%;
}
.l-col-xs-pull-1 {
  right: 8.33333333%;
}
.l-col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.l-col-xs-order-1 {
  order: 1;
}
.l-col-xs-0 {
  display: none;
}
.l-col-push-0 {
  left: auto;
}
.l-col-pull-0 {
  right: auto;
}
.l-col-xs-push-0 {
  left: auto;
}
.l-col-xs-pull-0 {
  right: auto;
}
.l-col-xs-offset-0 {
  margin-left: 0;
}
.l-col-xs-order-0 {
  order: 0;
}
@media (min-width: 768px) {
  .l-col-sm-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-sm-push-12 {
    left: 100%;
  }
  .l-col-sm-pull-12 {
    right: 100%;
  }
  .l-col-sm-offset-12 {
    margin-left: 100%;
  }
  .l-col-sm-order-12 {
    order: 12;
  }
  .l-col-sm-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .l-col-sm-push-11 {
    left: 91.66666667%;
  }
  .l-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .l-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .l-col-sm-order-11 {
    order: 11;
  }
  .l-col-sm-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .l-col-sm-push-10 {
    left: 83.33333333%;
  }
  .l-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .l-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .l-col-sm-order-10 {
    order: 10;
  }
  .l-col-sm-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-sm-push-9 {
    left: 75%;
  }
  .l-col-sm-pull-9 {
    right: 75%;
  }
  .l-col-sm-offset-9 {
    margin-left: 75%;
  }
  .l-col-sm-order-9 {
    order: 9;
  }
  .l-col-sm-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .l-col-sm-push-8 {
    left: 66.66666667%;
  }
  .l-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .l-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .l-col-sm-order-8 {
    order: 8;
  }
  .l-col-sm-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .l-col-sm-push-7 {
    left: 58.33333333%;
  }
  .l-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .l-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .l-col-sm-order-7 {
    order: 7;
  }
  .l-col-sm-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-sm-push-6 {
    left: 50%;
  }
  .l-col-sm-pull-6 {
    right: 50%;
  }
  .l-col-sm-offset-6 {
    margin-left: 50%;
  }
  .l-col-sm-order-6 {
    order: 6;
  }
  .l-col-sm-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .l-col-sm-push-5 {
    left: 41.66666667%;
  }
  .l-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .l-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .l-col-sm-order-5 {
    order: 5;
  }
  .l-col-sm-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .l-col-sm-push-4 {
    left: 33.33333333%;
  }
  .l-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .l-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .l-col-sm-order-4 {
    order: 4;
  }
  .l-col-sm-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-sm-push-3 {
    left: 25%;
  }
  .l-col-sm-pull-3 {
    right: 25%;
  }
  .l-col-sm-offset-3 {
    margin-left: 25%;
  }
  .l-col-sm-order-3 {
    order: 3;
  }
  .l-col-sm-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .l-col-sm-push-2 {
    left: 16.66666667%;
  }
  .l-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .l-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .l-col-sm-order-2 {
    order: 2;
  }
  .l-col-sm-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .l-col-sm-push-1 {
    left: 8.33333333%;
  }
  .l-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .l-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .l-col-sm-order-1 {
    order: 1;
  }
  .l-col-sm-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-sm-push-0 {
    left: auto;
  }
  .l-col-sm-pull-0 {
    right: auto;
  }
  .l-col-sm-offset-0 {
    margin-left: 0;
  }
  .l-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .l-col-md-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-md-push-12 {
    left: 100%;
  }
  .l-col-md-pull-12 {
    right: 100%;
  }
  .l-col-md-offset-12 {
    margin-left: 100%;
  }
  .l-col-md-order-12 {
    order: 12;
  }
  .l-col-md-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .l-col-md-push-11 {
    left: 91.66666667%;
  }
  .l-col-md-pull-11 {
    right: 91.66666667%;
  }
  .l-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .l-col-md-order-11 {
    order: 11;
  }
  .l-col-md-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .l-col-md-push-10 {
    left: 83.33333333%;
  }
  .l-col-md-pull-10 {
    right: 83.33333333%;
  }
  .l-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .l-col-md-order-10 {
    order: 10;
  }
  .l-col-md-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-md-push-9 {
    left: 75%;
  }
  .l-col-md-pull-9 {
    right: 75%;
  }
  .l-col-md-offset-9 {
    margin-left: 75%;
  }
  .l-col-md-order-9 {
    order: 9;
  }
  .l-col-md-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .l-col-md-push-8 {
    left: 66.66666667%;
  }
  .l-col-md-pull-8 {
    right: 66.66666667%;
  }
  .l-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .l-col-md-order-8 {
    order: 8;
  }
  .l-col-md-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .l-col-md-push-7 {
    left: 58.33333333%;
  }
  .l-col-md-pull-7 {
    right: 58.33333333%;
  }
  .l-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .l-col-md-order-7 {
    order: 7;
  }
  .l-col-md-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-md-push-6 {
    left: 50%;
  }
  .l-col-md-pull-6 {
    right: 50%;
  }
  .l-col-md-offset-6 {
    margin-left: 50%;
  }
  .l-col-md-order-6 {
    order: 6;
  }
  .l-col-md-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .l-col-md-push-5 {
    left: 41.66666667%;
  }
  .l-col-md-pull-5 {
    right: 41.66666667%;
  }
  .l-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .l-col-md-order-5 {
    order: 5;
  }
  .l-col-md-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .l-col-md-push-4 {
    left: 33.33333333%;
  }
  .l-col-md-pull-4 {
    right: 33.33333333%;
  }
  .l-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .l-col-md-order-4 {
    order: 4;
  }
  .l-col-md-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-md-push-3 {
    left: 25%;
  }
  .l-col-md-pull-3 {
    right: 25%;
  }
  .l-col-md-offset-3 {
    margin-left: 25%;
  }
  .l-col-md-order-3 {
    order: 3;
  }
  .l-col-md-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .l-col-md-push-2 {
    left: 16.66666667%;
  }
  .l-col-md-pull-2 {
    right: 16.66666667%;
  }
  .l-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .l-col-md-order-2 {
    order: 2;
  }
  .l-col-md-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .l-col-md-push-1 {
    left: 8.33333333%;
  }
  .l-col-md-pull-1 {
    right: 8.33333333%;
  }
  .l-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .l-col-md-order-1 {
    order: 1;
  }
  .l-col-md-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-md-push-0 {
    left: auto;
  }
  .l-col-md-pull-0 {
    right: auto;
  }
  .l-col-md-offset-0 {
    margin-left: 0;
  }
  .l-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .l-col-lg-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-lg-push-12 {
    left: 100%;
  }
  .l-col-lg-pull-12 {
    right: 100%;
  }
  .l-col-lg-offset-12 {
    margin-left: 100%;
  }
  .l-col-lg-order-12 {
    order: 12;
  }
  .l-col-lg-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .l-col-lg-push-11 {
    left: 91.66666667%;
  }
  .l-col-lg-pull-11 {
    right: 91.66666667%;
  }
  .l-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .l-col-lg-order-11 {
    order: 11;
  }
  .l-col-lg-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .l-col-lg-push-10 {
    left: 83.33333333%;
  }
  .l-col-lg-pull-10 {
    right: 83.33333333%;
  }
  .l-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .l-col-lg-order-10 {
    order: 10;
  }
  .l-col-lg-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-lg-push-9 {
    left: 75%;
  }
  .l-col-lg-pull-9 {
    right: 75%;
  }
  .l-col-lg-offset-9 {
    margin-left: 75%;
  }
  .l-col-lg-order-9 {
    order: 9;
  }
  .l-col-lg-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .l-col-lg-push-8 {
    left: 66.66666667%;
  }
  .l-col-lg-pull-8 {
    right: 66.66666667%;
  }
  .l-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .l-col-lg-order-8 {
    order: 8;
  }
  .l-col-lg-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .l-col-lg-push-7 {
    left: 58.33333333%;
  }
  .l-col-lg-pull-7 {
    right: 58.33333333%;
  }
  .l-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .l-col-lg-order-7 {
    order: 7;
  }
  .l-col-lg-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-lg-push-6 {
    left: 50%;
  }
  .l-col-lg-pull-6 {
    right: 50%;
  }
  .l-col-lg-offset-6 {
    margin-left: 50%;
  }
  .l-col-lg-order-6 {
    order: 6;
  }
  .l-col-lg-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .l-col-lg-push-5 {
    left: 41.66666667%;
  }
  .l-col-lg-pull-5 {
    right: 41.66666667%;
  }
  .l-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .l-col-lg-order-5 {
    order: 5;
  }
  .l-col-lg-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .l-col-lg-push-4 {
    left: 33.33333333%;
  }
  .l-col-lg-pull-4 {
    right: 33.33333333%;
  }
  .l-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .l-col-lg-order-4 {
    order: 4;
  }
  .l-col-lg-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-lg-push-3 {
    left: 25%;
  }
  .l-col-lg-pull-3 {
    right: 25%;
  }
  .l-col-lg-offset-3 {
    margin-left: 25%;
  }
  .l-col-lg-order-3 {
    order: 3;
  }
  .l-col-lg-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .l-col-lg-push-2 {
    left: 16.66666667%;
  }
  .l-col-lg-pull-2 {
    right: 16.66666667%;
  }
  .l-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .l-col-lg-order-2 {
    order: 2;
  }
  .l-col-lg-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .l-col-lg-push-1 {
    left: 8.33333333%;
  }
  .l-col-lg-pull-1 {
    right: 8.33333333%;
  }
  .l-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .l-col-lg-order-1 {
    order: 1;
  }
  .l-col-lg-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-lg-push-0 {
    left: auto;
  }
  .l-col-lg-pull-0 {
    right: auto;
  }
  .l-col-lg-offset-0 {
    margin-left: 0;
  }
  .l-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1400px) {
  .l-col-xl-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-xl-push-12 {
    left: 100%;
  }
  .l-col-xl-pull-12 {
    right: 100%;
  }
  .l-col-xl-offset-12 {
    margin-left: 100%;
  }
  .l-col-xl-order-12 {
    order: 12;
  }
  .l-col-xl-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .l-col-xl-push-11 {
    left: 91.66666667%;
  }
  .l-col-xl-pull-11 {
    right: 91.66666667%;
  }
  .l-col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .l-col-xl-order-11 {
    order: 11;
  }
  .l-col-xl-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .l-col-xl-push-10 {
    left: 83.33333333%;
  }
  .l-col-xl-pull-10 {
    right: 83.33333333%;
  }
  .l-col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .l-col-xl-order-10 {
    order: 10;
  }
  .l-col-xl-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xl-push-9 {
    left: 75%;
  }
  .l-col-xl-pull-9 {
    right: 75%;
  }
  .l-col-xl-offset-9 {
    margin-left: 75%;
  }
  .l-col-xl-order-9 {
    order: 9;
  }
  .l-col-xl-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .l-col-xl-push-8 {
    left: 66.66666667%;
  }
  .l-col-xl-pull-8 {
    right: 66.66666667%;
  }
  .l-col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .l-col-xl-order-8 {
    order: 8;
  }
  .l-col-xl-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .l-col-xl-push-7 {
    left: 58.33333333%;
  }
  .l-col-xl-pull-7 {
    right: 58.33333333%;
  }
  .l-col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .l-col-xl-order-7 {
    order: 7;
  }
  .l-col-xl-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xl-push-6 {
    left: 50%;
  }
  .l-col-xl-pull-6 {
    right: 50%;
  }
  .l-col-xl-offset-6 {
    margin-left: 50%;
  }
  .l-col-xl-order-6 {
    order: 6;
  }
  .l-col-xl-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .l-col-xl-push-5 {
    left: 41.66666667%;
  }
  .l-col-xl-pull-5 {
    right: 41.66666667%;
  }
  .l-col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .l-col-xl-order-5 {
    order: 5;
  }
  .l-col-xl-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .l-col-xl-push-4 {
    left: 33.33333333%;
  }
  .l-col-xl-pull-4 {
    right: 33.33333333%;
  }
  .l-col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .l-col-xl-order-4 {
    order: 4;
  }
  .l-col-xl-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xl-push-3 {
    left: 25%;
  }
  .l-col-xl-pull-3 {
    right: 25%;
  }
  .l-col-xl-offset-3 {
    margin-left: 25%;
  }
  .l-col-xl-order-3 {
    order: 3;
  }
  .l-col-xl-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .l-col-xl-push-2 {
    left: 16.66666667%;
  }
  .l-col-xl-pull-2 {
    right: 16.66666667%;
  }
  .l-col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .l-col-xl-order-2 {
    order: 2;
  }
  .l-col-xl-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .l-col-xl-push-1 {
    left: 8.33333333%;
  }
  .l-col-xl-pull-1 {
    right: 8.33333333%;
  }
  .l-col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .l-col-xl-order-1 {
    order: 1;
  }
  .l-col-xl-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-xl-push-0 {
    left: auto;
  }
  .l-col-xl-pull-0 {
    right: auto;
  }
  .l-col-xl-offset-0 {
    margin-left: 0;
  }
  .l-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1880px) {
  .l-col-xxl-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-xxl-push-12 {
    left: 100%;
  }
  .l-col-xxl-pull-12 {
    right: 100%;
  }
  .l-col-xxl-offset-12 {
    margin-left: 100%;
  }
  .l-col-xxl-order-12 {
    order: 12;
  }
  .l-col-xxl-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .l-col-xxl-push-11 {
    left: 91.66666667%;
  }
  .l-col-xxl-pull-11 {
    right: 91.66666667%;
  }
  .l-col-xxl-offset-11 {
    margin-left: 91.66666667%;
  }
  .l-col-xxl-order-11 {
    order: 11;
  }
  .l-col-xxl-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .l-col-xxl-push-10 {
    left: 83.33333333%;
  }
  .l-col-xxl-pull-10 {
    right: 83.33333333%;
  }
  .l-col-xxl-offset-10 {
    margin-left: 83.33333333%;
  }
  .l-col-xxl-order-10 {
    order: 10;
  }
  .l-col-xxl-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xxl-push-9 {
    left: 75%;
  }
  .l-col-xxl-pull-9 {
    right: 75%;
  }
  .l-col-xxl-offset-9 {
    margin-left: 75%;
  }
  .l-col-xxl-order-9 {
    order: 9;
  }
  .l-col-xxl-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .l-col-xxl-push-8 {
    left: 66.66666667%;
  }
  .l-col-xxl-pull-8 {
    right: 66.66666667%;
  }
  .l-col-xxl-offset-8 {
    margin-left: 66.66666667%;
  }
  .l-col-xxl-order-8 {
    order: 8;
  }
  .l-col-xxl-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .l-col-xxl-push-7 {
    left: 58.33333333%;
  }
  .l-col-xxl-pull-7 {
    right: 58.33333333%;
  }
  .l-col-xxl-offset-7 {
    margin-left: 58.33333333%;
  }
  .l-col-xxl-order-7 {
    order: 7;
  }
  .l-col-xxl-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xxl-push-6 {
    left: 50%;
  }
  .l-col-xxl-pull-6 {
    right: 50%;
  }
  .l-col-xxl-offset-6 {
    margin-left: 50%;
  }
  .l-col-xxl-order-6 {
    order: 6;
  }
  .l-col-xxl-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .l-col-xxl-push-5 {
    left: 41.66666667%;
  }
  .l-col-xxl-pull-5 {
    right: 41.66666667%;
  }
  .l-col-xxl-offset-5 {
    margin-left: 41.66666667%;
  }
  .l-col-xxl-order-5 {
    order: 5;
  }
  .l-col-xxl-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .l-col-xxl-push-4 {
    left: 33.33333333%;
  }
  .l-col-xxl-pull-4 {
    right: 33.33333333%;
  }
  .l-col-xxl-offset-4 {
    margin-left: 33.33333333%;
  }
  .l-col-xxl-order-4 {
    order: 4;
  }
  .l-col-xxl-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xxl-push-3 {
    left: 25%;
  }
  .l-col-xxl-pull-3 {
    right: 25%;
  }
  .l-col-xxl-offset-3 {
    margin-left: 25%;
  }
  .l-col-xxl-order-3 {
    order: 3;
  }
  .l-col-xxl-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .l-col-xxl-push-2 {
    left: 16.66666667%;
  }
  .l-col-xxl-pull-2 {
    right: 16.66666667%;
  }
  .l-col-xxl-offset-2 {
    margin-left: 16.66666667%;
  }
  .l-col-xxl-order-2 {
    order: 2;
  }
  .l-col-xxl-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .l-col-xxl-push-1 {
    left: 8.33333333%;
  }
  .l-col-xxl-pull-1 {
    right: 8.33333333%;
  }
  .l-col-xxl-offset-1 {
    margin-left: 8.33333333%;
  }
  .l-col-xxl-order-1 {
    order: 1;
  }
  .l-col-xxl-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-xxl-push-0 {
    left: auto;
  }
  .l-col-xxl-pull-0 {
    right: auto;
  }
  .l-col-xxl-offset-0 {
    margin-left: 0;
  }
  .l-col-xxl-order-0 {
    order: 0;
  }
}

.l-layout {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-layout,
.l-layout__direction-vertical {
  display: flex;
  flex-direction: column;
  background: var(--td-bg-color-page);
  flex: auto;
}
.l-layout--with-sider,
.l-layout__direction-horizontal {
  flex-direction: row;
}
.l-layout__header {
  height: 64px;
  background-color: var(--td-bg-color-container);
}
.l-layout__content {
  flex: auto;
}
.l-layout__sider {
  position: relative;
  transition: all 0.22s;
  background: var(--td-bg-color-container);
  width: 232px;
}
.l-layout__footer {
  color: var(--td-text-color-placeholder);
  padding: 24px;
}

.l-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
}
.l-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--td-text-color-primary);
}
.l-checkbox + .l-checkbox {
  margin-left: inherit;
}
.l-checkbox__former {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  outline: 0;
  appearance: none;
  clip: rect(0 0 0 0);
}
.l-checkbox__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border: 1px solid var(--td-border-level-2-color);
  border-radius: var(--td-radius-default);
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
}
.l-checkbox__input::after {
  content: "";
  position: absolute;
  opacity: 0;
  box-sizing: border-box;
}
.l-checkbox__label {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  font: var(--td-font-body-medium);
}
.l-checkbox:hover .l-checkbox__input {
  border-color: var(--td-brand-color);
  transition: border-color 0.2s linear;
}
.l-checkbox.l-is-checked .l-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-checkbox.l-is-checked .l-checkbox__input::after {
  opacity: 1;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 9px;
  border: 2px solid var(--td-text-color-anti);
  border-radius: 0 0 1px;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background: transparent;
}
.l-checkbox.l-is-indeterminate .l-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-checkbox.l-is-indeterminate .l-checkbox__input::after {
  opacity: 1;
  width: 16px;
  height: 4px;
  left: -1px;
  right: 0;
  top: 5px;
  border: unset;
  transform: scale(0.5);
  background-color: var(--td-font-white-1);
}
.l-checkbox.l-is-disabled {
  cursor: not-allowed;
}
.l-checkbox.l-is-disabled .l-checkbox__label {
  color: var(--td-text-color-disabled);
}
.l-checkbox.l-is-disabled .l-checkbox__input {
  background-color: var(--td-bg-color-component-disabled);
}
.l-checkbox.l-is-disabled:hover .l-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.l-checkbox.l-is-disabled.l-is-checked .l-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.l-checkbox.l-is-disabled.l-is-checked .l-checkbox__input::after {
  border-color: var(--td-text-color-disabled);
}
.l-checkbox.l-is-disabled.l-is-indeterminate .l-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.l-checkbox.l-is-disabled.l-is-indeterminate .l-checkbox__input::after {
  background-color: var(--td-text-color-disabled);
}

.l-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  font: var(--td-font-body-medium);
}
.l-form:not(.l-form-inline) .l-form__item:last-of-type {
  margin: 0;
}
.l-form__item {
  margin-bottom: 24px;
}
.l-form__item.l-form__item-with-help {
  margin-bottom: 4px;
}
.l-form__item.l-form__item-with-extra {
  margin-bottom: 24px;
}
.l-form__label {
  float: left;
  padding-right: 24px;
  vertical-align: middle;
  line-height: 32px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  white-space: nowrap;
}
.l-form__label--top {
  float: none;
  min-height: 32px;
}
.l-form__label--left {
  text-align: left;
}
.l-form__label--right {
  text-align: right;
}
.l-form__label--required label::before {
  display: inline-block;
  margin-right: 4px;
  color: var(--td-error-color);
  line-height: 22px;
  content: "*";
}
.l-form__label--colon label::after {
  content: ":";
  position: relative;
  margin: 0 8px 0 2px;
}
.l-form__controls {
  min-height: 32px;
  display: flow-root;
  position: relative;
}
.l-form__controls-content {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.l-form__controls .l-form__item {
  margin-bottom: 0;
  margin-right: 24px;
}
.l-form__controls.l-is-success .l-form__status .l-icon {
  color: var(--td-success-color);
}
.l-form__controls.l-is-success .l-input__extra {
  color: var(--td-success-color);
}
.l-form__controls.l-form--success-border.l-is-success .l-input__extra {
  color: var(--td-success-color);
}
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-input,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-select,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-radio-button,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-cascader,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-textarea__inner {
  border-color: var(--td-success-color);
}
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-input--focused,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-select--focused,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-radio-button--focused,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-cascader--focused,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-input .l-icon,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-select .l-icon,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-radio-button .l-icon,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-cascader .l-icon,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-textarea__inner .l-icon,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-input .l-fake-arrow,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-select .l-fake-arrow,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-radio-button .l-fake-arrow,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-cascader .l-fake-arrow,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-textarea__inner .l-fake-arrow {
  color: var(--td-success-color);
}
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-select > .l-select__right-icon:not(.l-select__right-icon-clear) {
  color: var(--td-success-color);
}
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-textarea__inner.l-is-focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-cascader.l-is-active,
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-select.l-is-active {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-form__controls.l-form--success-border.l-is-success .l-form__controls-content .l-form__status .l-icon {
  color: var(--td-success-color);
}
.l-form__status {
  display: flex;
  margin-left: 8px;
}
.l-form__status > .l-icon {
  font-size: 20px;
}
.l-form__status-without-icon {
  width: 25px;
  height: 25px;
}
.l-form__status button {
  width: 32px;
}
.l-form__status button + button {
  margin-left: 8px;
}
.l-form-inline {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
.l-form-inline .l-form__item {
  margin: 0;
  min-width: 200px;
  display: inline-block;
  margin-right: 24px;
}
.l-input__extra,
.l-input__help {
  margin: 0;
  width: 100%;
  height: auto;
  min-height: 20px;
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.l-input__extra {
  position: absolute;
  bottom: -20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-is-warning .l-input__extra {
  color: var(--td-warning-color);
}
.l-is-warning .l-form__controls-content .l-input,
.l-is-warning .l-form__controls-content .l-select,
.l-is-warning .l-form__controls-content .l-radio-button,
.l-is-warning .l-form__controls-content .l-cascader,
.l-is-warning .l-form__controls-content .l-textarea__inner {
  border-color: var(--td-warning-color);
}
.l-is-warning .l-form__controls-content .l-input--focused,
.l-is-warning .l-form__controls-content .l-select--focused,
.l-is-warning .l-form__controls-content .l-radio-button--focused,
.l-is-warning .l-form__controls-content .l-cascader--focused,
.l-is-warning .l-form__controls-content .l-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-is-warning .l-form__controls-content .l-input .l-icon,
.l-is-warning .l-form__controls-content .l-select .l-icon,
.l-is-warning .l-form__controls-content .l-radio-button .l-icon,
.l-is-warning .l-form__controls-content .l-cascader .l-icon,
.l-is-warning .l-form__controls-content .l-textarea__inner .l-icon,
.l-is-warning .l-form__controls-content .l-input .l-fake-arrow,
.l-is-warning .l-form__controls-content .l-select .l-fake-arrow,
.l-is-warning .l-form__controls-content .l-radio-button .l-fake-arrow,
.l-is-warning .l-form__controls-content .l-cascader .l-fake-arrow,
.l-is-warning .l-form__controls-content .l-textarea__inner .l-fake-arrow {
  color: var(--td-warning-color);
}
.l-is-warning .l-form__controls-content .l-select > .l-select__right-icon:not(.l-select__right-icon-clear) {
  color: var(--td-warning-color);
}
.l-is-warning .l-form__controls-content .l-textarea__inner.l-is-focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-is-warning .l-form__controls-content .l-cascader.l-is-active,
.l-is-warning .l-form__controls-content .l-select.l-is-active {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-is-warning .l-form__controls-content .l-form__status .l-icon {
  color: var(--td-warning-color);
}
.l-is-error .l-input__extra {
  color: var(--td-error-color);
}
.l-is-error .l-form__controls-content .l-input,
.l-is-error .l-form__controls-content .l-select,
.l-is-error .l-form__controls-content .l-radio-button,
.l-is-error .l-form__controls-content .l-cascader,
.l-is-error .l-form__controls-content .l-textarea__inner {
  border-color: var(--td-error-color);
}
.l-is-error .l-form__controls-content .l-input--focused,
.l-is-error .l-form__controls-content .l-select--focused,
.l-is-error .l-form__controls-content .l-radio-button--focused,
.l-is-error .l-form__controls-content .l-cascader--focused,
.l-is-error .l-form__controls-content .l-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-is-error .l-form__controls-content .l-input .l-icon,
.l-is-error .l-form__controls-content .l-select .l-icon,
.l-is-error .l-form__controls-content .l-radio-button .l-icon,
.l-is-error .l-form__controls-content .l-cascader .l-icon,
.l-is-error .l-form__controls-content .l-textarea__inner .l-icon,
.l-is-error .l-form__controls-content .l-input .l-fake-arrow,
.l-is-error .l-form__controls-content .l-select .l-fake-arrow,
.l-is-error .l-form__controls-content .l-radio-button .l-fake-arrow,
.l-is-error .l-form__controls-content .l-cascader .l-fake-arrow,
.l-is-error .l-form__controls-content .l-textarea__inner .l-fake-arrow {
  color: var(--td-error-color);
}
.l-is-error .l-form__controls-content .l-select > .l-select__right-icon:not(.l-select__right-icon-clear) {
  color: var(--td-error-color);
}
.l-is-error .l-form__controls-content .l-textarea__inner.l-is-focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-is-error .l-form__controls-content .l-cascader.l-is-active,
.l-is-error .l-form__controls-content .l-select.l-is-active {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-is-error .l-form__controls-content .l-form__status .l-icon {
  color: var(--td-error-color);
}

.input-readonly.l-is-readonly {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
}
.input-readonly.l-is-readonly .l-input__inner {
  cursor: pointer;
}
.input-disabled.l-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.input-disabled.l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.input-disabled.l-is-disabled .l-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.input-disabled.l-is-disabled .l-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.l-is-disabled > .l-input__prefix .l-icon,
.input-disabled.l-is-disabled > .l-input__suffix .l-icon {
  color: var(--td-text-color-disabled);
}
.l-input {
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--td-radius-default);
  border-color: var(--td-border-level-2-color);
  padding: 0 8px;
  background-color: var(--td-bg-color-specialcomponent);
  outline: none;
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  width: 100%;
  box-sizing: border-box;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: flex;
  align-items: center;
  overflow: hidden;
  line-height: 30px;
}
.l-input:hover {
  border-color: var(--td-brand-color);
}
.l-input:focus {
  z-index: 1;
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.l-input--focused {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
  z-index: 1;
}
.l-input :focus-visible {
  outline: none;
}
.l-input__inner {
  flex: 1;
  border: none;
  outline: none;
  padding: 0;
  max-width: 100%;
  min-width: 0;
  color: var(--td-text-color-primary);
  font: inherit;
  background-color: transparent;
  box-sizing: border-box;
}
.l-input__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.l-input__inner:placeholder-shown {
  text-overflow: ellipsis;
  width: 100%;
}
.l-input__inner[type="search"]::-webkit-search-decoration,
.l-input__inner[type="search"]::-webkit-search-cancel-button,
.l-input__inner[type="search"]::-webkit-search-results-button,
.l-input__inner[type="search"]::-webkit-search-results-decoration {
  appearance: none;
}
.l-input__extra {
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.l-input__status {
  position: absolute;
  right: -24px;
  top: 0;
}
.l-input.l-input--suffix > span.l-input__clear {
  opacity: 0;
  visibility: hidden;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.l-input.l-input--suffix:hover > span.l-input__clear {
  opacity: 1;
  visibility: visible;
}
.l-input.l-is-success {
  border-color: var(--td-success-color);
}
.l-input.l-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-input.l-is-success.l-input--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-input.l-is-success > .l-input__extra {
  color: var(--td-success-color);
}
.l-input.l-is-warning {
  border-color: var(--td-warning-color);
}
.l-input.l-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-input.l-is-warning.l-input--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-input.l-is-warning > .l-input__extra {
  color: var(--td-warning-color);
}
.l-input.l-is-error {
  border-color: var(--td-error-color);
}
.l-input.l-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-input.l-is-error.l-input--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-input.l-is-error > .l-input__extra {
  color: var(--td-error-color);
}
.l-input.l-is-readonly {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
}
.l-input.l-is-readonly .l-input__inner {
  cursor: pointer;
}
.l-input.l-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.l-input.l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.l-input.l-is-disabled .l-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.l-input.l-is-disabled .l-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.l-input.l-is-disabled > .l-input__prefix .l-icon,
.l-input.l-is-disabled > .l-input__suffix .l-icon {
  color: var(--td-text-color-disabled);
}
.l-input.l-input--prefix > .l-input__prefix-icon {
  padding-right: 8px;
}
.l-input.l-input--prefix > .l-input__prefix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
}
.l-input.l-input--prefix > .l-input__prefix-icon {
  font-size: var(--td-font-size-body-large);
}
.l-input.l-input--suffix > .l-input__suffix-icon {
  padding-left: 8px;
}
.l-input.l-input--suffix > .l-input__suffix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
}
.l-input.l-input--suffix > .l-input__suffix-icon {
  font-size: var(--td-font-size-body-large);
}
.l-input .l-input__suffix-clear {
  cursor: pointer;
}
.l-input.l-size-large {
  height: 40px;
  font: var(--td-font-body-large);
  padding-top: 8px;
  padding-bottom: 8px;
}
.l-input.l-size-small {
  height: 24px;
  font: var(--td-font-body-small);
  padding-top: 2px;
  padding-bottom: 2px;
}
.l-input .l-input__prefix > .l-icon,
.l-input .l-input__suffix > .l-icon {
  font-size: inherit;
}
.l-input .l-input__prefix > .l-icon {
  color: var(--td-text-color-placeholder);
}
.l-input .l-input__suffix > .l-icon {
  color: var(--td-text-color-placeholder);
}
.l-input.l-is-focused .l-input__prefix > .l-icon {
  color: var(--td-brand-color);
}
.l-input.l-is-focused .l-input__suffix > .l-icon-time,
.l-input.l-is-focused .l-input__suffix .l-icon-calendar {
  color: var(--td-brand-color);
}
.l-input-group {
  position: relative;
  display: inline-flex;
  align-items: stretch;
}
.l-input-group .l-input__wrap {
  border-radius: 0;
}
.l-input-group .l-input__wrap:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-group .l-input__wrap:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-group .l-button,
.l-input-group .l-select {
  border-radius: 0;
}
.l-input-group .l-button:not(:first-child),
.l-input-group .l-select:not(:first-child) {
  margin-left: -1px;
}
.l-input-group .l-input__wrap:not(:first-child) .l-input {
  margin-left: -1px;
}
.l-input-group .l-input__wrap:first-child .l-input {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-group .l-input__wrap:last-child .l-input {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-group .l-button:first-child,
.l-input-group .l-select:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-group .l-button:last-child,
.l-input-group .l-select:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-group--separate .l-input__wrap + .l-input__wrap {
  margin-left: 8px;
}
.l-input-group--separate .l-button,
.l-input-group--separate .l-select {
  border-radius: var(--td-radius-default);
}
.l-input-group--separate .l-button:first-child,
.l-input-group--separate .l-select:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-group--separate .l-button:last-child,
.l-input-group--separate .l-select:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-group--separate .l-input__wrap .l-input {
  border-radius: var(--td-radius-default);
}
.l-input-group--separate .l-input__wrap .l-input:first-child {
  border-radius: var(--td-radius-default);
}
.l-input-group--separate .l-input__wrap .l-input:last-child {
  border-radius: var(--td-radius-default);
}
.l-input-group .l-input__inner,
.l-input-group .l-button,
.l-input-group .l-select {
  position: relative;
  z-index: 0;
}
.l-input-group .l-input__inner:hover,
.l-input-group .l-button:hover,
.l-input-group .l-select:hover,
.l-input-group .l-input__inner:focus,
.l-input-group .l-button:focus,
.l-input-group .l-select:focus,
.l-input-group .l-input__inner:active,
.l-input-group .l-button:active,
.l-input-group .l-select:active {
  z-index: 1;
}
.l-input__wrap {
  width: 100%;
}
.l-input__tips {
  height: auto;
  min-height: 20px;
  font: var(--td-font-body-small);
  position: absolute;
}
.l-input__tips--default {
  color: var(--td-text-color-placeholder);
}
.l-input__tips--success {
  color: var(--td-success-color);
}
.l-input__tips--warning {
  color: var(--td-warning-color);
}
.l-input__tips--error {
  color: var(--td-error-color);
}
.l-align-center > .l-input__inner {
  text-align: center;
}
.l-align-right > .l-input__inner {
  text-align: right;
}
.l-input__input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}
.l-input--auto-width {
  width: fit-content;
  min-width: 60px;
}
.l-input__limit-number {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-placeholder);
  background: var(--td-bg-color-specialcomponent);
}

.l-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  padding: 0px 8px;
  height: 24px;
  font: var(--td-font-body-small);
  color: var(--td-text-color-anti);
  border-radius: var(--td-radius-default);
  border: 1px solid transparent;
  white-space: nowrap;
}
.l-tag .t-icon {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.l-tag .l-tag__icon-close {
  margin-right: 0;
  margin-left: 8px;
  font: var(--td-font-body-medium);
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-tag ::selection {
  background: transparent;
}
.l-tag--default {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-component);
}
.l-tag--default .l-tag__icon-close {
  color: var(--td-text-color-placeholder);
}
.l-tag--default .l-tag__icon-close:hover {
  color: var(--td-text-color-primary);
}
.l-tag--default.l-tag--checked {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.l-tag--default.l-tag--checked:hover {
  background-color: var(--td-brand-color-hover);
}
.l-tag--default:active {
  cursor: default;
}
.l-tag--default.l-tag--check {
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  cursor: pointer;
}
.l-tag--default.l-tag--check:hover:not(.l-tag--checked):not(.l-tag--disabled) {
  background-color: var(--td-bg-color-component-hover);
}
.l-tag--default.l-tag--disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  cursor: not-allowed;
}
.l-tag--default.l-tag--disabled:hover {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.l-tag--default.l-tag--disabled .t-icon:hover {
  cursor: pointer;
}
.l-tag--default.l-tag--outline {
  border-color: var(--td-border-level-2-color);
}
.l-tag--default.l-tag--light {
  background-color: var(--td-gray-color-1);
}
.l-tag--default.l-tag--light-outline {
  border-color: var(--td-border-level-2-color);
  background-color: var(--td-gray-color-1);
}
.l-tag--primary {
  background-color: var(--td-brand-color);
}
.l-tag--primary.l-tag--outline {
  border-color: var(--td-brand-color);
}
.l-tag--primary.l-tag--light {
  background-color: var(--td-brand-color-light);
}
.l-tag--primary.l-tag--light-outline {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.l-tag--primary.l-tag--light,
.l-tag--primary.l-tag--outline,
.l-tag--primary.l-tag--light-outline {
  color: var(--td-brand-color);
}
.l-tag--primary.l-tag--light .l-tag__icon-close:hover,
.l-tag--primary.l-tag--outline .l-tag__icon-close:hover,
.l-tag--primary.l-tag--light-outline .l-tag__icon-close:hover {
  color: var(--td-brand-color-hover);
}
.l-tag--success {
  background-color: var(--td-success-color);
}
.l-tag--success.l-tag--outline {
  border-color: var(--td-success-color);
}
.l-tag--success.l-tag--light {
  background-color: var(--td-success-color-1);
}
.l-tag--success.l-tag--light-outline {
  border-color: var(--td-success-color);
  background-color: var(--td-success-color-1);
}
.l-tag--success.l-tag--light,
.l-tag--success.l-tag--outline,
.l-tag--success.l-tag--light-outline {
  color: var(--td-success-color);
}
.l-tag--success.l-tag--light .l-tag__icon-close:hover,
.l-tag--success.l-tag--outline .l-tag__icon-close:hover,
.l-tag--success.l-tag--light-outline .l-tag__icon-close:hover {
  color: var(--td-success-color-hover);
}
.l-tag--warning {
  background-color: var(--td-warning-color);
}
.l-tag--warning.l-tag--outline {
  border-color: var(--td-warning-color);
}
.l-tag--warning.l-tag--light {
  background-color: var(--td-warning-color-1);
}
.l-tag--warning.l-tag--light-outline {
  border-color: var(--td-warning-color);
  background-color: var(--td-warning-color-1);
}
.l-tag--warning.l-tag--light,
.l-tag--warning.l-tag--outline,
.l-tag--warning.l-tag--light-outline {
  color: var(--td-warning-color);
}
.l-tag--warning.l-tag--light .l-tag__icon-close:hover,
.l-tag--warning.l-tag--outline .l-tag__icon-close:hover,
.l-tag--warning.l-tag--light-outline .l-tag__icon-close:hover {
  color: var(--td-warning-color-hover);
}
.l-tag--danger {
  background-color: var(--td-error-color);
}
.l-tag--danger.l-tag--outline {
  border-color: var(--td-error-color);
}
.l-tag--danger.l-tag--light {
  background-color: var(--td-error-color-1);
}
.l-tag--danger.l-tag--light-outline {
  border-color: var(--td-error-color);
  background-color: var(--td-error-color-1);
}
.l-tag--danger .l-tag__icon-close {
  fill: var(--td-error-color);
}
.l-tag--danger .l-tag__icon-close:hover {
  fill: var(--td-error-color-hover);
}
.l-tag--danger.l-tag--light,
.l-tag--danger.l-tag--outline,
.l-tag--danger.l-tag--light-outline {
  color: var(--td-error-color);
}
.l-tag--danger.l-tag--light .l-tag__icon-close:hover,
.l-tag--danger.l-tag--outline .l-tag__icon-close:hover,
.l-tag--danger.l-tag--light-outline .l-tag__icon-close:hover {
  color: var(--td-error-color-hover);
}
.l-tag--dark.l-tag:not(.l-tag--default) .l-tag__icon-close {
  fill: var(--td-font-white-1);
}
.l-tag--dark.l-tag:not(.l-tag--default) .l-tag__icon-close:hover {
  fill: var(--td-font-white-2);
}
.l-tag.l-tag--outline {
  background: transparent;
}
.l-tag.l-size-s {
  padding: 0px 4px;
  height: 22px;
  font: var(--td-font-body-small);
}
.l-tag.l-size-s .t-icon {
  font-size: var(--td-font-body-small);
}
.l-tag.l-size-l {
  padding: 0px 12px;
  height: 32px;
  font: var(--td-font-body-medium);
}
.l-tag.l-size-l .t-icon {
  font: var(--td-font-body-medium);
}
.l-tag.l-tag--round {
  border-radius: var(--td-radius-extraLarge);
}
.l-tag.l-tag--mark {
  border-radius: 0 var(--td-radius-extraLarge) var(--td-radius-extraLarge) 0;
}
.l-tag.l-tag--ellipsis .l-tag--text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
a .l-tag {
  cursor: pointer;
  transition: all 0.2s linear;
}
a .l-tag:hover {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-component-hover);
}
a .l-tag:active {
  color: var(--td-brand-color-active);
  background-color: var(--td-bg-color-component-active);
}

@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.l-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.l-tag-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-tag-input .l-tag {
  margin-right: 4px;
  animation: t-fade-in 0.1s ease-in-out;
}
.l-tag-input .l-input {
  padding-left: 4px;
  overflow: hidden;
}
.l-tag-input .l-input.l-size-s {
  padding-left: 2px;
}
.l-tag-input:hover .l-input__inner,
.l-tag-input .l-input--focused .l-input__inner {
  min-width: 20px;
}
.l-tag-input .l-tag-input__prefix,
.l-tag-input .l-input__prefix:not(:empty) {
  margin-left: 4px;
}
.l-tag-input .l-input--auto-width {
  padding-right: 4px;
}
.l-tag-input__suffix-clear {
  cursor: pointer;
}
.l-tag-input--break-line .l-input {
  display: block;
  height: auto;
  padding-right: 24px;
}
.l-tag-input--break-line .l-input.l-input--prefix > .l-input__prefix {
  display: inline;
  text-align: left;
}
.l-tag-input--break-line .l-input .l-input__suffix-icon {
  position: absolute;
  right: 8px;
  bottom: 0;
}
.l-tag-input__prefix {
  width: max-content;
  display: inline-block;
  margin-right: 8px;
}

.l-textarea {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  width: 100%;
}
.l-textarea__inner {
  display: flex;
  width: 100%;
  height: 56px;
  min-height: 56px;
  border: 1px solid var(--td-border-level-2-color);
  border-radius: var(--td-radius-default);
  padding: 5px 8px;
  background-color: var(--td-bg-color-specialcomponent);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  resize: vertical;
  outline: none;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
  box-sizing: border-box;
}
.l-textarea__inner:hover {
  border-color: var(--td-brand-color);
}
.l-textarea__inner:focus {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.l-textarea__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.l-textarea__inner.l-is-success {
  border-color: var(--td-success-color);
}
.l-textarea__inner.l-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-textarea__inner.l-is-warning {
  border-color: var(--td-warning-color);
}
.l-textarea__inner.l-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-textarea__inner.l-is-error {
  border-color: var(--td-error-color);
}
.l-textarea__inner.l-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-textarea__limit {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-placeholder);
  background: var(--td-bg-color-specialcomponent);
}
.l-textarea .l-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  cursor: not-allowed;
}
.l-textarea .l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.l-textarea .l-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.l-textarea .l-resize-none {
  resize: none;
}
.l-textarea__tips {
  height: auto;
  min-height: 24px;
  font: var(--td-font-body-small);
  display: inline-block;
}
.l-textarea__tips--normal {
  color: var(--td-text-color-placeholder);
}
.l-textarea__tips--success {
  color: var(--td-success-color);
}
.l-textarea__tips--warning {
  color: var(--td-warning-color);
}
.l-textarea__tips--error {
  color: var(--td-error-color);
}

@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.l-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.l-input-number {
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 0 32px;
  user-select: none;
  width: 144px;
}
.l-input-number:not(.l-input-number--column) > .l-input-number__decrease + .l-input__wrap {
  margin-left: 4px;
}
.l-input-number input::-webkit-outer-spin-button,
.l-input-number input::-webkit-inner-spin-button {
  appearance: none;
}
.l-input-number input[type="number"] {
  appearance: textfield;
}
.l-input-number > .l-input__tips {
  position: absolute;
  left: 0;
}
.l-input-number input + .l-input__suffix {
  margin-left: 8px;
}
.l-input-number .l-input__prefix {
  margin-right: 8px;
}
.l-input-number .l-input {
  color: var(--td-text-color-primary);
}
.l-input-number.l-input-number--auto-width {
  width: auto;
}
.l-input-number.l-input-number--auto-width.l-is-controls-right {
  min-width: 88px;
}
.l-input-number.l-input-number--auto-width:not(.l-input-number--column) .l-input-number__increase {
  right: -4px;
}
.l-input-number .l-input-number__decrease,
.l-input-number .l-input-number__increase {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  border: 1px solid var(--td-border-level-2-color);
  box-sizing: border-box;
  border-radius: var(--td-radius-default);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.l-input-number .l-input-number__decrease:hover,
.l-input-number .l-input-number__increase:hover {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.l-input-number .l-input-number__decrease:hover .l-icon,
.l-input-number .l-input-number__increase:hover .l-icon {
  color: var(--td-brand-color);
}
.l-input-number .l-input-number__decrease:active,
.l-input-number .l-input-number__increase:active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container-hover);
}
.l-input-number .l-input-number__decrease .l-icon,
.l-input-number .l-input-number__increase .l-icon {
  position: relative;
  z-index: 1;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-secondary);
}
.l-input-number .l-input-number__decrease.l-is-disabled,
.l-input-number .l-input-number__increase.l-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.l-input-number .l-input-number__decrease.l-is-disabled .l-icon,
.l-input-number .l-input-number__increase.l-is-disabled .l-icon {
  color: var(--td-text-color-disabled);
}
.l-input-number .l-input-number__decrease.l-is-disabled:hover,
.l-input-number .l-input-number__increase.l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.l-input-number .l-input-number__decrease.l-is-disabled:hover .l-icon,
.l-input-number .l-input-number__increase.l-is-disabled:hover .l-icon {
  color: var(--td-text-color-disabled);
}
.l-input-number .l-input-number__decrease.l-is-disabled::placeholder,
.l-input-number .l-input-number__increase.l-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.l-input-number .l-input-number__decrease {
  left: 0;
}
.l-input-number .l-input-number__increase {
  right: -8px;
}
.l-input-number.l-is-disabled .l-input {
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.l-input-number.l-is-disabled .l-input:hover,
.l-input-number.l-is-disabled .l-input:focus,
.l-input-number.l-is-disabled .l-input:active {
  border-color: var(--td-border-level-2-color);
}
.l-input-number.l-is-disabled .l-input-number__decrease,
.l-input-number.l-is-disabled .l-input-number__increase {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.l-input-number.l-is-disabled .l-input-number__decrease .l-icon,
.l-input-number.l-is-disabled .l-input-number__increase .l-icon {
  color: var(--td-text-color-secondary);
}
.l-input-number.l-size-small {
  width: 120px;
  padding: 0 24px;
}
.l-input-number.l-size-small .l-input {
  font-size: var(--td-font-size-body-small);
  height: 24px;
  line-height: 24px;
}
.l-input-number.l-size-small .l-input-number__decrease,
.l-input-number.l-size-small .l-input-number__increase {
  font-size: var(--td-font-size-body-medium);
  width: 24px;
  height: 24px;
}
.l-input-number.l-size-large {
  width: 168px;
  padding: 0 40px;
}
.l-input-number.l-size-large .l-input {
  height: 40px;
  line-height: 40px;
}
.l-input-number.l-size-large .l-input-number__decrease,
.l-input-number.l-size-large .l-input-number__increase {
  font-size: 18px;
  width: 40px;
  height: 40px;
}
.l-input-number.l-size-large.l-is-controls-right .l-input {
  height: 40px;
  line-height: 40px;
  padding-right: 48px;
}
.l-input-number.l-size-large.l-is-controls-right .l-input-number__decrease,
.l-input-number.l-size-large.l-is-controls-right .l-input-number__increase {
  width: 40px;
  font-size: var(--td-font-size-body-large);
}
.l-input-number.l-input-number--normal {
  padding: 0;
  border-radius: var(--td-radius-default);
}
.l-input-number.l-input-number--normal.l-is-disabled {
  cursor: no-drop;
  color: var(--td-text-color-disabled);
}
.l-input-number.l-input-number--normal.l-is-disabled:hover .l-input {
  border-color: var(--td-border-level-2-color);
}
.l-input-number.l-input-number--normal.l-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.l-input-number.l-input-number--normal.l-is-disabled .l-input:focus {
  box-shadow: none;
}
.l-input-number.l-is-controls-right {
  width: 96px;
  padding: 0;
}
.l-input-number.l-is-controls-right:hover .l-input-number__decrease,
.l-input-number.l-is-controls-right:hover .l-input-number__increase {
  opacity: 1;
  visibility: visible;
}
.l-input-number.l-is-controls-right .l-input {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding-right: 40px;
  border-radius: var(--td-radius-default);
}
.l-input-number.l-is-controls-right .l-input-number__decrease,
.l-input-number.l-is-controls-right .l-input-number__increase {
  width: 32px;
  height: 14px;
  border: 0;
  left: initial;
  top: initial;
  right: 1px;
  border-radius: 0;
  background: var(--td-bg-color-secondarycontainer);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.l-input-number.l-is-controls-right .l-input-number__decrease .l-icon,
.l-input-number.l-is-controls-right .l-input-number__increase .l-icon {
  font-size: var(--td-font-size-body-small);
}
.l-input-number.l-is-controls-right .l-input-number__decrease:hover,
.l-input-number.l-is-controls-right .l-input-number__increase:hover {
  background: var(--td-bg-color-component-hover);
}
.l-input-number.l-is-controls-right .l-input-number__decrease:hover .l-icon,
.l-input-number.l-is-controls-right .l-input-number__increase:hover .l-icon {
  color: var(--td-text-color-primary);
}
.l-input-number.l-is-controls-right .l-input-number__decrease.l-is-disabled,
.l-input-number.l-is-controls-right .l-input-number__increase.l-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.l-input-number.l-is-controls-right .l-input-number__decrease.l-is-disabled .l-icon,
.l-input-number.l-is-controls-right .l-input-number__increase.l-is-disabled .l-icon {
  color: var(--td-text-color-disabled);
}
.l-input-number.l-is-controls-right .l-input-number__decrease.l-is-disabled:hover,
.l-input-number.l-is-controls-right .l-input-number__increase.l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.l-input-number.l-is-controls-right .l-input-number__decrease.l-is-disabled:hover .l-icon,
.l-input-number.l-is-controls-right .l-input-number__increase.l-is-disabled:hover .l-icon {
  color: var(--td-text-color-disabled);
}
.l-input-number.l-is-controls-right .l-input-number__decrease.l-is-disabled::placeholder,
.l-input-number.l-is-controls-right .l-input-number__increase.l-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.l-input-number.l-is-controls-right .l-input-number__increase {
  top: 1px;
  border-top-right-radius: calc(var(--td-radius-default) - 1px);
}
.l-input-number.l-is-controls-right .l-input-number__decrease {
  top: 17px;
  border-bottom-right-radius: calc(var(--td-radius-default) - 1px);
}
.l-input-number.l-is-controls-right.l-size-large {
  width: 120px;
}
.l-input-number.l-is-controls-right.l-size-large .l-input-number__increase,
.l-input-number.l-is-controls-right.l-size-large .l-input-number__decrease {
  height: 18px;
}
.l-input-number.l-is-controls-right.l-size-large .l-input-number__decrease {
  top: 21px;
}
.l-input-number.l-is-controls-right.l-size-small {
  width: 88px;
}
.l-input-number.l-is-controls-right.l-size-small .l-input-number__increase,
.l-input-number.l-is-controls-right.l-size-small .l-input-number__decrease {
  height: 10px;
}
.l-input-number.l-is-controls-right.l-size-small .l-input-number__decrease {
  top: 13px;
}

.l-switch {
  box-sizing: border-box;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  min-width: 36px;
  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
  background-color: var(--td-gray-color-5);
  cursor: pointer;
  user-select: none;
}
.l-switch__handle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: var(--td-radius-extraLarge);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-switch__handle .l-icon {
  font-size: 16px;
  color: transparent;
}
.l-switch__handle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--td-radius-extraLarge);
  background-color: var(--td-text-color-anti);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-switch:active:not(.l-is-disabled):not(.l-is-loading) .l-switch__handle::before {
  left: 0;
  right: -6px;
}
.l-switch:active:not(.l-is-disabled):not(.l-is-loading).l-is-checked .l-switch__handle::before {
  right: 0;
  left: -6px;
}
.l-switch:active:not(.l-is-disabled):not(.l-is-loading) .l-switch__content {
  opacity: 0;
}
.l-switch__content {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  color: var(--td-text-color-anti);
  padding: 0 6px 0 20px;
  font-size: var(--td-font-size-body-small);
  min-width: 36px;
  transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
}
.l-switch__content .l-icon {
  font-size: var(--td-font-size-body-large);
}
.l-switch.l-is-checked {
  background-color: var(--td-brand-color);
}
.l-switch.l-is-checked .l-switch__handle {
  left: calc(100% - 2px);
  transform: translate(-100%, 0);
}
.l-switch.l-is-checked .l-switch__content {
  padding: 0 20px 0 6px;
  color: var(--td-text-color-anti);
}
.l-switch.l-is-loading {
  cursor: not-allowed;
  background-color: var(--td-bg-color-page);
}
.l-switch.l-is-loading .l-loading {
  display: inline-flex;
}
.l-switch.l-is-loading .l-switch__handle .l-icon {
  color: var(--td-bg-color-page);
}
.l-switch.l-is-loading.l-is-checked {
  background-color: var(--td-brand-color-focus);
}
.l-switch.l-is-loading.l-is-checked .l-switch__handle .l-icon {
  color: var(--td-brand-color-focus);
}
.l-switch.l-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.l-switch.l-is-disabled.l-is-checked {
  background-color: var(--td-brand-color-disabled);
}
.l-switch.l-is-disabled.l-is-checked .l-switch__handle .l-icon {
  color: var(--td-brand-color-disabled);
}
.l-switch.l-size-large {
  min-width: 44px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
}
.l-switch.l-size-large:active:not(.l-is-disabled):not(.l-is-loading) .l-switch__handle::before {
  left: 0;
  right: -8px;
}
.l-switch.l-size-large:active:not(.l-is-disabled):not(.l-is-loading).l-is-checked .l-switch__handle::before {
  right: 0;
  left: -8px;
}
.l-switch.l-size-large .l-switch__handle {
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.l-switch.l-size-large .l-switch__handle .l-icon {
  font-size: 20px;
}
.l-switch.l-size-large .l-switch__content {
  padding: 0 8px 0 24px;
  min-width: 44px;
  font-size: 9px;
}
.l-switch.l-size-large .l-switch__content .l-icon {
  font-size: var(--td-font-size-body-large);
}
.l-switch.l-size-large.l-is-checked .l-switch__handle {
  left: calc(100% - 2px);
}
.l-switch.l-size-large.l-is-checked .l-switch__content {
  padding: 0 24px 0 8px;
}
.l-switch.l-size-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
}
.l-switch.l-size-small:active:not(.l-is-disabled):not(.l-is-loading) .l-switch__handle::before {
  left: 0;
  right: -4px;
}
.l-switch.l-size-small:active:not(.l-is-disabled):not(.l-is-loading).l-is-checked .l-switch__handle::before {
  right: 0;
  left: -4px;
}
.l-switch.l-size-small .l-switch__handle {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
}
.l-switch.l-size-small .l-switch__handle .l-icon {
  font-size: 12px;
}
.l-switch.l-size-small .l-switch__content {
  padding: 0 5px 0 16px;
  min-width: 28px;
  font-size: 9px;
}
.l-switch.l-size-small .l-switch__content .l-icon {
  font-size: var(--td-font-size-body-large);
}
.l-switch.l-size-small.l-is-checked .l-switch__handle {
  left: calc(100% - 2px);
}
.l-switch.l-size-small.l-is-checked .l-switch__content {
  padding: 0 16px 0 5px;
}

.l-input-adornment {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: flex;
}
.l-input-adornment .l-input-adornment__prepend {
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  word-break: keep-all;
  border-right: 0;
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-adornment .l-input-adornment__prepend .l-input__wrap,
.l-input-adornment .l-input-adornment__prepend .l-select__wrap {
  height: 100%;
}
.l-input-adornment .l-input-adornment__prepend .l-select__wrap {
  width: auto;
  margin: 0 -12px;
}
.l-input-adornment .l-input-adornment__prepend .l-input,
.l-input-adornment .l-input-adornment__prepend .l-select {
  height: 100%;
  line-height: 100%;
  background-color: transparent;
}
.l-input-adornment .l-input-adornment__append {
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  word-break: keep-all;
  border-left: 0;
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-adornment .l-input-adornment__append .l-input__wrap,
.l-input-adornment .l-input-adornment__append .l-select__wrap {
  height: 100%;
}
.l-input-adornment .l-input-adornment__append .l-select__wrap {
  width: auto;
  margin: 0 -12px;
}
.l-input-adornment .l-input-adornment__append .l-input,
.l-input-adornment .l-input-adornment__append .l-select {
  height: 100%;
  line-height: 100%;
  background-color: transparent;
}
.l-input-adornment--prepend .l-input,
.l-input-adornment--prepend .l-textarea__inner {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-adornment--append .l-input,
.l-input-adornment--append .l-textarea__inner {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-adornment--prepend.l-input-adornment--append .l-input,
.l-input-adornment--prepend.l-input-adornment--append .l-textarea__inner {
  border-radius: 0;
}

.l-slider__input-container {
  display: flex;
  align-items: center;
  margin-left: 24px;
}
.l-slider__input-container.is-vertical {
  padding-top: 16px;
  margin-left: 0px;
}
.l-slider__input-container .l-slider__center-line {
  width: 8px;
  height: 1px;
  background: rgba(0, 0, 0, 0.9);
  margin: 0 8px;
}
.l-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  height: 18px;
  width: 100%;
  position: relative;
  padding: 7px 0;
}
.l-slider__input.is-range {
  margin-left: 12px;
}
.l-slider__container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-slider__container.is-vertical {
  height: 100%;
  flex-direction: column;
}
.l-slider__rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--td-bg-color-component);
  transition: background-color 0.3s;
  border-radius: var(--td-radius-round);
}
.l-slider__rail:hover {
  background-color: var(--td-bg-color-component-hover);
}
.l-slider__track {
  position: absolute;
  height: 4px;
  background-color: var(--td-brand-color);
  right: auto;
  border-radius: var(--td-radius-round);
}
.l-slider__step {
  position: absolute;
  width: 100%;
  height: 4px;
  cursor: pointer;
}
.l-slider__button {
  width: 16px;
  height: 16px;
  border: 2px solid var(--td-brand-color);
  background-color: #fff;
  border-radius: var(--td-radius-circle);
  transition: 0.2s;
  user-select: none;
  box-sizing: border-box;
  box-shadow: var(--td-shadow-1);
}
.l-slider__button--dragging {
  box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
}
.l-slider__button:hover {
  background-color: var(--td-gray-color-1);
}
.l-slider__button-wrapper {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  text-align: center;
  user-select: none;
  line-height: normal;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.l-slider__stop {
  position: absolute;
  width: 1px;
  height: 6px;
  background-color: var(--td-bg-color-component);
  top: 4px;
}
.l-slider__mark {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
}
.l-slider__mark-text {
  position: absolute;
  display: inline-block;
  font: var(--td-font-body-small);
  color: var(--td-text-color-primary);
  top: 13px;
  transform: translateX(-50%);
  cursor: pointer;
}
.l-slider__mark-text:first-child {
  transform: translateX(0%);
}
.l-slider__mark-text:last-child {
  transform: translateX(-100%);
}
.l-slider--vertical {
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  position: relative;
}
.l-slider--vertical .l-slider__rail {
  width: 4px;
  height: 100%;
}
.l-slider--vertical .l-slider__track {
  width: 4px;
  top: auto;
}
.l-slider--vertical .l-slider__step {
  width: 4px;
  height: 100%;
}
.l-slider--vertical .l-slider__handle {
  margin-top: -6px;
  margin-left: -5px;
  top: auto;
  transform: translateY(50%);
}
.l-slider--vertical .l-slider__mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.l-slider--vertical .l-slider__stop {
  width: 6px;
  height: 1px;
  left: 4px;
  background-color: var(--td-bg-color-component);
}
.l-slider--vertical .l-slider__mark-text {
  transform: translateY(-50%);
  margin-top: 0;
  margin-left: 2px;
}
.l-slider--vertical .l-slider__button-wrapper {
  top: auto;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: transparent;
  text-align: center;
  user-select: none;
  line-height: normal;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.l-is-disabled {
  cursor: not-allowed;
}
.l-is-disabled .l-slider__track {
  background-color: var(--td-brand-color-disabled);
}
.l-is-disabled .l-slider__rail {
  background-color: var(--td-bg-color-component-disabled);
}
.l-is-disabled .l-slider__handle {
  border: 2px solid var(--td-brand-color-disabled);
}
.l-is-disabled .l-slider__button {
  border-color: var(--td-brand-color-disabled);
  outline: none;
}
.l-is-disabled .l-slider__mark-text {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.l-is-disabled .l-slider__button-wrapper {
  cursor: not-allowed;
}

/* Alert */
.l-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: flex;
  padding: 14px 24px;
  opacity: 1;
  transition: opacity 0.2s;
  border-radius: var(--td-radius-medium);
}
.l-alert.l-is-hidden {
  /* 隐藏 */
  display: none;
}
.l-alert--closing {
  opacity: 0;
}
.l-alert--info {
  background-color: var(--td-brand-color-focus);
}
.l-alert--info .l-alert__icon {
  color: var(--td-brand-color);
}
.l-alert--info .l-alert__swiper-trigger-wrap {
  color: var(--td-brand-color);
}
.l-alert--info .l-alert__swiper-trigger--active {
  color: var(--td-brand-color);
}
.l-alert--success {
  background-color: var(--td-success-color-2);
}
.l-alert--success .l-alert__icon {
  color: var(--td-success-color);
}
.l-alert--success .l-alert__swiper-trigger-wrap {
  color: var(--td-success-color-2);
}
.l-alert--success .l-alert__swiper-trigger--active {
  color: var(--td-success-color);
}
.l-alert--warning {
  background-color: var(--td-warning-color-2);
}
.l-alert--warning .l-alert__icon {
  color: var(--td-warning-color);
}
.l-alert--warning .l-alert__swiper-trigger-wrap {
  color: var(--td-warning-color-2);
}
.l-alert--warning .l-alert__swiper-trigger--active {
  color: var(--td-warning-color);
}
.l-alert--error {
  background-color: var(--td-error-color-2);
}
.l-alert--error .l-alert__icon {
  color: var(--td-error-color);
}
.l-alert--error .l-alert__swiper-trigger-wrap {
  color: var(--td-error-color-2);
}
.l-alert--error .l-alert__swiper-trigger--active {
  color: var(--td-error-color);
}
.l-alert__icon {
  font-size: 20px;
  display: inherit;
}
.l-alert__icon,
.l-alert__close {
  flex: 0 0 auto;
  line-height: 20px;
}
.l-alert__content {
  flex: 1 1 0;
  font: var(--td-font-body-medium);
  overflow: hidden;
}
.l-alert__title,
.l-alert__message {
  width: 100%;
  display: flex;
}
.l-alert__title {
  color: var(--td-text-color-primary);
  font-weight: bold;
}
.l-alert__title + .l-alert__message {
  margin-top: 8px;
}
.l-alert__description {
  color: var(--td-text-color-secondary);
  flex: 0 1 auto;
  transition: height 0.2s;
}
.l-alert__operation {
  flex: 0 0 auto;
  padding: 0 8px;
  color: var(--td-brand-color);
  cursor: pointer;
  transition: color 0.2s;
}
.l-alert__operation:hover {
  color: var(--td-brand-color-hover);
}
.l-alert__operation:active {
  color: var(--td-brand-color-active);
}
.l-alert__icon + .l-alert__content {
  margin-left: 10px;
}
.l-alert__collapse {
  margin-top: 12px;
  color: var(--td-brand-color);
  cursor: pointer;
}
.l-alert__close {
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  cursor: pointer;
}

@keyframes lDialogZoomIn {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  1% {
    opacity: 1;
    transform: scale(0.01);
  }
}
@keyframes lDialogZoomOut {
  to {
    opacity: 0;
    transform: scale(0.01);
  }
}
@keyframes lDialogMaskIn {
  from {
    opacity: 1;
  }
}
@keyframes lDialogMaskOut {
  to {
    opacity: 0;
  }
}
.l-dialog-zoom .animation-enter {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.l-dialog-zoom .animation-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.l-dialog-zoom .animation-active {
  animation-play-state: running;
  animation-fill-mode: both;
}
.l-dialog-zoom-enter,
.l-dialog-zoom-enter-from,
.l-dialog-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.l-dialog-zoom-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.l-dialog-zoom-enter-active,
.l-dialog-zoom-appear-active {
  animation-name: lDialogZoomIn;
  animation-play-state: running;
  animation-fill-mode: both;
}
.l-dialog-zoom-exit-active {
  animation-name: lDialogZoomOut;
  animation-play-state: running;
  animation-fill-mode: both;
}
.l-dialog-zoom__vue-enter-active .l-dialog {
  animation-name: lDialogZoomIn;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.l-dialog-zoom__vue-enter-active .l-dialog__mask {
  animation-name: lDialogMaskIn;
  animation-play-state: running;
  animation-fill-mode: both;
}
.l-dialog-zoom__vue-leave-active .l-dialog {
  animation-name: lDialogZoomOut;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.l-dialog-zoom__vue-leave-active .l-dialog__mask {
  animation-name: lDialogMaskOut;
  animation-play-state: running;
  animation-fill-mode: both;
}
.l-dialog-zoom__vue-enter-to .l-dialog {
  animation-play-state: running;
  animation-fill-mode: both;
}
.l-dialog-zoom__vue-leave-to .l-dialog {
  animation-play-state: running;
  animation-fill-mode: both;
}
.l-dialog-fade-enter,
.l-dialog-fade-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.l-dialog-fade-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.l-dialog-fade-enter.l-dialog-fade-enter-active,
.l-dialog-fade-appear.l-dialog-fade-appear-active {
  animation-name: lDialogFadeIn;
  animation-play-state: running;
}
.l-dialog-fade-exit.l-dialog-fade-exit-active {
  animation-name: lDialogFadeOut;
  animation-play-state: running;
}
@keyframes lDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.l-dialog {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  width: 480px;
  background-color: var(--td-bg-color-container);
  position: relative;
  border-radius: var(--td-radius-large);
}
.l-dialog .l-icon.l-is-info {
  color: var(--td-brand-color);
}
.l-dialog .l-icon.l-is-success {
  color: var(--td-success-color);
}
.l-dialog .l-icon.l-is-warning {
  color: var(--td-warning-color);
}
.l-dialog .l-icon.l-is-error {
  color: var(--td-error-color);
}
.l-dialog--lock {
  overflow: hidden;
}
.l-dialog__header {
  color: var(--td-text-color-primary);
  font: var(--td-font-title-medium);
  font-weight: 700;
  display: flex;
  align-items: center;
  word-break: break-word;
  padding-right: 10px;
}
.l-dialog__header .l-icon:not(.l-icon-close) {
  font-size: 24px;
  margin-right: 8px;
  flex-shrink: 0;
}
.l-dialog__header--fullscreen {
  background-color: #F3F3F3;
  min-height: 56px;
  padding-right: 0;
  justify-content: center;
  position: relative;
}
.l-dialog__header--fullscreen .l-dialog__header-content {
  box-sizing: border-box;
  padding: 0 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-dialog__body {
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-medium);
  overflow: auto;
  padding: 16px 0 0;
  word-break: break-word;
}
.l-dialog__body__icon,
.l-dialog__body--icon {
  padding: 16px 0 24px 32px;
}
.l-dialog__body--fullscreen {
  box-sizing: border-box;
  padding: 24px 32px 0;
  height: calc(100% - 56px - 80px);
  overflow: auto;
}
.l-dialog__footer {
  width: 100%;
  text-align: right;
  padding: 16px 0 0;
  word-spacing: -6px;
}
.l-dialog__footer .l-button + .l-button {
  margin-left: 8px;
}
.l-dialog__footer--fullscreen {
  min-height: 80px;
  padding: 16px 32px 32px;
  box-sizing: border-box;
}
.l-dialog--default {
  padding: 28px 32px 32px 32px;
}
.l-dialog--primary {
  padding: 32px;
}
.l-dialog--primary .l-dialog__body {
  padding: 32px 28px 32px 28px;
}
.l-dialog__close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 20px;
  color: var(--td-text-color-secondary);
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: var(--td-radius-default);
  background: var(--td-bg-color-container);
  transition: all 0.2s linear;
}
.l-dialog__close:hover {
  cursor: pointer;
  background: var(--td-bg-color-container-hover);
}
.l-dialog__close:active {
  background: var(--td-bg-color-container-active);
}
.l-dialog__close--fullscreen {
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
}
.l-dialog__close--fullscreen:hover {
  cursor: pointer;
  background: #eee;
}
.l-dialog__close--fullscreen:active {
  background: #dcdcdc;
}
.l-dialog.l-dialog--draggable:hover {
  cursor: move;
}
.l-dialog.l-dialog--draggable .l-dialog__header:hover,
.l-dialog.l-dialog--draggable .l-dialog__body:hover,
.l-dialog.l-dialog--draggable .l-dialog__footer:hover {
  cursor: auto;
}
.l-dialog__fullscreen {
  width: 100%;
  border-radius: 0;
}
.l-dialog__ctx {
  pointer-events: auto;
  outline: none;
}
.l-dialog__ctx.l-dialog__ctx--modeless {
  pointer-events: none;
}
.l-dialog__ctx.l-dialog__ctx--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2500;
}
.l-dialog__ctx.l-dialog__ctx--absolute {
  position: absolute;
}
.l-dialog__ctx.l-dialog__ctx--absolute .l-dialog__mask {
  position: absolute;
}
.l-dialog__ctx.l-dialog__ctx--absolute .l-dialog__wrap {
  position: absolute;
}
.l-dialog__ctx.l-is-visable {
  visibility: visible;
}
.l-dialog__ctx.l-is-hidden {
  visibility: hidden;
}
.l-dialog__ctx.l-is-display {
  display: block;
}
.l-dialog__ctx.l-not-display {
  display: none;
}
.l-dialog__ctx .l-dialog__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--td-mask-active);
  pointer-events: auto;
}
.l-dialog__ctx .l-dialog__wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.l-dialog__ctx .l-dialog__wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.l-dialog__ctx .l-dialog__wrap::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 15px;
}
.l-dialog__ctx .l-dialog__wrap::-webkit-scrollbar-thumb:vertical:hover,
.l-dialog__ctx .l-dialog__wrap::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-dialog__ctx .l-dialog__position {
  display: flex;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  position: relative;
  padding: 48px 0;
  box-sizing: border-box;
}
.l-dialog__ctx .l-dialog__position.l-dialog--top {
  align-items: flex-start;
  padding-top: 20vh;
}
.l-dialog__ctx .l-dialog__position.l-dialog--center {
  align-items: center;
}
.l-dialog__ctx .l-dialog__position_fullscreen {
  display: flex;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.l-dialog__ctx .l-is-hidden {
  background: none;
}
.l-dialog__ctx .l-dialog {
  pointer-events: auto;
  z-index: 2500;
  border: 1px solid var(--td-border-level-1-color);
}

/**
 * 尺寸
 */
/**
 * 字体
 */
/**
 * 动画
 */
/**
 * 间距
 */
/**
 * 位置
 */
/**
 * 边框弧度
 */
.l-drawer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: fixed;
  z-index: 1500;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  outline: none;
}
.l-drawer--lock {
  overflow: hidden;
}
.l-drawer--attach {
  position: absolute;
}
.l-drawer--left,
.l-drawer--right {
  top: 0;
}
.l-drawer--left {
  left: 0;
}
.l-drawer--right {
  right: 0;
}
.l-drawer--top,
.l-drawer--bottom {
  left: 0;
}
.l-drawer--top {
  top: 0;
}
.l-drawer--bottom {
  bottom: 0;
}
.l-drawer__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--td-mask-active);
  transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  opacity: 0;
}
.l-drawer__content-wrapper {
  display: flex;
  flex-direction: column;
  background: var(--td-bg-color-container);
  width: 16px;
  height: 16px;
  font-size: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  box-shadow: var(--td-shadow-2);
  overflow: hidden;
  pointer-events: auto;
  transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  position: relative;
}
.l-drawer .l-drawer__content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.l-drawer .l-drawer__content-wrapper--left,
.l-drawer .l-drawer__content-wrapper--right {
  top: 0;
}
.l-drawer .l-drawer__content-wrapper--left {
  left: 0;
  transform: translateX(-100%);
}
.l-drawer .l-drawer__content-wrapper--right {
  right: 0;
  transform: translateX(100%);
}
.l-drawer .l-drawer__content-wrapper--top,
.l-drawer .l-drawer__content-wrapper--bottom {
  left: 0;
}
.l-drawer .l-drawer__content-wrapper--top {
  top: 0;
  transform: translateY(-100%);
}
.l-drawer .l-drawer__content-wrapper--bottom {
  bottom: 0;
  transform: translateY(100%);
}
.l-drawer__header {
  min-height: 56px;
  padding: 16px 16px;
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  border-bottom: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-small) var(--td-radius-small) 0 0;
  box-sizing: border-box;
}
.l-drawer__body {
  padding: 16px;
  overflow: auto;
  flex: 1;
}
.l-drawer__footer {
  width: 100%;
  min-height: 56px;
  padding: 10px 16px;
  text-align: left;
  border-top: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
}
.l-drawer__footer .l-button {
  margin-left: 8px;
}
.l-drawer__footer .l-button:first-child {
  margin-left: 0;
}
.l-drawer__close-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 16px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  cursor: pointer;
  transition: background-color 0.2s;
}
.l-drawer__close-btn:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-drawer__close-btn:active {
  background-color: var(--td-bg-color-container-active);
}
.l-drawer__close-btn .l-icon {
  font-size: var(--td-font-size-body-large);
  vertical-align: unset;
}
.l-drawer--open {
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.l-drawer--open .l-drawer__content-wrapper {
  visibility: visible;
}
.l-drawer--open .l-drawer__mask {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.l-drawer--without-mask {
  pointer-events: none;
}
[tabindex="-1"]:focus {
  outline: none !important;
  /* stylelint-disable-line */
}

.l-message {
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  width: fit-content;
  outline: 0;
  border-radius: var(--td-radius-medium);
  background-color: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  padding: 13px 16px;
}
.l-message > .l-icon,
.l-message > [data-l-icon] > .l-icon,
.l-message .l-loading {
  color: var(--td-brand-color);
  margin-right: 8px;
  flex-shrink: 0;
  font-size: var(--td-font-size-title-large);
}
.l-message.l-is-success > .l-icon,
.l-message.l-is-success > [data-l-icon] > .l-icon,
.l-message.l-is-success .l-loading {
  color: var(--td-success-color);
}
.l-message.l-is-warning > .l-icon,
.l-message.l-is-warning > [data-l-icon] > .l-icon,
.l-message.l-is-warning .l-loading {
  color: var(--td-warning-color);
}
.l-message.l-is-error > .l-icon,
.l-message.l-is-error > [data-l-icon] > .l-icon,
.l-message.l-is-error .l-loading {
  color: var(--td-error-color);
}
.l-message.l-is-closable .l-message__close {
  display: inline-flex;
  margin-right: 0;
  margin-left: 24px;
  cursor: pointer;
  color: var(--td-text-color-secondary);
}
.l-message.l-is-closable .l-message__close .l-icon-close {
  font-size: var(--td-font-size-body-large);
  border-radius: var(--td-radius-default);
  transition: all 0.2s linear;
}
.l-message.l-is-closable .l-message__close .l-icon-close:hover {
  background: var(--td-bg-color-container-hover);
}
.l-message.l-is-closable .l-message__close .l-icon-close:active {
  background: var(--td-bg-color-container-active);
}
.l-message__list {
  position: fixed;
  z-index: 6000;
}
.l-message__list .l-message {
  margin-bottom: 8px;
  word-break: break-all;
}

.l-notification {
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  font: var(--td-font-body-medium);
  outline: 0;
  border: 0;
  background-color: var(--td-bg-color-container);
  display: flex;
  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  width: 400px;
  padding: 20px 24px 24px 24px;
}
.l-notification__icon {
  width: 24px;
  text-align: center;
  margin-right: 8px;
}
.l-notification__icon .l-icon {
  font-size: 24px;
}
.l-notification .l-icon.l-is-info {
  color: var(--td-brand-color);
}
.l-notification .l-icon.l-is-success {
  color: var(--td-success-color);
}
.l-notification .l-icon.l-is-warning {
  color: var(--td-warning-color);
}
.l-notification .l-icon.l-is-error {
  color: var(--td-error-color-6);
}
.l-notification__main {
  flex: 1;
}
.l-notification__title__wrap {
  display: flex;
  justify-content: space-between;
}
.l-notification__title {
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
}
.l-notification .l-icon-close {
  cursor: pointer;
  font-size: var(--td-font-size-body-large);
  border-radius: var(--td-radius-default);
  color: var(--td-text-color-secondary);
}
.l-notification .l-icon-close:hover {
  background: var(--td-bg-color-container-hover);
}
.l-notification .l-icon-close:active {
  background: var(--td-bg-color-container-active);
}
.l-notification__content {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: 8px;
  max-height: 66px;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  word-break: break-all;
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* stylelint-disable-next-line */
  -webkit-box-orient: vertical;
}
.l-notification__detail {
  margin-top: 21px;
  text-align: right;
  font: var(--td-font-body-medium);
}
.l-notification__detail-item {
  padding: 5px 16px;
  color: inherit;
  cursor: pointer;
}
.l-notification__detail-item:hover {
  color: inherit;
  background: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-medium);
}
.l-notification__detail-item:active {
  color: inherit;
  background: var(--td-bg-color-container-active);
  border-radius: var(--td-radius-medium);
}
.l-notification__detail-item + .l-notification__detail-item {
  margin-left: 8px;
}
.l-notification__detail-item.l-is-active {
  color: var(--td-brand-color);
}
.l-notification__show--top-left {
  position: fixed;
  top: 0;
  left: 0;
}
.l-notification__show--top-left > .l-notification {
  animation-duration: 0.3s;
  animation-name: slidein-top-left;
}
@keyframes slidein-top-left {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.l-notification__show--top-right {
  position: fixed;
  top: 0;
  right: 0;
}
.l-notification__show--top-right > .l-notification {
  animation-duration: 0.3s;
  animation-name: slidein-top-right;
}
@keyframes slidein-top-right {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.l-notification__show--bottom-left {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column-reverse;
}
.l-notification__show--bottom-left > .l-notification {
  animation-duration: 0.3s;
  animation-name: slidein-bottom-left;
}
@keyframes slidein-bottom-left {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.l-notification__show--bottom-right {
  position: fixed;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
}
.l-notification__show--bottom-right > .l-notification {
  animation-duration: 0.3s;
  animation-name: slidein-bottom-right;
}
@keyframes slidein-bottom-right {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.l-notification-list__show {
  position: fixed;
}

.l-popconfirm {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  min-width: 160px;
  border-radius: var(--td-radius-medium);
}
.l-popconfirm .l-popup__content {
  padding: 0;
}
.l-popconfirm__content {
  position: relative;
  padding: 16px;
  border-radius: var(--td-radius-medium);
}
.l-popconfirm__body {
  display: flex;
  align-items: flex-start;
  text-align: left;
}
.l-popconfirm__body > .l-icon {
  display: inline-block;
  margin: 1px 8px 1px 0;
  font-size: var(--td-font-size-title-large);
}
.l-popconfirm__confirm {
  margin-left: 8px;
}
.l-popconfirm__inner {
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
  font: var(--td-font-title-small);
  color: var(--td-text-color-primary);
  margin-right: 8px;
}
.l-popconfirm__icon--warning {
  color: var(--td-warning-color);
}
.l-popconfirm__icon--danger {
  color: var(--td-error-color);
}
.l-popconfirm__icon--default {
  color: var(--td-brand-color);
}
.l-popconfirm__buttons {
  text-align: right;
  margin-top: 16px;
}
.l-popconfirm__buttons > span:last-child {
  margin-right: 0;
}

.l-space {
  display: inline-flex;
}
.l-space .l-space-item {
  width: inherit;
}
.l-space-align-start {
  align-items: flex-start;
}
.l-space-align-end {
  align-items: flex-end;
}
.l-space-align-baseline {
  align-items: baseline;
}
.l-space-align-center {
  align-items: center;
}
.l-space-vertical {
  flex-direction: column;
}
.l-space-vertical .l-space-item-separator {
  width: 100%;
}

.l-affix {
  position: fixed;
  z-index: 500;
}

.l-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  background: var(--td-bg-color-container);
  width: 200px;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
}
.l-anchor .l-is-active > a {
  color: var(--td-brand-color);
}
.l-anchor__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--td-component-stroke);
  cursor: pointer;
}
.l-anchor__line-cursor-wrapper {
  position: absolute;
  display: block;
  height: 0;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
}
.l-anchor__line-cursor-wrapper .l-anchor__line-cursor {
  width: 1px;
  height: 100%;
  background-color: var(--td-brand-color);
}
.l-anchor__item {
  padding: 0 8px 0 16px;
  display: flex;
  flex-direction: column;
}
.l-anchor__item.l-is-active {
  font-weight: 500;
}
.l-anchor__item .l-anchor__item {
  padding: 0 8px 0 16px;
}
.l-anchor__item-link {
  display: inline-block;
  position: relative;
  line-height: 22px;
  max-height: 78px;
  overflow: hidden;
  word-break: break-all;
  color: var(--td-text-color-primary);
  text-decoration: none;
  text-align: justify;
  margin-right: -4px;
  padding-right: 10px;
}
.l-anchor a {
  line-height: 26px;
  transition: color 0.2s linear;
}
.l-anchor a:hover {
  color: var(--td-brand-color);
  cursor: pointer;
}
.l-anchor a:active {
  color: var(--td-brand-color-active);
}
.l-anchor.l-size-small a {
  line-height: 20px;
}
.l-anchor.l-size-large a {
  line-height: 32px;
}
.l-anchor__target {
  cursor: pointer;
  font-size: var(--td-font-size-body-medium);
  line-height: 26px;
  color: var(--td-text-color-primary);
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.l-anchor__target .l-anchor__copy {
  display: none;
  margin: 0 0 0 4px;
}
.l-anchor__target:hover .l-anchor__copy {
  display: inline-block;
}
.l-anchor__target:target::after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--td-radius-circle);
  background-color: var(--td-brand-color);
  vertical-align: middle;
  animation: fadeOut 2s 2s linear 1;
  animation-fill-mode: forwards;
}

.l-tooltip .l-popup__content {
  display: inline-block;
  border: 0;
  z-index: 5600;
  margin-bottom: 1px;
  max-width: 480px;
  word-break: break-word;
  box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  color: var(--td-text-color-primary);
}
.l-tooltip--default .l-popup__content {
  color: var(--td-text-color-anti);
  background: var(--td-gray-color-12);
  margin: 8px;
}
.l-tooltip--primary .l-popup__content {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.l-tooltip--success .l-popup__content {
  color: var(--td-success-color);
  background: var(--td-success-color-light);
}
.l-tooltip--danger .l-popup__content {
  color: var(--td-error-color);
  background: var(--td-error-color-light);
}
.l-tooltip--warning .l-popup__content {
  color: var(--td-warning-color);
  background: var(--td-warning-color-light);
}
.l-tooltip .l-popup__arrow {
  background: inherit;
  width: auto;
  height: auto;
}
.l-tooltip .l-popup__arrow::before {
  background: inherit;
}
.l-tooltip--noshadow .l-popup__content,
.l-tooltip--noshadow[data-popper-placement] .l-popup__arrow:before {
  box-shadow: none;
}
.l-popup[data-popper-placement^='top'].l-tooltip .l-popup__arrow {
  bottom: 4px;
}
.l-popup[data-popper-placement^='left'].l-tooltip .l-popup__arrow {
  right: 4px;
}
.l-popup[data-popper-placement^='right'].l-tooltip .l-popup__arrow {
  left: -4px;
}

@keyframes changeColor {
  from {
    color: var(--td-brand-color-hover);
  }
  to {
    color: var(--td-brand-color-active);
  }
}
.l-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  font: var(--td-font-body-medium);
  display: flex;
  align-items: center;
}
.l-breadcrumb__separator {
  margin: 0 4px;
  display: flex;
  align-items: center;
}
.l-breadcrumb__item {
  display: flex;
  align-items: center;
  color: var(--td-text-color-placeholder);
  text-decoration: none;
}
.l-breadcrumb__item.l-is-current {
  color: var(--td-text-color-primary);
}
.l-breadcrumb__item.l-is-current .l-icon {
  color: var(--td-text-color-placeholder);
}
.l-breadcrumb__item:last-child {
  color: var(--td-text-color-primary);
}
.l-breadcrumb__item:last-child .l-breadcrumb__separator {
  display: none;
}
.l-breadcrumb__item .l-icon {
  font-size: var(--td-font-size-body-large);
}
.l-breadcrumb__item .l-link {
  color: inherit;
  text-decoration: none;
}
.l-breadcrumb__item .l-link:hover {
  color: var(--td-brand-color);
}
.l-breadcrumb__item .l-is-disabled {
  cursor: not-allowed;
}
.l-breadcrumb__item .l-is-disabled .l-breadcrumb__inner {
  color: var(--td-text-color-disabled);
}
.l-breadcrumb__item .l-is-disabled .l-breadcrumb__inner:hover {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.l-breadcrumb__item .l-is-disabled .l-breadcrumb__inner:active {
  animation: none;
}
.l-breadcrumb__item--arrow {
  margin: 0 4px;
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.l-breadcrumb__item--slash {
  margin: 0 4px;
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.l-breadcrumb__inner {
  font: var(--td-font-body-medium);
  word-break: break-all;
  display: inline-block;
  vertical-align: middle;
}
.l-breadcrumb__inner .l-icon {
  margin: 0 4px;
}
.l-breadcrumb__select {
  position: relative;
}
.l-breadcrumb__select:hover .l-breadcrumb__option {
  display: block;
}
.l-breadcrumb__select-item:hover .l-icon {
  color: var(--td-brand-color);
}
.l-breadcrumb__option {
  display: none;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 120px;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.l-breadcrumb__option-item {
  padding: 8px;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.l-breadcrumb__option-item:hover {
  color: var(--td-brand-color);
}
.l-breadcrumb__option-item.l-is-active {
  color: var(--td-brand-color);
}
.l-breadcrumb__inner-msg {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 300px;
  padding: 8px;
  color: var(--td-text-color-primary);
  background: var(--td-bg-color-container);
  border-radius: calc(var(--td-radius-default) * 0.5);
  box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.l-breadcrumb__inner-msg::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: var(--td-bg-color-container) transparent transparent transparent;
  z-index: 20;
}
.l-breadcrumb--text-overflow {
  position: relative;
  display: flex;
  align-items: center;
}
.l-breadcrumb--text-overflow:hover .l-breadcrumb__inner-msg {
  display: block;
}
.l-breadcrumb--text-overflow .l-breadcrumb__inner {
  max-width: 120px;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.l-breadcrumb--text-overflow .l-breadcrumb__inner .l-icon {
  vertical-align: text-bottom;
}
.l-breadcrumb--text-overflow .l-breadcrumb__inner:hover {
  color: var(--td-brand-color);
  transition: color 0.2s linear;
  cursor: pointer;
}
.l-breadcrumb--text-overflow .l-breadcrumb__inner:active {
  animation: 0.2s linear changeColor;
}

.l-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--td-font-family);
  list-style: none;
  background-color: var(--td-bg-color-container);
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-primary);
  position: relative;
  box-shadow: var(--td-shadow-2);
  border: 0.5px solid var(--td-component-border);
  border-radius: var(--td-radius-medium);
}
.l-dropdown__menu {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: var(--td-radius-medium);
  padding: 6px;
  gap: 2px;
  overflow-y: auto;
  overflow-x: hidden;
}
.l-dropdown__menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.l-dropdown__menu::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 15px;
}
.l-dropdown__menu::-webkit-scrollbar-thumb:vertical:hover,
.l-dropdown__menu::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-dropdown__menu .l-divider {
  margin: 4px auto 2px;
  color: var(--td-brand-color-light);
  width: calc(100% - 16px);
}
.l-dropdown__menu--right .l-dropdown__item-direction {
  margin: 0 0 0 8px;
}
.l-dropdown__menu--left .l-dropdown__item {
  justify-content: right;
}
.l-dropdown__menu--left .l-dropdown__item-text {
  text-align: right;
}
.l-dropdown__menu--left .l-dropdown__item-direction {
  margin: 0 8px 0 0;
}
.l-dropdown__submenu {
  background-color: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2);
  border-radius: var(--td-radius-medium);
  border: 0.5px solid var(--td-component-border);
  z-index: 1100;
  position: absolute;
  padding: 6px;
  display: none;
}
.l-dropdown__submenu ul {
  list-style: none;
  display: grid;
  padding-left: 0;
  gap: 2px;
}
.l-dropdown__submenu--disabled {
  visibility: hidden;
}
.l-dropdown__submenu--right {
  left: calc(100% - 6px);
}
.l-dropdown__submenu--right .l-dropdown__item-direction {
  margin: 0 0 0 8px;
}
.l-dropdown__submenu--left {
  right: calc(100% - 6px);
}
.l-dropdown__submenu--left .l-dropdown__item {
  justify-content: right;
}
.l-dropdown__submenu--left .l-dropdown__item-text {
  text-align: right;
}
.l-dropdown__submenu--left .l-dropdown__item-direction {
  margin: 0 8px 0 0;
}
.l-dropdown__item {
  border-radius: var(--td-radius-default);
  font: var(--td-font-body-medium);
  cursor: pointer;
  user-select: none;
  outline: none;
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 3px 8px;
  --ripple-color: var(--td-bg-color-container-active);
}
.l-dropdown__item-icon {
  display: flex;
  color: currentcolor;
  margin-right: 8px;
  font-size: var(--td-font-size-body-large);
}
.l-dropdown__item:hover > div {
  display: flex;
}
.l-dropdown__item--disabled {
  cursor: not-allowed;
}
.l-dropdown__item-content {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.l-dropdown__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.l-dropdown__item.l-dropdown__item--suffix .l-dropdown__item-sub-icon {
  color: currentcolor;
  font-size: var(--td-font-size-body-large);
  flex-shrink: 0;
}
.l-dropdown__item--theme-default {
  color: var(--td-text-color-primary);
}
.l-dropdown__item--theme-default:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-default:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-default.l-dropdown__item--active {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.l-dropdown__item--theme-default.l-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-default.l-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-default.l-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.l-dropdown__item--theme-default.l-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-default.l-dropdown__item--suffix:hover {
  background-color: var(--td-brand-color-light);
  color: var(--td-brand-color);
}
.l-dropdown__item--theme-success {
  color: var(--td-success-color);
}
.l-dropdown__item--theme-success:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-success:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-success.l-dropdown__item--active {
  background-color: var(--td-success-color-light);
}
.l-dropdown__item--theme-success.l-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-success.l-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-success.l-dropdown__item-disabled {
  color: var(--td-text-color-disabled);
}
.l-dropdown__item--theme-success.l-dropdown__item-disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-success.l-dropdown__item--suffix:hover {
  background-color: var(--td-success-color-light);
}
.l-dropdown__item--theme-error {
  color: var(--td-error-color);
}
.l-dropdown__item--theme-error:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-error:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-error.l-dropdown__item--active {
  background-color: var(--td-error-color-light);
}
.l-dropdown__item--theme-error.l-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-error.l-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-error.l-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.l-dropdown__item--theme-error.l-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-error.l-dropdown__item--suffix:hover {
  background-color: var(--td-error-color-light);
}
.l-dropdown__item--theme-warning {
  color: var(--td-warning-color);
}
.l-dropdown__item--theme-warning:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-warning:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-warning.l-dropdown__item--active {
  background-color: var(--td-warning-color-light);
}
.l-dropdown__item--theme-warning.l-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-warning.l-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.l-dropdown__item--theme-warning.l-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.l-dropdown__item--theme-warning.l-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-dropdown__item--theme-warning.l-dropdown__item--suffix:hover {
  background-color: var(--td-warning-color-light);
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.fade-in-linear-enter,
.fade-in-linear-enter-from,
.fade-in-linear-leave,
.fade-in-linear-leave-from,
.fade-in-linear-leave-active {
  opacity: 0;
}
.l-fade-in-linear-enter-active,
.l-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.l-fade-in-linear-enter,
.l-fade-in-linear-enter-from,
.l-fade-in-linear-leave,
.l-fade-in-linear-leave-from,
.l-fade-in-linear-leave-active {
  opacity: 0;
}
.l-fade-in-enter-active,
.l-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.l-fade-in-enter,
.l-fade-in-enter-from,
.l-fade-in-leave-active {
  opacity: 0;
}
.l-zoom-in-center-enter-active,
.l-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.l-zoom-in-center-enter,
.l-zoom-in-center-enter-from,
.l-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.l-zoom-in-top-enter-active,
.l-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.l-zoom-in-top-enter,
.l-zoom-in-top-enter-from,
.l-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.l-zoom-in-bottom-enter-active,
.l-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}
.l-zoom-in-bottom-enter,
.l-zoom-in-bottom-enter-from,
.l-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.l-zoom-in-left-enter-active,
.l-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}
.l-zoom-in-left-enter,
.l-zoom-in-left-enter-from,
.l-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.l-list-enter-active,
.l-list-leave-active {
  transition: all 1s;
}
.l-list-enter,
.l-list-enter-from,
.l-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.l-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
a.l-menu__item {
  text-decoration: none;
  color: unset;
}
a.l-menu__item:hover,
a.l-menu__item:active {
  color: inherit;
}
.l-head-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  width: 100%;
  background-color: #fff;
}
.l-head-menu__inner {
  display: flex;
  height: 64px;
}
.l-head-menu__inner li + li {
  margin-left: 4px;
}
.l-head-menu__inner .l-menu:first-child {
  margin-left: 24px;
}
.l-head-menu .l-menu__logo:not(:empty) {
  height: 100%;
  margin-right: 32px;
}
.l-head-menu .l-menu {
  flex: 1;
  display: flex;
  align-items: center;
}
.l-head-menu .l-menu__operations:not(:empty) {
  position: relative;
  display: flex;
  align-items: center;
  height: 64px;
  line-height: 64px;
  text-align: right;
  margin-right: 8px;
  overflow: hidden;
}
.l-head-menu .l-menu__operations-icon {
  width: 40px;
  height: 40px;
  padding: 8px;
  line-height: 40px;
  box-sizing: border-box;
}
.l-head-menu .l-submenu > .l-menu__item {
  overflow: unset;
}
.l-head-menu .l-submenu > .l-menu__item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.l-head-menu .l-menu__item {
  min-width: 104px;
  height: 40px;
  line-height: 40px;
  justify-content: center;
  transition: all 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-head-menu__submenu {
  border-top: 1px solid var(--td-gray-color-3);
}
.l-head-menu__submenu .l-tabs {
  background: #fff;
}
.l-head-menu__submenu .l-tabs__bar {
  background-color: #4582e6;
}
.l-head-menu__submenu .l-tabs__nav-item {
  color: var(--td-font-gray-2);
  --ripple-color: var(--td-gray-color-3);
}
.l-head-menu__submenu .l-tabs__nav-item-wrapper {
  --ripple-color: var(--td-gray-color-3);
}
.l-head-menu__submenu .l-tabs__nav-item:not(.l-is-disabled):not(.l-is-active):hover .l-tabs__nav-item-wrapper {
  background-color: var(--td-gray-color-1);
}
.l-head-menu__submenu .l-tabs__nav-item.l-is-active {
  color: var(--td-brand-color);
}
.l-head-menu__submenu .l-tabs__nav-item.l-is-disabled {
  color: var(--td-font-gray-4);
}
.l-head-menu .l-menu__popup {
  top: 60px;
  min-width: 100%;
  box-sizing: content-box;
  transform-origin: center top;
}
.l-head-menu .l-menu__popup .l-menu__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  padding-left: 16px;
  padding-right: 16px;
  min-width: 100%;
  margin-left: 0;
  color: var(--td-font-gray-2);
  box-sizing: border-box;
}
.l-head-menu .l-menu__popup li + li {
  margin-top: 4px;
  margin-left: 0;
}
.l-head-menu .l-submenu-icon {
  margin-left: 8px;
}
.l-head-menu .l-fake-arrow {
  margin-left: 8px;
}
.l-head-menu .l-menu__popup-inner .l-menu__popup {
  top: -8px;
  left: calc(100% + 16px);
  transform-origin: left top;
}
.l-head-menu .l-menu__popup-inner .l-menu__item {
  text-align: left;
  padding: 0 16px;
  justify-content: space-between;
}
.l-head-menu .l-menu__popup-inner .l-submenu-icon {
  transform: rotate(270deg);
}
.l-default-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  width: 232px;
  display: inline-block;
  background: #fff;
  transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
}
.l-default-menu.l-menu--dark {
  background: var(--td-gray-color-13);
}
.l-default-menu.l-menu--dark .l-menu__logo:not(:empty) {
  border-bottom-color: var(--td-gray-color-10);
}
.l-default-menu.l-menu--dark .l-menu__operations:not(:empty) {
  border-top-color: var(--td-gray-color-10);
}
.l-default-menu.l-menu--dark .l-menu__item:hover:not(.l-is-active):not(.l-is-disabled) {
  background-color: var(--td-gray-color-10);
}
.l-default-menu.l-menu--dark .l-menu__item.l-is-active:not(.l-is-opened) {
  background-color: var(--td-brand-color);
}
.l-default-menu.l-menu--dark .l-menu__item.l-is-opened {
  color: #fff;
}
.l-default-menu.l-menu--dark .l-menu__item.l-is-opened.l-is-active {
  background-color: transparent;
}
.l-default-menu.l-menu--dark .l-menu__popup {
  background: var(--td-gray-color-13);
}
.l-default-menu.l-menu--dark .l-menu__popup .l-menu__item.l-is-active {
  background-color: var(--td-brand-color);
}
.l-default-menu.l-menu--dark .l-menu__popup {
  background: var(--td-gray-color-13);
}
.l-default-menu.l-menu--dark .l-menu-group__title {
  color: var(--td-font-white-3);
}
.l-default-menu.l-menu--dark.l-is-collapsed .l-menu-group__title:after {
  background-color: var(--td-gray-color-10);
}
.l-default-menu.l-is-collapsed {
  width: 64px;
}
.l-default-menu.l-is-collapsed .l-menu .l-menu__item {
  padding: 0 14px;
  justify-content: center;
}
.l-default-menu.l-is-collapsed .l-fake-arrow {
  display: none;
}
.l-default-menu.l-is-collapsed .l-menu__item {
  text-overflow: initial;
}
.l-default-menu.l-is-collapsed .l-menu__item.l-is-active.l-is-opened {
  color: #fff;
  background-color: var(--td-brand-color);
}
.l-default-menu.l-is-collapsed .l-menu__item.l-is-active.l-is-opened .l-icon {
  color: #fff;
}
.l-default-menu.l-is-collapsed .l-menu__item.l-menu__item--plain::after {
  content: "";
}
.l-default-menu.l-is-collapsed .l-menu__item span {
  display: none;
}
.l-default-menu.l-is-collapsed .l-menu__item .l-icon {
  margin-right: initial;
  pointer-events: none;
}
.l-default-menu.l-is-collapsed .l-menu__popup .l-menu__item {
  padding-left: 16px;
  justify-content: flex-start;
}
.l-default-menu.l-is-collapsed .l-menu__popup .l-menu__item span {
  display: inline;
}
.l-default-menu.l-is-collapsed .l-menu__popup .l-menu__item.l-menu__item--plain::after {
  content: "";
}
.l-default-menu.l-is-collapsed .l-menu__popup .l-fake-arrow {
  display: block;
}
.l-default-menu.l-is-collapsed .l-submenu-icon {
  display: none;
}
.l-default-menu.l-is-collapsed .l-submenu .l-menu__popup .l-submenu-icon {
  display: initial;
}
.l-default-menu.l-is-collapsed .l-submenu > .l-menu__item {
  min-width: initial;
}
.l-default-menu.l-is-collapsed .l-submenu > .l-menu__item::after {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
}
.l-default-menu.l-is-collapsed .l-menu-group__title {
  padding: 0;
  font-size: 0;
}
.l-default-menu.l-is-collapsed .l-menu-group__title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 20px;
  background: var(--td-gray-color-3);
}
.l-default-menu.l-is-collapsed .l-menu__operations {
  text-align: center;
}
.l-default-menu.l-is-collapsed .l-menu__operations-icon {
  display: block;
}
.l-default-menu__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.l-default-menu__inner .l-menu__logo:not(:empty) {
  width: 100%;
  height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--td-component-stroke);
}
.l-default-menu__inner .l-menu {
  padding: 16px 8px;
  position: relative;
  flex: 1;
}
.l-default-menu__inner .l-menu--scroll {
  overflow-y: auto;
}
.l-default-menu__inner .l-menu-group__title {
  position: relative;
  padding: 20px 16px 8px;
  height: 48px;
  color: var(--td-font-gray-3);
  font: var(--td-font-body-small);
  box-sizing: border-box;
}
.l-default-menu .l-submenu {
  margin-bottom: 4px;
  position: relative;
}
.l-default-menu .l-menu__operations:not(:empty) {
  width: 100%;
  position: relative;
  padding: 8px 16px;
  top: 0;
  left: 0;
  text-align: left;
  border-top: solid 1px var(--td-component-stroke);
  box-sizing: border-box;
}
.l-default-menu .l-menu__operations-icon {
  width: 32px;
  height: 32px;
  padding: 8px;
  cursor: pointer;
  color: var(--td-font-gray-1);
  box-sizing: border-box;
}
.l-default-menu .l-menu__item.l-is-opened {
  margin: 4px 0;
  color: var(--td-font-gray-1);
  background-color: unset;
}
.l-default-menu .l-menu__item.l-is-opened .l-icon {
  color: var(--td-font-gray-1);
}
.l-default-menu .l-menu__dropdown {
  overflow: hidden;
  transition: max-height 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-default-menu .l-menu__dropdown .l-menu__item {
  padding-left: 64px;
}
.l-default-menu .l-menu__dropdown--show {
  display: block;
}
.l-default-menu .l-menu__sub {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-default-menu .l-menu__sub.l-is-opened {
  max-height: 1000px;
}
.l-default-menu .l-menu__sub .l-menu__item {
  padding-left: var(--padding-left, 32px);
}
.l-default-menu .l-menu__popup {
  top: 0;
  left: calc(100% + 16px);
}
.l-default-menu .l-menu__item {
  position: relative;
  margin: 4px 0;
  padding: 0 10px 0 16px;
  height: 36px;
  line-height: 36px;
  border-bottom: 0;
  text-align: left;
  border-radius: var(--td-radius-default);
  transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
}
.l-default-menu .l-menu__item:first-child {
  margin-top: 0;
}
.l-default-menu .l-menu__item:last-child {
  margin-bottom: 0;
}
.l-default-menu .l-menu__item .l-icon {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.l-default-menu .l-menu__item .l-fake-arrow {
  margin-left: auto;
}
.l-default-menu .l-menu__item.l-is-active:not(.l-is-opened) {
  color: #fff;
  background-color: var(--td-brand-color);
}
.l-default-menu .l-menu__item.l-is-active:not(.l-is-opened) .l-icon {
  color: #fff;
}
.l-default-menu .l-menu__item:hover:not(.l-is-active):not(.l-is-disabled) {
  background: var(--td-gray-color-2);
}
.l-default-menu .l-menu__item:hover:not(.l-is-active):not(.l-is-disabled) + .l-menu__item {
  margin-top: 4px;
}
.l-menu {
  color: var(--td-font-gray-2);
  font: var(--td-font-body-medium);
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-menu--dark {
  color: var(--td-font-white-2);
}
.l-menu__logo:not(:empty) {
  display: flex;
  align-items: center;
}
.l-menu .l-submenu {
  position: relative;
}
.l-menu .l-submenu.l-is-active > .l-menu__item {
  color: var(--td-gray-color-13);
}
.l-menu .l-submenu.l-is-active > .l-menu__item .l-icon {
  color: var(--td-gray-color-13);
}
.l-menu .l-submenu .l-submenu-icon {
  width: 16px;
  height: 16px;
}
.l-menu .l-submenu.l-is-opened .l-submenu-icon {
  transform: scaleY(-1);
}
.l-menu::-webkit-scrollbar {
  display: none;
}
.l-menu__spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.l-menu__spacer--left::before {
  left: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.l-menu__spacer--top::before {
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.l-menu__item {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--td-font-gray-2);
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: var(--td-radius-default);
  --ripple-color: var(--td-gray-color-3);
}
.l-menu__item ::selection {
  background: transparent;
}
.l-menu__item-spacer {
  overflow: unset;
}
.l-menu__item-spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.l-menu__item-spacer--right::before {
  right: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.l-menu__item-spacer--bottom::before {
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.l-menu__item a {
  color: unset;
  text-decoration: none;
}
.l-menu__item a.l-menu__item-link {
  color: unset;
}
.l-menu__item.l-is-active {
  color: var(--td-font-gray-1);
  background-color: var(--td-gray-color-2);
}
.l-menu__item.l-is-opened {
  font-weight: 500;
  color: var(--td-font-gray-1);
}
.l-menu__item:hover:not(.l-is-active):not(.l-is-opened):not(.l-is-disabled) {
  background-color: var(--td-gray-color-1);
}
.l-menu__item.l-is-disabled {
  color: var(--td-font-gray-4);
  cursor: not-allowed;
}
.l-menu__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
.l-icon + .l-menu__content,
.l-icon + .l-menu__item-link {
  margin-left: 8px;
}
.l-menu--dark.l-head-menu {
  background-color: var(--td-gray-color-13);
}
.l-menu--dark.l-head-menu .l-menu__popup {
  background-color: var(--td-gray-color-13);
}
.l-menu--dark .l-menu__item {
  color: rgba(255, 255, 255, 0.55);
  --ripple-color: var(--td-gray-color-11);
}
.l-menu--dark .l-menu__item.l-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-gray-color-9);
}
.l-menu--dark .l-menu__item.l-is-opened {
  color: var(--td-text-color-anti);
}
.l-menu--dark .l-menu__item.l-is-opened .l-icon {
  color: var(--td-text-color-anti);
}
.l-menu--dark .l-menu__item.l-is-disabled {
  color: var(--td-font-white-4);
}
.l-menu--dark .l-menu__item:hover:not(.l-is-active):not(.l-is-opened):not(.l-is-disabled) {
  color: rgba(255, 255, 255, 0.55);
  background-color: var(--td-gray-color-10);
}
.l-menu--dark .l-menu__popup {
  background: var(--td-gray-color-13);
}
.l-menu--dark .l-menu__popup .l-menu__item {
  color: rgba(255, 255, 255, 0.55);
  border-radius: var(--td-radius-default);
}
.l-menu--dark .l-menu__popup .l-menu__item.l-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-gray-color-9);
}
.l-menu--dark .l-menu__popup .l-menu__item:hover:not(.l-is-active) {
  color: rgba(255, 255, 255, 0.55);
  background-color: var(--td-gray-color-10);
}
.l-menu--dark .l-head-menu__submenu {
  border-top: 1px solid transparent;
}
.l-menu--dark .l-menu__operations-icon {
  color: #fff;
}
.l-menu--dark .l-menu__operations-icon:hover {
  background-color: var(--td-gray-color-9);
}
.l-menu--dark .l-tabs {
  background: var(--td-gray-color-11);
}
.l-menu--dark .l-tabs__nav-item {
  color: #fff;
  --ripple-color: var(--td-gray-color-9);
}
.l-menu--dark .l-tabs__nav-item-wrapper {
  --ripple-color: var(--td-gray-color-9);
}
.l-menu--dark .l-tabs__nav-item:not(.l-is-disabled):not(.l-is-active):hover .l-tabs__nav-item-wrapper {
  background-color: var(--td-gray-color-10);
}
.l-menu--dark .l-tabs__nav-item.l-is-active {
  color: #4582e6;
}
.l-menu--dark .l-tabs__nav-item.l-is-disabled {
  color: var(--td-font-white-4);
}
.l-menu__popup {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.24s cubic-bezier(0.38, 0, 0.24, 1), width 0.24s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
  position: absolute;
  background: #fff;
  z-index: 1000;
  border-radius: var(--td-radius-medium);
  opacity: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-menu__popup-wrapper {
  padding: 8px;
  height: 100%;
  list-style: none;
  margin: 0;
}
.l-menu__popup .l-fake-arrow {
  margin-left: 8px;
}
.l-menu__popup.l-is-vertical {
  max-height: unset;
  width: 0;
}
.l-menu__popup.l-is-vertical.l-is-opened {
  width: var(--popup-width, 216px);
}
.l-menu__popup.l-is-vertical .l-menu__item {
  padding-left: 16px;
  padding-right: 16px;
  margin: 4px 0;
}
.l-menu__popup.l-is-horizontal .l-menu__item {
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
}
.l-menu__popup.l-is-horizontal li + li {
  margin-top: 4px;
}
.l-menu__popup.l-is-opened {
  max-height: var(--popup-max-height, 364px);
  opacity: 1;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 6px rgba(0, 0, 0, 0.05);
  overflow: visible;
}
.l-menu__popup.l-is-opened .l-menu__popup {
  top: 0;
  left: calc(100% + 16px);
}
.l-menu__popup.l-is-opened .l-menu__popup::before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.l-menu__popup .l-menu__item {
  color: var(--td-font-gray-1);
}
.l-menu__popup .l-menu__item + .l-menu__item {
  margin-left: 0;
}
.l-menu__popup .l-menu__item.l-is-active {
  color: var(--td-brand-color);
  background-color: #ecf2fe;
}
.l-menu__popup .l-menu__item:hover:not(.l-is-active) {
  background-color: var(--td-gray-color-1);
}
.l-menu__operations-icon {
  margin-right: 16px;
  border-radius: var(--td-radius-default);
  color: var(--td-font-gray-2);
  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-menu__operations-icon:hover {
  background-color: var(--td-gray-color-2);
}
.l-opacity-transition {
  transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
}
.horizontal-collapse-transition .l-submenu__title .l-submenu__icon-arrow {
  transition: 0.2s;
  opacity: 0;
}

.l-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  overflow: hidden;
  background-color: var(--td-bg-color-container);
}
.l-tabs .l-icon {
  font-size: var(--td-font-size-body-large);
}
.l-tabs__header.l-is-left {
  float: left;
}
.l-tabs__header.l-is-right {
  float: right;
}
.l-tabs__nav {
  position: relative;
  overflow: hidden;
  user-select: none;
}
.l-tabs__operations {
  display: flex;
  flex-direction: row;
  position: absolute;
  border-bottom: 1px solid var(--td-component-stroke);
}
.l-tabs__operations--left {
  left: 0;
}
.l-tabs__operations--right {
  right: 0;
}
.l-tabs__operations--right .l-tabs__btn:first-child {
  box-shadow: -10px 0 20px 5px rgba(0, 0, 0, 0.05);
}
.l-tabs__btn {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-secondarycontainer);
  border-left: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-large);
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  z-index: 1;
  opacity: 1;
}
.l-tabs__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.l-tabs__btn.l-size-medium {
  height: 48px;
  line-height: 48px;
}
.l-tabs__btn.l-size-large {
  height: 64px;
  line-height: 64px;
}
.l-tabs__btn--left {
  border-right: 1px solid var(--td-component-stroke);
  box-shadow: 10px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.l-tabs__btn--left.fade-enter,
.l-tabs__btn--left.fade-enter-from,
.l-tabs__btn--left.fade-leave-to {
  transform: translateX(-50px);
}
.l-tabs__btn--right.fade-enter,
.l-tabs__btn--right.fade-enter-from,
.l-tabs__btn--right.fade-leave-to {
  transform: translateX(50px);
}
.l-tabs__nav-container {
  position: relative;
}
.l-tabs__nav-container.l-is-top::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-tabs__nav-container.l-is-bottom::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-tabs__nav-container.l-is-left::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-tabs__nav-container.l-is-right::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-tabs__nav-container.l-is-addable {
  margin-right: 40px;
}
.l-tabs__nav-container.l-tabs__nav--card::after {
  content: "";
  background-color: transparent;
}
.l-tabs__scroll-btn {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 100%;
  display: block;
  background-color: var(--td-bg-color-secondarycontainer);
  text-align: center;
  border-bottom: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-large);
}
.l-tabs__scroll-btn.l-size-medium {
  height: 48px;
  line-height: 48px;
}
.l-tabs__scroll-btn.l-size-large {
  height: 64px;
  line-height: 64px;
}
.l-tabs__nav-scroll {
  position: relative;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.l-tabs__nav-wrap {
  position: relative;
  display: flex;
  font-size: 0;
}
.l-tabs__nav-wrap.l-is-smooth {
  transition: transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-tabs__nav-wrap.l-is-vertical {
  flex-direction: column;
}
.l-tabs__bar {
  position: absolute;
  background-color: var(--td-brand-color);
  z-index: 1;
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  border-radius: var(--td-radius-small);
}
.l-tabs__bar.l-is-top {
  bottom: 0;
  left: 0;
  height: 3px;
}
.l-tabs__bar.l-is-bottom {
  top: 0;
  left: 0;
  height: 3px;
}
.l-tabs__bar.l-is-left {
  top: 0;
  right: 0;
  width: 3px;
}
.l-tabs__bar.l-is-right {
  top: 0;
  left: 0;
  width: 3px;
}
.l-tabs__nav-item {
  display: inline-flex;
  align-items: center;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.l-tabs__nav-item-wrapper {
  display: block;
  padding: 5px 8px;
  margin-left: 8px;
  margin-right: 8px;
  line-height: 22px;
  border-radius: var(--td-radius-default);
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.l-tabs__nav-item.l-size-large {
  font: var(--td-font-body-large);
}
.l-tabs__nav-item.l-size-large .l-tabs__nav-item-wrapper {
  padding: 9px 12px;
}
.l-tabs__nav-item-text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.l-tabs__nav-item:not(.l-is-disabled):not(.l-is-active):hover .l-tabs__nav-item-wrapper {
  background-color: var(--td-bg-color-container-hover);
}
.l-tabs__nav-item.l-is-left,
.l-tabs__nav-item.l-is-right {
  display: flex;
  align-items: center;
}
.l-tabs__nav-item.l-size-medium {
  height: 48px;
  line-height: 48px;
}
.l-tabs__nav-item.l-size-large {
  height: 64px;
  line-height: 64px;
}
.l-tabs__nav-item.l-is-active {
  color: var(--td-brand-color);
  text-shadow: 0 0 0.3px currentcolor;
}
.l-tabs__nav-item.l-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.l-tabs__nav-item > .remove-btn {
  margin-left: 8px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-tabs__nav--card {
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-tabs__nav--card.l-tabs__nav-item {
  padding-right: 16px;
  padding-left: 16px;
  border-bottom: 1px solid var(--td-component-stroke);
}
.l-tabs__nav--card.l-tabs__nav-item::after {
  display: none;
}
.l-tabs__nav--card.l-tabs__nav-item:not(.l-is-disabled):not(.l-is-active):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.l-tabs__nav--card.l-tabs__nav-item:not(:first-of-type) {
  border-left: 1px solid var(--td-component-stroke);
}
.l-tabs__nav--card.l-tabs__nav-item:last-of-type {
  border-right: 1px solid var(--td-component-stroke);
}
.l-tabs__nav--card.l-tabs__nav-item.l-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container);
  border-bottom-color: var(--td-bg-color-container);
}
.l-tabs__nav--card.l-tabs__nav-item.l-size-large {
  padding-left: 24px;
  padding-right: 24px;
}
.l-tabs__nav--card .l-icon-close {
  color: var(--td-text-color-secondary);
  transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.l-tabs__nav--card .l-icon-close:hover {
  color: var(--td-text-color-primary);
}
.l-tabs__content {
  overflow: hidden;
  position: relative;
}

.l-select-polyfill {
  border: 1px solid var(--td-border-level-2-color);
  border-radius: var(--td-radius-default);
  padding: 0 26px 0 4px;
  display: inline-flex;
}
.l-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  width: 100%;
  vertical-align: middle;
  line-height: 30px;
  background: var(--td-bg-color-specialcomponent);
  transition: border-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  flex-wrap: wrap;
}
.l-select:hover:not(.l-is-disabled),
.l-select :active:not(.l-is-disabled) {
  cursor: pointer;
  border-color: var(--td-brand-color);
}
.l-select:hover:not(.l-is-disabled) > .l-select__right-icon:not(.l-select__right-icon-clear),
.l-select :active:not(.l-is-disabled) > .l-select__right-icon:not(.l-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.l-select.l-no-border {
  line-height: 32px;
}
.l-select .l-select__placeholder {
  margin-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.l-select:not(.l-is-disabled) .l-select__placeholder {
  color: var(--td-text-color-placeholder);
}
.l-select .l-select__single {
  margin-left: 4px;
  display: block;
  color: var(--td-text-color-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-select .l-select__right-icon {
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-select .l-select__right-icon-polyfill {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  right: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
}
.l-select .l-select__active-icon {
  color: var(--td-brand-color);
}
.l-select .l-select__right-icon.l-is-visible {
  transform: scaleY(-1);
  transition: transform 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  /* IE */
  filter: flipv;
}
.l-select .l-select__left-icon {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  left: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  display: flex;
  align-items: center;
}
.l-select .l-input__wrap {
  flex: 1;
}
.l-select .l-tag + .l-input__wrap {
  margin-left: 4px;
}
.l-select .l-tag + .l-input__wrap .l-input__inner {
  width: 100%;
}
.l-select .l-select__input .l-input {
  height: auto;
  border: 0;
  padding: 0;
}
.l-select .l-select__input .l-input--focused {
  box-shadow: none;
  border-color: transparent;
}
.l-select .l-select__input:focus,
.l-select .l-select__input :hover {
  border: 0;
}
.l-select .l-select__input input {
  height: 30px;
  line-height: 30px;
}
.l-select .l-select__input .l-input.l-input--prefix > .l-input__prefix {
  font: var(--td-font-body-large);
}
.l-select .l-tag,
.l-select + .l-tag {
  margin: 4px 4px 4px 0;
}
.l-select .l-tag {
  height: 22px;
  line-height: 20px;
}
.l-select.l-is-active:not(.l-is-disabled) {
  border-color: var(--td-brand-color);
}
.l-select.l-is-active:not(.l-is-disabled):not(.l-no-border) {
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.l-select.l-is-active:not(.l-is-disabled) .l-select__right-icon:not(.l-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.l-select.l-has-prefix {
  padding-left: 26px;
}
.l-select.l-no-border {
  border: 0;
  width: auto;
  transition: background-color 0.2s linear;
}
.l-select.l-no-border:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-select.l-no-border:active {
  background-color: var(--td-bg-color-container-active);
}
.l-select.l-no-border > .l-select__single {
  margin-right: 8px;
}
.l-select.l-size-l {
  font: var(--td-font-body-large);
}
.l-select.l-size-l .l-select__input {
  line-height: 38px;
  height: 38px;
}
.l-select.l-size-l .l-select__input .l-input__inner {
  height: 38px;
  line-height: 38px;
}
.l-select.l-size-l .l-tag.l-size-l {
  height: 30px;
  line-height: 28px;
}
.l-select.l-size-s {
  font: var(--td-font-body-small);
}
.l-select.l-size-s .l-select__input {
  line-height: 22px;
  height: 22px;
}
.l-select.l-size-s .l-select__input .l-input__inner {
  height: 22px;
  line-height: 22px;
}
.l-select.l-size-s .l-tag.l-size-s {
  height: 18px;
  line-height: 16px;
}
.l-select.l-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-border-level-2-color);
}
.l-select.l-is-disabled > .l-select__right-icon {
  color: var(--td-text-color-disabled);
}
.l-select.l-is-disabled > .l-select__left-icon {
  color: var(--td-text-color-disabled);
}
.l-select.l-is-disabled > .l-select__single {
  color: var(--td-text-color-disabled);
}
.l-select__wrap {
  width: 100%;
}
.l-select__dropdown .l-popup__content {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
  margin: 8px 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: var(--td-shadow-2);
}
.l-select__dropdown .l-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.l-select__dropdown .l-popup__content::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 15px;
}
.l-select__dropdown .l-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.l-select__dropdown .l-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-select__dropdown-inner .l-select__list,
.l-select__dropdown-inner .l-tree {
  padding: 6px;
}
.l-select__dropdown-inner--size-s .l-select__list,
.l-select__dropdown-inner--size-s .l-tree {
  padding: 4px;
}
.l-select__dropdown-inner--size-l .l-select__list,
.l-select__dropdown-inner--size-l .l-tree {
  padding: 8px;
}
.l-select__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-select__dropdown.l-popup {
  padding: 0;
}
.l-select__empty.l-size-s {
  line-height: 24px;
}
.l-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: 32px;
  padding: 0 8px;
}
.l-select__empty.l-size-l {
  line-height: 40px;
}
.l-select__loading-tips.l-size-s {
  line-height: 24px;
}
.l-select__loading-tips {
  text-align: center;
  line-height: 32px;
  color: var(--td-text-color-disabled);
}
.l-select__loading-tips.l-size-l {
  line-height: 40px;
}
.l-select-option-group + .l-select-option-group {
  padding-top: 7px;
  margin-top: 7px;
}
.l-select-option-group__divider + .l-select-option-group__divider {
  border-top: 1px var(--td-border-level-1-color) solid;
}
ul.l-select-option-group__header,
.l-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: 28px;
  line-height: 20px;
  padding: 0px 8px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-select-option-group__header.l-size-l {
  height: 36px;
  padding: 7px 12px;
}
.l-select-option-group__header.l-size-s {
  height: 20px;
  padding: 0 8px;
}
.l-select-option {
  display: flex;
  align-items: center;
  border-radius: var(--td-radius-default);
  height: 28px;
  line-height: 20px;
  cursor: pointer;
  padding: 0px 8px;
  color: var(--td-text-color-primary);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  --ripple-color: var(--td-bg-color-container-active);
}
.l-select-option span {
  position: relative;
}
.l-select-option:not(.l-is-disabled):not(.l-is-selected):hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-select-option:not(.l-is-disabled):not(.l-is-selected):hover .l-checkbox__label {
  color: inherit;
}
.l-select-option:not(.l-is-disabled):not(.l-is-selected):hover .l-checkbox__input {
  border-color: var(--td-brand-color);
}
.l-select-option .l-checkbox__label {
  color: var(--td-text-color-primary);
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-select-option .l-checkbox {
  width: 100%;
}
.l-select-option.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background: var(--td-bg-color-specialcomponent);
}
.l-select-option.l-is-disabled:hover,
.l-select-option.l-is-disabled :active {
  background: var(--td-bg-color-specialcomponent);
}
.l-select-option.l-size-l {
  height: 36px;
  padding: 7px 12px;
  font: var(--td-font-body-large);
}
.l-select-option.l-size-m {
  line-height: 22px;
}
.l-select-option.l-size-s {
  height: 20px;
  padding: 0 8px;
  font: var(--td-font-body-small);
}
.l-select-option.l-is-selected {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  transition: all 0.2s linear;
}
.l-select-option.l-is-selected .l-checkbox__label {
  color: var(--td-brand-color);
}
.l-select-option.l-is-selected:hover {
  background-color: var(--td-brand-color-light);
}
.l-select-option.l-select-option__hover:not(.l-is-disabled).l-select-option.l-select-option__hover:not(.l-is-selected) {
  background-color: var(--td-bg-color-container-hover);
}
.l-select-option.l-select-option__hover:not(.l-is-disabled).l-select-option.l-select-option__hover:not(.l-is-selected) .l-checkbox__input {
  border-color: var(--td-brand-color);
}
.l-select-option.l-select-option__hover .l-checkbox__label {
  color: inherit;
}
.l-select-option + .l-select-option {
  margin-top: 2px;
}
.l-select.l-select-input--borderless .l-select__right-icon {
  position: relative;
  margin: 0;
}
.l-select .l-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.l-select .l-fake-arrow--active {
  color: var(--td-brand-color);
}

.l-select-input,
.l-select-input__wrap {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  width: 100%;
  display: inline-block;
}
/** 无边框模式 */
.l-select-input--borderless {
  /** 无边框模式的多选 */
}
.l-select-input--borderless .l-input {
  border: 0;
  box-shadow: none;
  transition: background-color 0.2s linear;
}
.l-select-input--borderless .l-input:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-default);
}
.l-select-input--borderless .l-input--focused {
  background-color: var(--td-bg-color-container-hover);
}
.l-select-input--borderless.l-select-input--multiple:not(.l-select-input--empty).l-select-input--popup-visible input {
  display: inline-block;
}
.l-select-input--borderless.l-select-input--multiple:not(.l-select-input--empty).l-select-input--popup-visible .l-input {
  background-color: var(--td-bg-color-container-hover);
}
.l-select-input--borderless.l-tag-input {
  border: 0;
  box-shadow: none;
  transition: background-color 0.2s linear;
}
.l-select-input--borderless.l-tag-input:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-default);
}

.l-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
  color: var(--td-text-color-secondary);
  user-select: none;
}
.l-pagination.l-is-disabled {
  color: var(--td-text-color-disabled);
}
.l-pagination__total {
  font: var(--td-font-body-medium);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-pagination .l-select__wrap {
  width: auto;
}
.l-pagination__select {
  flex-shrink: 0;
  margin-right: 16px;
  height: 32px;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
}
.l-pagination__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  color: var(--td-text-color-secondary);
  border-radius: var(--td-radius-default);
  font: var(--td-font-body-large);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.l-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.l-pagination__btn.l-is-disabled,
.l-pagination__btn.l-is-disabled:hover,
.l-pagination__btn.l-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}
.l-pagination__btn.l-is-disabled {
  cursor: not-allowed;
}
.l-pagination__btn-prev {
  margin-right: 8px;
}
.l-pagination__btn-next {
  margin-left: 8px;
}
.l-pagination__btn + .l-pagination__select {
  margin-right: 0;
}
.l-pagination__pager {
  flex-shrink: 0;
  display: inline-flex;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-pagination__pager li:not(:last-child) {
  margin-right: 8px;
}
.l-pagination__number {
  display: inline-block;
  border: 1px solid var(--td-component-border);
  text-align: center;
  border-radius: var(--td-radius-default);
  cursor: pointer;
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
  height: 32px;
  min-width: 32px;
  line-height: 30px;
  font-size: var(--td-font-body-medium);
  padding-left: 4px;
  padding-right: 4px;
}
.l-pagination__number:hover {
  color: var(--td-brand-color-hover);
  border-color: var(--td-brand-color-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-pagination__number:active {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.l-pagination__number.l-is-current {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.l-pagination__number.l-is-current.l-is-disabled,
.l-pagination__number.l-is-current.l-is-disabled:hover,
.l-pagination__number.l-is-current.l-is-disabled:active {
  background-color: var(--td-brand-color-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.l-pagination__number.l-is-disabled {
  cursor: auto;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.l-pagination__number.l-is-disabled:hover,
.l-pagination__number.l-is-disabled:active {
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-component-border);
}
.l-pagination__number--more {
  border: 0 none;
  padding: 0;
}
.l-pagination__number--more:hover {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-pagination__number--more:active {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.l-pagination__number--more.l-is-disabled,
.l-pagination__number--more.l-is-disabled:hover,
.l-pagination__number--more.l-is-disabled:active {
  background: none;
}
.l-pagination__number--more .l-icon-more {
  transform: rotate(90deg);
  color: var(--td-text-color-disabled);
}
.l-pagination__jump {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 8px;
  font-size: var(--td-font-body-medium);
  gap: 4px;
}
.l-pagination .l-input-number {
  width: 48px;
}
.l-pagination.l-size-small .l-pagination__total {
  font: var(--td-font-body-small);
}
.l-pagination.l-size-small .l-pagination__select {
  height: 24px;
  font-size: var(--td-font-size-body-small);
}
.l-pagination.l-size-small .l-pagination__number {
  border: 0 none;
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  font-size: var(--td-font-body-small);
  padding-left: 2px;
  padding-right: 2px;
}
.l-pagination.l-size-small .l-pagination__number:hover:not(.l-pagination.l-size-small .l-pagination__number.l-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-pagination.l-size-small .l-pagination__number:active:not(.l-pagination.l-size-small .l-pagination__number.l-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.l-pagination.l-size-small .l-pagination__number.l-is-disabled {
  background: none;
  color: var(--td-text-color-disabled);
}
.l-pagination.l-size-small .l-pagination__number.l-is-current.l-is-disabled {
  background-color: var(--td-brand-color-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.l-pagination.l-size-small .l-pagination__btn {
  border: 0 none;
  background: none;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.l-pagination.l-size-small .l-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-pagination.l-size-small .l-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.l-pagination.l-size-small .l-pagination__btn.l-is-disabled,
.l-pagination.l-size-small .l-pagination__btn.l-is-disabled:hover,
.l-pagination.l-size-small .l-pagination__btn.l-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}

.default-step-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  margin-top: 3px;
  font-size: var(--td-font-size-body-large);
}
.l-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: flex;
  width: 100%;
}
.l-steps .l-steps-item {
  flex: 1;
  overflow: hidden;
  vertical-align: top;
  margin-right: 8px;
  position: relative;
  display: flex;
}
.l-steps .l-steps-item:last-child {
  flex: none;
}
.l-steps .l-steps-item__inner {
  width: fit-content;
  position: relative;
  display: flex;
}
.l-steps .l-steps-item__inner.l-steps-item--clickable {
  cursor: pointer;
}
.l-steps .l-steps-item--finish .l-steps-item__icon .l-icon {
  color: var(--td-brand-color);
}
.l-steps .l-steps-item--finish .l-steps-item__icon--number {
  border-color: var(--td-brand-color);
}
.l-steps .l-steps-item--finish .l-steps-item__title {
  color: var(--td-text-color-primary);
  font-weight: normal;
}
.l-steps .l-steps-item--finish .l-steps-item__description {
  color: var(--td-text-color-secondary);
}
.l-steps .l-steps-item--process .l-steps-item__icon .l-icon {
  color: var(--td-brand-color);
}
.l-steps .l-steps-item--process .l-steps-item__icon--number {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  font-weight: bold;
}
.l-steps .l-steps-item--process .l-steps-item__title {
  color: var(--td-brand-color);
  font-weight: bold;
}
.l-steps .l-steps-item--process .l-steps-item__description {
  color: var(--td-text-color-secondary);
}
.l-steps .l-steps-item--error .l-steps-item__icon .l-icon {
  color: var(--td-error-color);
}
.l-steps .l-steps-item--error .l-steps-item__icon--number {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.l-steps .l-steps-item--error .l-steps-item__title {
  color: var(--td-error-color);
}
.l-steps .l-steps-item--error .l-steps-item__description {
  color: var(--td-text-color-secondary);
}
.l-steps .l-steps-item__icon {
  vertical-align: top;
  font-size: var(--td-font-size-body-medium);
  margin-right: 8px;
  color: var(--td-text-color-placeholder);
}
.l-steps .l-steps-item__icon--number {
  color: var(--td-text-color-placeholder);
  border: 1px solid var(--td-text-color-placeholder);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  margin-top: 3px;
  font-size: var(--td-font-size-body-large);
}
.l-steps .l-steps-item__icon--finish {
  border: 1px solid var(--td-brand-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  margin-top: 3px;
  font-size: var(--td-font-size-body-large);
}
.l-steps .l-steps-item__icon--error {
  border: 1px solid var(--td-error-color-6);
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  margin-top: 3px;
  font-size: var(--td-font-size-body-large);
}
.l-steps .l-steps-item__icon > .l-icon {
  font-size: 24px;
}
.l-steps .l-steps-item__title {
  position: relative;
  padding-right: 8px;
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-size-body-large);
  line-height: 24px;
}
.l-steps .l-steps-item__description {
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-size-body-medium);
  margin-bottom: 4px;
  line-height: 22px;
}
.l-steps--line-separator .l-steps-item:before,
.l-steps--line-separator .l-steps-item:after,
.l-steps--line-separator .l-steps-item__title:after {
  border-style: solid;
}
.l-steps--dashed-separator .l-steps-item:before,
.l-steps--dashed-separator .l-steps-item:after,
.l-steps--dashed-separator .l-steps-item__title:after {
  border-style: dashed;
}
.l-steps--horizontal.l-steps--default-anchor .l-steps-item__content {
  margin-top: 4px;
}
.l-steps--horizontal.l-steps--default-anchor .l-steps-item__title {
  width: fit-content;
  margin-bottom: 4px;
}
.l-steps--horizontal.l-steps--default-anchor .l-steps-item__icon__number {
  width: steps-circle-width;
  height: 24px;
  margin-top: 4px;
}
.l-steps--horizontal.l-steps--default-anchor .l-steps-item__icon > .l-icon {
  font-size: 24px;
  margin-top: 4px;
}
.l-steps--horizontal.l-steps--default-anchor .l-steps-item:not(:last-child) .l-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--arrow-separator .l-steps-item:not(:last-child):after {
  flex: 1;
  height: 24px;
  content: "^";
  transform: rotateZ(90deg);
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  border: 0;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--default-anchor .l-steps-item--finish:not(:last-child) .l-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse .l-steps-item:not(:last-child) .l-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item:not(:last-child):after {
  flex: 1;
  height: 24px;
  content: "^";
  transform: rotateZ(90deg);
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  border: 0;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item:not(:last-child):after {
  transform: rotateZ(-90deg);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item--process:not(:last-child)::after,
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse .l-steps-item--finish:not(:last-child) .l-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse .l-steps-item--process:not(:last-child) .l-steps-item__title:after,
.l-steps--horizontal.l-steps--default-anchor.l-steps--reverse .l-steps-item--finish:not(:last-child) .l-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item {
  overflow: visible;
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item .l-steps-item__title {
  padding-right: 0;
  margin-bottom: 4px;
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item--finish .l-steps-item__icon {
  border-color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item--process .l-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item--error .l-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: var(--td-radius-circle);
  margin-bottom: 4px;
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item__content {
  text-align: center;
  width: 140px;
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--arrow-separator .l-steps-item:not(:last-child)::after {
  flex: 1;
  content: "^";
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  border: 0;
  font-size: 16px;
  transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.l-steps--horizontal.l-steps--dot-anchor .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item:not(:last-child)::after {
  flex: 1;
  content: "^";
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  border: 0;
  font-size: 16px;
  transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item:not(:last-child)::after {
  transform: rotateZ(-90deg);
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item--process:not(:last-child)::after,
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse .l-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse .l-steps-item--process:not(:last-child)::after,
.l-steps--horizontal.l-steps--dot-anchor.l-steps--reverse .l-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.l-steps--vertical {
  width: fit-content;
  flex-direction: column;
}
.l-steps--vertical.l-steps--positive.l-steps--arrow-separator .l-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: flex;
  align-items: center;
  font-size: 16px;
  transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.l-steps--vertical.l-steps--positive.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--positive .l-steps-item {
  padding-bottom: 24px;
  margin-bottom: 5px;
}
.l-steps--vertical.l-steps--positive .l-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-top: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.l-steps--vertical.l-steps--positive .l-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--default-anchor .l-steps-item__content {
  margin-top: 2px;
  margin-left: 0px;
}
.l-steps--vertical.l-steps--default-anchor .l-steps-item__title {
  margin-bottom: 4px;
}
.l-steps--vertical.l-steps--dot-anchor.l-steps--positive.l-steps--arrow-separator .l-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--td-text-color-placeholder);
}
.l-steps--vertical.l-steps--dot-anchor.l-steps--positive.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--dot-anchor.l-steps--positive .l-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.l-steps--vertical.l-steps--dot-anchor.l-steps--positive .l-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
  border-right-color: var(--td-brand-color);
  border-right-width: 2px;
}
.l-steps--vertical.l-steps--dot-anchor .l-steps-item {
  margin-bottom: 0;
}
.l-steps--vertical.l-steps--dot-anchor .l-steps-item--finish .l-steps-item__icon {
  border-color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--dot-anchor .l-steps-item--process .l-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--dot-anchor .l-steps-item--error .l-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.l-steps--vertical.l-steps--dot-anchor .l-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: var(--td-radius-circle);
  margin-bottom: 4px;
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  top: 5px;
}
.l-steps--vertical.l-steps--reverse.l-steps--arrow-separator .l-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: flex;
  align-items: center;
  font-size: 16px;
  transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.l-steps--vertical.l-steps--reverse.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--reverse.l-steps--arrow-separator .l-steps-item:not(:last-child)::before {
  transform: rotateZ(0);
  margin-top: 4px;
}
.l-steps--vertical.l-steps--reverse.l-steps--arrow-separator .l-steps-item--process:not(:last-child)::before,
.l-steps--vertical.l-steps--reverse.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--reverse .l-steps-item {
  padding-bottom: 24px;
  margin-bottom: 5px;
}
.l-steps--vertical.l-steps--reverse .l-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-bottom: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.l-steps--vertical.l-steps--reverse .l-steps-item--process:not(:last-child)::before,
.l-steps--vertical.l-steps--reverse .l-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor.l-steps--arrow-separator .l-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--td-text-color-placeholder);
}
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor.l-steps--arrow-separator .l-steps-item--process:not(:last-child)::before,
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor.l-steps--arrow-separator .l-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor .l-steps-item {
  margin-bottom: 0;
}
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor .l-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor .l-steps-item:last-child::before {
  display: none;
}
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor .l-steps-item--process:not(:last-child)::before,
.l-steps--vertical.l-steps--reverse.l-steps--dot-anchor .l-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}

.l-link {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  text-decoration: none;
  outline: none;
  padding: 0;
  transition: all 0.2s linear;
  font: var(--td-font-link-medium);
}
.l-link__prefix-icon,
.l-link__suffix-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.l-link .l-link__prefix-icon {
  margin-right: 8px;
}
.l-link .l-link__suffix-icon {
  margin-left: 8px;
}
.l-link.l-size-small {
  font: var(--td-font-link-small);
}
.l-link.l-size-small .l-link__prefix-icon {
  margin-right: 4px;
}
.l-link.l-size-small .l-link__suffix-icon {
  margin-left: 4px;
}
.l-link.l-size-large {
  font: var(--td-font-link-large);
}
.l-link.l-size-large .l-link__prefix-icon {
  margin-right: 12px;
}
.l-link.l-size-large .l-link__suffix-icon {
  margin-left: 12px;
}
.l-link--theme-default {
  color: var(--td-text-color-primary);
}
.l-link--theme-default:active {
  color: var(--td-brand-color-active);
}
.l-link--theme-default.l-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-text-color-primary);
  opacity: 0;
  transition: all 0.2s linear;
}
.l-link--theme-default.l-link--hover-underline:hover::after {
  opacity: 1;
}
.l-link--theme-default.l-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-brand-color-active);
}
.l-link--theme-default.l-link--hover-color:hover {
  color: var(--td-brand-color-hover);
}
.l-link--theme-default.l-link--hover-color.l-is-underline:hover::after {
  border-color: var(--td-brand-color-hover);
}
.l-link--theme-default.l-link--hover-color.l-is-underline:active::after {
  border-color: var(--td-brand-color-active);
}
.l-link--theme-default.l-link--hover-color:active {
  color: var(--td-brand-color-active);
}
.l-link--theme-default.l-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-text-color-primary);
  transition: all 0.2s linear;
}
.l-link--theme-default.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.l-link--theme-default.l-is-disabled:hover,
.l-link--theme-default.l-is-disabled:active {
  color: var(--td-text-color-disabled);
}
.l-link--theme-default.l-is-disabled.l-is-underline::after {
  border-color: var(--td-text-color-disabled);
}
.l-link--theme-primary {
  color: var(--td-brand-color);
}
.l-link--theme-primary:active {
  color: var(--td-brand-color-active);
}
.l-link--theme-primary.l-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-brand-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.l-link--theme-primary.l-link--hover-underline:hover::after {
  opacity: 1;
}
.l-link--theme-primary.l-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-brand-color-active);
}
.l-link--theme-primary.l-link--hover-color:hover {
  color: var(--td-brand-color-hover);
}
.l-link--theme-primary.l-link--hover-color.l-is-underline:hover::after {
  border-color: var(--td-brand-color-hover);
}
.l-link--theme-primary.l-link--hover-color.l-is-underline:active::after {
  border-color: var(--td-brand-color-active);
}
.l-link--theme-primary.l-link--hover-color:active {
  color: var(--td-brand-color-active);
}
.l-link--theme-primary.l-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-brand-color);
  transition: all 0.2s linear;
}
.l-link--theme-primary.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-brand-color-disabled);
}
.l-link--theme-primary.l-is-disabled:hover,
.l-link--theme-primary.l-is-disabled:active {
  color: var(--td-brand-color-disabled);
}
.l-link--theme-primary.l-is-disabled.l-is-underline::after {
  border-color: var(--td-brand-color-disabled);
}
.l-link--theme-success {
  color: var(--td-success-color);
}
.l-link--theme-success:active {
  color: var(--td-success-color-active);
}
.l-link--theme-success.l-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-success-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.l-link--theme-success.l-link--hover-underline:hover::after {
  opacity: 1;
}
.l-link--theme-success.l-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-success-color-active);
}
.l-link--theme-success.l-link--hover-color:hover {
  color: var(--td-success-color-hover);
}
.l-link--theme-success.l-link--hover-color.l-is-underline:hover::after {
  border-color: var(--td-success-color-hover);
}
.l-link--theme-success.l-link--hover-color.l-is-underline:active::after {
  border-color: var(--td-success-color-active);
}
.l-link--theme-success.l-link--hover-color:active {
  color: var(--td-success-color-active);
}
.l-link--theme-success.l-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-success-color);
  transition: all 0.2s linear;
}
.l-link--theme-success.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-success-color-disabled);
}
.l-link--theme-success.l-is-disabled:hover,
.l-link--theme-success.l-is-disabled:active {
  color: var(--td-success-color-disabled);
}
.l-link--theme-success.l-is-disabled.l-is-underline::after {
  border-color: var(--td-success-color-disabled);
}
.l-link--theme-danger {
  color: var(--td-error-color);
}
.l-link--theme-danger:active {
  color: var(--td-error-color-active);
}
.l-link--theme-danger.l-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-error-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.l-link--theme-danger.l-link--hover-underline:hover::after {
  opacity: 1;
}
.l-link--theme-danger.l-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-error-color-active);
}
.l-link--theme-danger.l-link--hover-color:hover {
  color: var(--td-error-color-hover);
}
.l-link--theme-danger.l-link--hover-color.l-is-underline:hover::after {
  border-color: var(--td-error-color-hover);
}
.l-link--theme-danger.l-link--hover-color.l-is-underline:active::after {
  border-color: var(--td-error-color-active);
}
.l-link--theme-danger.l-link--hover-color:active {
  color: var(--td-error-color-active);
}
.l-link--theme-danger.l-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-error-color);
  transition: all 0.2s linear;
}
.l-link--theme-danger.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-error-color-disabled);
}
.l-link--theme-danger.l-is-disabled:hover,
.l-link--theme-danger.l-is-disabled:active {
  color: var(--td-error-color-disabled);
}
.l-link--theme-danger.l-is-disabled.l-is-underline::after {
  border-color: var(--td-error-color-disabled);
}
.l-link--theme-warning {
  color: var(--td-warning-color);
}
.l-link--theme-warning:active {
  color: var(--td-warning-color-active);
}
.l-link--theme-warning.l-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-warning-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.l-link--theme-warning.l-link--hover-underline:hover::after {
  opacity: 1;
}
.l-link--theme-warning.l-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-warning-color-active);
}
.l-link--theme-warning.l-link--hover-color:hover {
  color: var(--td-warning-color-hover);
}
.l-link--theme-warning.l-link--hover-color.l-is-underline:hover::after {
  border-color: var(--td-warning-color-hover);
}
.l-link--theme-warning.l-link--hover-color.l-is-underline:active::after {
  border-color: var(--td-warning-color-active);
}
.l-link--theme-warning.l-link--hover-color:active {
  color: var(--td-warning-color-active);
}
.l-link--theme-warning.l-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-warning-color);
  transition: all 0.2s linear;
}
.l-link--theme-warning.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-warning-color-disabled);
}
.l-link--theme-warning.l-is-disabled:hover,
.l-link--theme-warning.l-is-disabled:active {
  color: var(--td-warning-color-disabled);
}
.l-link--theme-warning.l-is-disabled.l-is-underline::after {
  border-color: var(--td-warning-color-disabled);
}

.l-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
}
.l-tree.l-is-disabled {
  color: var(--td-border-level-2-color);
}
.l-tree.l-is-disabled .l-icon {
  color: var(--td-border-level-2-color);
}
.l-tree.l-is-disabled .l-tree__item.l-is-active {
  background-color: var(--td-bg-color-container-hover);
  color: var(--td-border-level-2-color);
}
.l-tree.l-is-disabled .l-tree__item .l-icon {
  color: var(--td-text-color-secondary);
}
.l-tree__empty {
  color: var(--td-text-color-disabled);
}
.l-tree__branch {
  display: block;
}
.l-tree__children {
  --hscale: 1;
  will-change: opacity, max-height;
}
.l-tree__item {
  --level: 0;
  --hscale: 1;
  will-change: opacity, max-height;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  padding: 4px 0 4px calc(24px * var(--level) + 8px);
  cursor: default;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  line-height: 22px;
}
.l-tree__item .l-icon,
.l-tree__item .l-loading {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: var(--td-font-size-body-large);
}
.l-tree__item .l-icon {
  color: var(--td-text-color-secondary);
}
.l-tree__item .l-checkbox {
  align-items: center;
  font-size: 0;
}
.l-tree__item .l-tree__icon--default .l-icon {
  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transform: rotate(0);
}
.l-tree__item--open .l-icon {
  color: var(--td-text-color-brand);
}
.l-tree__item--open .l-tree__icon--default .l-icon {
  transform: rotate(90deg);
}
.l-tree__item--clickable {
  cursor: pointer;
}
.l-tree__item--draggable {
  cursor: pointer;
}
.l-tree__item--draggable::before {
  position: absolute;
  top: -2px;
  right: 0;
  left: 0;
  display: block;
  height: 2px;
  border-radius: 1px;
  content: "";
  padding: inherit;
  background-clip: content-box;
}
.l-tree__item--draggable:hover {
  background-color: var(--td-bg-color-container-hover);
  background-clip: content-box;
}
.l-tree__item--tip-top::before {
  background-color: var(--td-brand-color-6);
}
.l-tree__item--tip-bottom::before {
  top: unset;
  bottom: -2px;
  background-color: var(--td-brand-color-6);
}
.l-tree__item--tip-highlight {
  background-color: var(--td-brand-color-light);
  background-clip: content-box;
}
.l-tree--block-node .l-tree__label {
  flex: 1;
}
.l-tree--hoverable .l-tree__label:not(.l-is-active):not(.l-is-checked):hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-tree__line {
  --level: 0;
  --color: var(--td-border-level-1-color);
  --space: 24px;
  --iconSize: 16px;
  position: absolute;
  left: calc(24px * var(--level) - 8px);
  bottom: 17px;
  width: 1px;
  height: 34px;
  pointer-events: none;
}
.l-tree__line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 34px;
  width: 12px;
  border-left: 1px solid var(--color);
  border-bottom: 1px solid var(--color);
}
.l-tree__line--first::before {
  height: 22px;
}
.l-tree__line--leaf::before {
  width: 12px;
}
.l-tree__icon {
  position: relative;
  flex: none;
  display: inline-flex;
  align-items: center;
  text-align: center;
  width: 16px;
  font-size: 0;
  user-select: none;
  cursor: pointer;
  transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-tree__icon .l-icon-loading-blue {
  color: var(--td-text-color-brand);
}
.l-tree__icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: var(--td-radius-default);
}
.l-tree__icon:not(:empty):hover::after {
  background-color: var(--td-bg-color-container-hover);
}
.l-tree__icon:empty {
  cursor: initial;
}
.l-tree__label {
  --ripple-color: var(--td-bg-color-container-active);
  flex-wrap: nowrap;
  flex: 0 0 auto;
  padding: 2px 4px;
  margin-left: 4px;
  border-radius: var(--td-radius-default);
  cursor: pointer;
  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-tree__label.l-is-checked {
  font-weight: 500;
  color: var(--td-text-color-primary);
  background-color: var(--td-brand-color-light);
}
.l-tree__label::selection {
  background-color: transparent;
}
.l-is-active .l-tree__label {
  font-weight: 500;
  color: var(--td-text-color-primary);
  background-color: var(--td-brand-color-light);
}
.l-tree__space {
  display: block;
  flex: 1 0 auto;
}
.l-tree__operations {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}
.l-tree__operations .l-icon {
  cursor: pointer;
}
.l-tree__item.l-is-disabled {
  color: var(--td-border-level-2-color);
  cursor: default;
}
.l-tree__item.l-is-disabled .l-checkbox {
  cursor: default;
}
.l-tree--vscroll {
  overflow-y: auto;
}
.l-tree__item--hidden {
  display: none;
}
.l-tree__children--hidden {
  display: none;
}
.l-tree--transition .l-tree__item--visible {
  opacity: 1;
}
.l-tree--transition .l-tree__item--hidden {
  display: flex;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.l-tree--transition .l-tree__children--visible {
  opacity: 1;
}
.l-tree--transition .l-tree__children--hidden {
  display: block;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.l-tree--transition .l-tree__item--enter-active {
  animation: t-tree-toggle 300ms linear;
}
.l-tree--transition .l-tree__item--leave-active {
  animation: t-tree-toggle 300ms reverse linear forwards;
}
.l-tree--transition .l-tree__item--visible {
  transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
}
.l-tree--transition .l-tree__item--hidden {
  animation: none;
  transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
}
.l-tree--transition .l-tree__children--visible {
  transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
}
.l-tree--transition .l-tree__children--hidden {
  animation: none;
  transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
}
@keyframes t-tree-toggle {
  0% {
    opacity: 0;
    max-height: 0;
  }
  50% {
    opacity: 0;
    max-height: calc(34px * var(--hscale) + 0px);
  }
  100% {
    opacity: 1;
    max-height: calc(34px * var(--hscale) + 0px);
  }
}
.l-tree-select.l-single-suffix {
  padding-right: 20px;
}
.l-tree-select.l-tag-prefix {
  padding-left: 4px;
}

.l-cascader .l-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.l-cascader .l-fake-arrow--active {
  color: var(--td-brand-color);
}
.l-cascader__popup .l-popup__content {
  padding: 0;
  box-shadow: var(--td-shadow-2);
  border-radius: var(--td-radius-medium);
  border: 0.5px solid var(--td-component-border);
  overflow: hidden;
}
.l-cascader__panel {
  display: flex;
  height: 100%;
}
.l-cascader__panel.l-cascader--normal {
  height: 200px;
}
.l-cascader__panel.l-cascader--multiple {
  height: 280px;
}
.l-cascader__panel--empty {
  width: 100%;
  height: 28px;
  line-height: 28px;
  color: var(--td-text-color-disabled);
  margin: 6px;
  text-align: center;
  padding-left: 0;
}
.l-cascader__panel--empty:hover {
  background: none;
  cursor: default;
}
.l-cascader__menu {
  width: 148px;
  overflow: auto;
  box-sizing: content-box;
  padding: 6px;
  background: var(--td-bg-color-container);
}
.l-cascader__menu.l-size-large {
  padding: 8px;
}
.l-cascader__menu.l-size-small {
  padding: 4px;
}
.l-cascader__menu--segment {
  border-right: 1px solid var(--td-component-stroke);
}
.l-cascader__menu--filter {
  width: auto;
  min-width: 148px;
}
.l-cascader__item {
  position: relative;
  display: flex;
  align-items: center;
  height: 28px;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  padding: 0 8px;
  border-radius: var(--td-radius-default);
  margin-top: 2px;
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  list-style: none;
  --ripple-color: var(--td-bg-color-container-active);
}
.l-cascader__item.l-size-small {
  height: 22px;
  font: var(--td-font-body-small);
  padding: 0px 8px;
}
.l-cascader__item.l-size-small .l-cascader__item-label {
  padding: 1px 0;
}
.l-cascader__item.l-size-large {
  height: 36px;
  font: var(--td-font-body-large);
  padding: 0 12px;
}
.l-cascader__item.l-size-large .l-cascader__item-label {
  padding: 6px 0;
}
.l-cascader__item.l-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: transparent;
  cursor: not-allowed;
}
.l-cascader__item-icon.l-icon {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: transparent;
  margin: 0 8px;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.l-cascader__item-icon.l-loading {
  display: flex;
  color: var(--td-text-color-brand);
}
.l-cascader__item.l-is-expanded {
  background: var(--td-brand-color-light);
  color: var(--td-text-color-brand);
}
.l-cascader__item.l-is-expanded .l-icon-chevron-right {
  color: var(--td-text-color-brand);
}
.l-cascader__item.l-is-expanded:hover {
  cursor: pointer;
}
.l-cascader__item:first-child {
  margin-top: 0;
}
.l-cascader__item .l-checkbox {
  max-width: 100%;
}
.l-cascader__item .l-checkbox .l-checkbox__input {
  flex-shrink: 0;
}
.l-cascader__item .l-checkbox .l-checkbox__label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-cascader__item .l-checkbox .l-checkbox__label .l-cascader__item__label--filter {
  color: var(--td-text-color-brand);
}
.l-cascader__item--with-icon {
  padding: 0 22px 0 8px;
}
.l-cascader__item--leaf .l-checkbox {
  width: 100%;
}
.l-cascader__item-label {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 3px 0;
}
.l-cascader__item-label--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-cascader__item-label--filter {
  color: var(--td-text-color-brand);
}
.l-cascader__item:hover:not(.l-is-expanded):not(.l-is-disabled) {
  background: var(--td-bg-color-container-hover);
  cursor: pointer;
}
.l-cascader__item.l-is-selected {
  color: var(--td-brand-color);
}
.l-cascader__item.l-is-selected .l-checkbox__label {
  color: var(--td-brand-color);
}

.l-tree-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-tree-select--without-input input {
  display: none;
}
.l-tree-select--without-input .l-input__suffix-icon {
  margin-left: auto;
}
.l-tree-select .l-fake-arrow {
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  color: var(--td-text-color-placeholder);
}
.l-tree-select .l-fake-arrow--highlight {
  color: var(--td-text-color-brand);
}
.l-tree-select .l-fake-arrow--disable {
  color: var(--td-text-color-disabled);
}
.l-tree-select--placeholder {
  color: var(--td-text-color-placeholder);
}

.l-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  font: var(--td-font-body-medium);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: transparent;
  color: var(--td-text-color-primary);
  max-height: 100%;
}
.l-transfer__list {
  position: relative;
  display: inline-block;
  min-width: 196px;
  height: 200px;
  padding-top: 48px;
  border: 0;
  word-break: break-word;
  vertical-align: middle;
}
.l-transfer__list-source,
.l-transfer__list-target {
  border: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-medium);
}
.l-transfer__list-header {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 0;
  height: 48px;
  line-height: 48px;
  width: 180px;
  padding: 0 12px;
  margin: 0 8px;
  box-sizing: border-box;
}
.l-transfer__list-header + :not(.l-transfer__list--with-search) {
  border-top: 1px solid var(--td-border-level-1-color);
}
.l-transfer__list-header .l-checkbox {
  margin-right: 0;
}
.l-transfer__list-header .l-checkbox__label {
  margin: 0;
}
.l-transfer__list-header div {
  display: flex;
}
.l-transfer__list-header div > span {
  margin-left: 8px;
}
.l-transfer__list-header > span {
  color: var(--td-text-color-placeholder);
}
.l-transfer__list-body {
  position: relative;
  height: 100%;
  padding: 8px 0 8px 0;
  box-sizing: border-box;
}
.l-transfer__list--with-search {
  padding-top: 40px;
  border-top: 0;
}
.l-transfer__list-content {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.l-transfer__list-content .l-checkbox-group {
  width: 100%;
  flex-direction: column;
  gap: 4px;
}
.l-transfer__list-content .l-checkbox-group .l-checkbox {
  margin-right: 8px;
  --ripple-color: var(--td-bg-color-container-active);
}
.l-transfer__list-content .l-checkbox-group .l-checkbox + .l-checkbox {
  margin-left: 8px;
}
.l-transfer__list-content .l-checkbox-group .l-checkbox__label {
  margin: 0;
}
.l-transfer__list-content .l-checkbox-group .l-checkbox__label > span {
  margin-left: 8px;
}
.l-transfer__list-item {
  padding: 5px 8px;
  display: flex;
  cursor: pointer;
  margin: 0 8px;
  border-radius: var(--td-radius-default);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-transfer__list-item:first-child {
  margin-top: 0;
}
.l-transfer__list-item.l-is-disabled:hover {
  background: transparent;
}
.l-transfer__list-item:hover {
  background: var(--td-bg-color-container-hover);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-transfer__list-item.l-is-checked {
  background: var(--td-brand-color-light);
}
.l-transfer__list-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 12px;
}
.l-transfer__list-pagination {
  height: 24px;
  vertical-align: middle;
  padding: 0 8px 0 4px;
  line-height: 16px;
}
.l-transfer__list-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid var(--td-border-level-1-color);
  width: 100%;
}
.l-transfer__operations {
  display: inline-flex;
  flex-direction: column;
  margin: auto 8px;
  vertical-align: middle;
  overflow: hidden;
}
.l-transfer__operations button {
  display: block;
  padding: 0 3px 1px;
  height: 24px;
  line-height: 14px;
  transition: none;
}
.l-transfer__operations button:first-child {
  margin-bottom: 14px;
}
.l-transfer__operations .l-icon {
  font-size: 16px;
}
.l-transfer__operations .l-icon + .l-button__text {
  margin-left: 0;
}
.l-transfer__operations .l-button--icon-only {
  width: 24px;
}
.l-transfer__empty {
  text-align: center;
  position: absolute;
  color: var(--td-text-color-placeholder);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-transfer__search-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
.l-transfer__search .l-transfer__list {
  height: 240px;
}
.l-transfer--with-tree .l-transfer__list {
  height: auto;
}
.l-transfer__pagination .l-transfer__list {
  height: 240px;
  padding-bottom: 32px;
}
.l-transfer__footer .l-transfer__list {
  height: 248px;
  padding-bottom: 48px;
}
.l-transfer__pagination.l-transfer__footer .l-transfer__list {
  height: 288px;
  padding-bottom: 88px;
}
.l-transfer__search.l-transfer__footer .l-transfer__list {
  height: 288px;
  padding-bottom: 48px;
}
.l-transfer__search.l-transfer__pagination .l-transfer__list {
  height: 280px;
  padding-bottom: 40px;
}
.l-transfer__search.l-transfer__footer.l-transfer__pagination .l-transfer__list {
  height: 328px;
  padding-bottom: 88px;
}
.l-transfer__wrapper .l-transfer__list {
  height: 320px;
  width: 206px;
  overflow: scroll;
}

.l-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-upload .l-is-bordered {
  border: 1px solid var(--td-component-border);
}
.l-upload .l-upload__trigger {
  display: inline-block;
}
.l-upload .l-icon {
  font-size: var(--td-font-size-body-large);
  flex-shrink: 0;
}
.l-upload .l-icon-check-circle-filled {
  color: var(--td-success-color);
}
.l-upload .l-icon-error-circle-filled {
  color: var(--td-error-color);
}
.l-upload .l-icon-loading {
  color: var(--td-brand-color);
}
.l-upload .l-icon-time-filled {
  color: var(--td-text-color-placeholder);
}
.l-upload .l-icon-add {
  color: var(--td-text-color-primary);
}
.l-upload__list-file {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-right: 12px;
  overflow: hidden;
}
.l-upload__list-file .l-icon {
  font-size: 40px;
  color: var(--td-brand-color);
}
.l-upload__list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  width: 496px;
  height: 124px;
  padding: 12px;
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
  font: var(--td-font-body-medium);
}
.l-upload__list-item.l-is--error .l-upload__list-name {
  color: var(--td-error-color);
}
.l-upload__list-item.l-is--error .l-upload__list-file .l-icon {
  color: var(--td-error-color);
}
.l-upload__list-content {
  display: flex;
  align-items: center;
}
.l-upload-list__control {
  cursor: pointer;
}
.l-upload-list__control:hover {
  color: var(--td-error-color);
}
.l-upload__list-img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
}
.l-upload__list-name {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-upload--highlight {
  color: var(--td-text-color-brand);
}
.l-upload__single-name {
  margin-right: 8px;
}
.l-upload__card {
  font: var(--td-font-body-small);
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
.l-upload__card .l-is-disabled :hover {
  cursor: not-allowed;
}
.l-upload__card-item {
  margin: 0 8px 0 0;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  list-style: none;
}
.l-upload__card-item::after {
  content: "";
  display: block;
}
.l-upload__card-item:hover .l-upload__card-mask {
  opacity: 1;
  transition: opacity 0.2s linear;
}
.l-upload__card-item.l-is--error .l-icon-warning_fill {
  color: var(--td-error-color);
  margin-bottom: 10px;
}
.l-upload__card-item.l-is--error .l-upload__card-status {
  color: var(--td-error-color);
}
.l-upload__card-item.l-is-background {
  transition: border-color 0.2s linear;
}
.l-upload__card .l-icon-loading {
  margin-bottom: 10px;
}
.l-upload__card-name {
  max-width: 100%;
  margin-top: 8px;
  color: var(--td-text-color-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-upload__card-content {
  position: relative;
  width: 120px;
  height: 120px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
  padding: 8px;
}
.l-upload__card-content:hover {
  border-color: var(--td-brand-color);
}
.l-upload__card-container {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
  box-sizing: border-box;
  position: relative;
}
.l-upload__card-container:hover {
  border-color: var(--td-brand-color);
}
.l-upload__card-container > .l-icon,
.l-upload__card-container .l-loading {
  font-size: 24px;
  margin-bottom: 8px;
}
.l-upload__card-container > p {
  color: var(--td-text-color-placeholder);
  margin: 0;
}
.l-upload__card-status-wrap {
  text-align: center;
}
.l-upload__card-status-wrap > svg {
  margin-bottom: 6px;
}
.l-upload__card-status-wrap .l-icon,
.l-upload__card-status-wrap .l-loading {
  font-size: 20px;
}
.l-upload__card-image {
  max-width: 100%;
  max-height: 100%;
}
.l-upload__card-status {
  color: var(--td-text-color-disabled);
  font: var(--td-font-body-small);
}
.l-upload__card-mask {
  background-color: var(--td-text-color-secondary);
  color: var(--td-bg-color-container);
  transition: opacity 0.5s ease-in-out;
  will-change: transform;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.l-upload__card-mask-item-divider {
  margin: 0 16px;
  border-left: 1px var(--td-bg-color-container) solid;
  height: var(--td-font-size-body-large);
}
.l-upload__card-mask-item > .l-icon {
  cursor: pointer;
  font-size: var(--td-font-size-body-large);
}
.l-upload__dialog .l-dialog {
  max-width: 80%;
}
.l-upload__dialog .l-dialog--default {
  padding: 32px;
}
.l-upload__dialog .l-dialog-body {
  padding-bottom: 0;
}
.l-upload__dialog .l-dialog-body-img-box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.l-upload__dragger {
  display: flex;
  width: 336px;
  height: 144px;
  border: 1px dashed var(--td-component-border);
  border-radius: var(--td-radius-small);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  cursor: pointer;
  padding: 16px;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  transition: border-color 0.2s linear;
}
.l-upload__dragger.l-is--active {
  background-color: var(--td-bg-color-container-active);
  border-color: var(--td-brand-color);
}
.l-upload__dragger:hover {
  border-color: var(--td-brand-color);
}
.l-upload__dragger-btns {
  position: absolute;
  bottom: 8px;
}
.l-upload__dragger .l-size-small {
  display: block;
}
.l-upload__dragger-center {
  justify-content: center;
  align-items: center;
}
.l-upload__dragger-error {
  border-color: var(--td-error-color);
}
.l-upload__dragger-error:hover {
  border-color: var(--td-error-color);
}
.l-upload__dragger-text {
  display: flex;
  align-items: center;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  margin-bottom: 8px;
  max-width: 304px;
}
.l-upload__dragger-text .l-upload__single-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-upload__tips {
  display: block;
  color: var(--td-text-color-placeholder);
  margin-top: 8px;
}
.l-upload__tips.l-upload__tips-error {
  color: var(--td-error-color);
}
.l-upload__tips.l-upload__tips-warn {
  color: var(--td-warning-color);
}
.l-upload__placeholder {
  color: var(--td-text-color-placeholder);
}
.l-upload__display-text--margin {
  margin-top: 10px;
}
.l-upload__single-display-text {
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-small);
  display: flex;
  align-items: center;
}
.l-upload__single-display-text .l-upload__flow-status .l-icon {
  font: var(--td-font-body-medium);
}
.l-icon-clear-circle-filled {
  color: var(--td-text-color-placeholder);
  margin-top: 2px;
  transition: color 0.2s linear;
}
.l-icon-clear-circle-filled:hover {
  color: var(--td-text-color-secondary);
  cursor: pointer;
}
.l-upload__single-percent {
  margin-left: 8px;
}
.l-upload__single-progress {
  color: var(--td-brand-color);
  display: flex;
  align-items: center;
}
.l-upload__single-progress .l-loading {
  font-size: var(--td-font-size-body-large);
  flex-shrink: 0;
}
.l-upload__single-input-delete {
  margin-left: 16px;
  font: var(--td-font-body-medium);
  color: var(--td-brand-color);
  cursor: pointer;
}
.l-upload__single-input-preview {
  display: flex;
  justify-content: space-between;
  flex: 1;
  max-width: calc(100% - 162px);
}
.l-upload__single-input-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-upload__single-file-input {
  display: flex;
  align-items: center;
}
.l-upload__single-file-input .l-upload__trigger {
  margin-left: 16px;
}
.l-upload__single-file-input .l-upload__single-progress {
  white-space: nowrap;
}
.l-upload__single-file-input .l-input__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-upload__dragger-progress {
  width: 100%;
  display: flex;
}
.l-upload__dragger-progress .l-icon,
.l-upload__dragger-progress .l-loading {
  font-size: var(--td-font-size-body-large);
  flex-shrink: 0;
}
.l-upload__dragger-img-wrap {
  width: 112px;
  height: 112px;
  background-color: var(--td-bg-color-secondarycontainer);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.l-upload__dragger-img-wrap > img {
  max-width: 100%;
  max-height: 100%;
}
.l-upload__dragger-img-wrap + .l-upload__dragger-progress-info {
  margin-left: 16px;
  max-width: 176px;
}
.l-upload__dragger-progress-info {
  flex: 1;
}
.l-upload__dragger-progress-info .l-upload__single-display-text {
  margin-bottom: 8px;
}
.l-upload__dragger-progress-info .l-button:hover {
  background-color: transparent;
}
.l-upload__dragger-progress-cancel {
  padding: 0;
}
.l-upload__dragger-progress-cancel:hover {
  border-color: transparent;
}
.l-upload__dragger-delete-btn:hover,
.l-upload__dragger-upload-btn:hover {
  border-color: transparent;
}
.l-upload__flow-image-flow {
  width: 498px;
}
.l-upload__flow {
  min-width: 496px;
  max-width: 960px;
}
.l-upload__flow-placeholder {
  display: inline-block;
  margin-left: 16px;
}
.l-upload__flow-op {
  display: flex;
  align-items: center;
}
.l-upload__flow-bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.l-upload__flow-bottom .l-button + .l-button {
  margin-left: 8px;
}
.l-upload__flow-empty {
  width: 100%;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--td-text-color-placeholder);
}
.l-upload__flow-table {
  width: 100%;
  border: 1px dashed var(--td-component-border);
  margin-top: 24px;
  border-collapse: collapse;
}
.l-upload__flow-table > thead > tr,
.l-upload__flow-table > tbody > tr,
.l-upload__flow-table > tfoot > tr,
.l-upload__flow-table > tr {
  border-top: 1px solid var(--td-component-border);
}
.l-upload__flow-table > thead > tr > th,
.l-upload__flow-table > tbody > tr > th,
.l-upload__flow-table > tfoot > tr > th,
.l-upload__flow-table > tr > th {
  color: var(--td-text-color-placeholder);
  font-weight: normal;
  border: 1px solid var(--td-component-border);
  text-align: left;
  background-color: var(--td-bg-color-container);
}
.l-upload__flow-table > thead > tr > td,
.l-upload__flow-table > tbody > tr > td,
.l-upload__flow-table > tfoot > tr > td,
.l-upload__flow-table > tr > td {
  color: var(--td-text-color-primary);
}
.l-upload__flow-table > thead > tr > td,
.l-upload__flow-table > tbody > tr > td,
.l-upload__flow-table > tfoot > tr > td,
.l-upload__flow-table > tr > td,
.l-upload__flow-table > thead > tr > th,
.l-upload__flow-table > tbody > tr > th,
.l-upload__flow-table > tfoot > tr > th,
.l-upload__flow-table > tr > th {
  padding: 10px 24px;
}
.l-upload__flow-table__batch-row {
  border-left: 1px solid var(--td-component-border);
}
.l-upload__flow-button {
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  transition: color 0.2s linear;
}
.l-upload__flow-button:hover {
  color: var(--td-text-color-secondary);
}
.l-upload__flow-status {
  display: flex;
  align-items: center;
}
.l-upload__flow-status .l-icon,
.l-upload__flow-status .l-loading {
  margin-right: 8px;
  font-size: var(--td-font-size-body-large);
}
.l-upload__flow-card-area {
  border: 1px dashed var(--td-component-border);
  padding: 12px;
  margin-top: 24px;
}
.l-upload__flow-card-area:hover {
  border-color: var(--td-brand-color);
}
.l-upload__icon-delete,
.l-upload__single-input-clear {
  color: var(--td-text-color-placeholder);
  cursor: pointer;
}
.l-upload__icon-delete:hover,
.l-upload__single-input-clear:hover {
  color: var(--td-text-color-secondary);
}
.l-upload__single-input-clear {
  display: none;
}
.l-upload__single-input-preview:hover .l-upload__single-input-clear {
  display: initial;
}
.l-upload__single-input-preview:hover .l-upload__status-icon {
  display: none;
}
.l-upload .l-upload__single-name {
  color: var(--td-text-color-secondary);
}
.l-upload__card-name {
  margin-top: 8px;
}

.range-input-disabled.l-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.range-input-disabled.l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.range-input-disabled.l-is-disabled .l-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.range-input-disabled.l-is-disabled .l-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.l-is-disabled > .l-range-input__prefix .l-icon,
.range-input-disabled.l-is-disabled > .l-range-input__suffix .l-icon {
  color: var(--td-text-color-disabled);
}
.l-range-input {
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  width: 100%;
  position: relative;
  font: var(--td-font-body-medium);
  height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--td-radius-default);
  border-color: var(--td-border-level-2-color);
  padding: 4px 8px 4px 4px;
  background-color: var(--td-bg-color-specialcomponent);
  color: var(--td-text-color-primary);
  font-size: var(--td-font-body-medium);
  box-sizing: border-box;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
}
.l-range-input:hover {
  border-color: var(--td-brand-color);
}
.l-range-input.l-is-success {
  border-color: var(--td-success-color);
}
.l-range-input.l-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-range-input.l-is-success.l-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.l-range-input.l-is-success > .l-range-input__extra {
  color: var(--td-success-color);
}
.l-range-input.l-is-warning {
  border-color: var(--td-warning-color);
}
.l-range-input.l-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-range-input.l-is-warning.l-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.l-range-input.l-is-warning > .l-range-input__extra {
  color: var(--td-warning-color);
}
.l-range-input.l-is-error {
  border-color: var(--td-error-color);
}
.l-range-input.l-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-range-input.l-is-error.l-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.l-range-input.l-is-error > .l-range-input__extra {
  color: var(--td-error-color);
}
.l-range-input.l-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.l-range-input.l-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.l-range-input.l-is-disabled .l-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.l-range-input.l-is-disabled .l-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.l-range-input.l-is-disabled > .l-range-input__prefix .l-icon,
.l-range-input.l-is-disabled > .l-range-input__suffix .l-icon {
  color: var(--td-text-color-disabled);
}
.l-range-input.l-range-input--prefix .l-range-input__prefix {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
}
.l-range-input.l-range-input--suffix .l-range-input__suffix {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
}
.l-range-input.l-size-large {
  height: 40px;
  font: var(--td-font-body-large);
  padding-top: 4px;
  padding-bottom: 4px;
}
.l-range-input.l-size-large .l-input {
  padding: 0 8px;
}
.l-range-input.l-size-small {
  padding: 2px 4px;
  height: 24px;
  font: var(--td-font-body-small);
}
.l-range-input.l-is-focused {
  z-index: 1;
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.l-range-input__inner {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.l-range-input__inner .l-input__wrap {
  flex: 1;
  height: 100%;
  border-radius: var(--td-radius-small);
}
.l-range-input__inner .l-input {
  padding: 0 4px;
  height: 100%;
  border: 0;
  box-shadow: none;
  font-size: inherit;
}
.l-range-input__inner .l-input:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-range-input__inner .l-input__inner {
  width: 100%;
  height: 100%;
  line-height: 1;
}
.l-range-input__inner .l-input.l-is-focused {
  background-color: var(--td-bg-color-component);
}
.l-range-input__extra {
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.l-range-input__status {
  position: absolute;
  right: -24px;
  top: 0;
}
.l-range-input.l-range-input--suffix .l-input__clear {
  opacity: 0;
  visibility: hidden;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.l-range-input.l-range-input--suffix:hover .l-input__clear {
  opacity: 1;
  visibility: visible;
}
.l-range-input .l-range-input__suffix-clear {
  cursor: pointer;
}
.l-range-input__prefix .l-icon,
.l-range-input__suffix .l-icon {
  transition: color 0.2s linear;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
  flex-shrink: 0;
}
.l-range-input-popup {
  width: 100%;
}
.l-range-input-popup--visible .l-range-input {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.l-range-input-popup--visible .l-range-input .l-icon-time,
.l-range-input-popup--visible .l-range-input .l-icon-calendar {
  color: var(--td-brand-color);
}
.l-range-input-popup--visible .l-range-input .l-input.l-is-focused {
  background-color: var(--td-bg-color-component);
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-time-picker,
.l-time-range-picker {
  width: 240px;
  background: transparent;
  display: inline-block;
  position: relative;
  font: var(--td-font-body-medium);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-time-picker.l-is-disabled,
.l-time-range-picker.l-is-disabled {
  cursor: not-allowed;
}
.l-time-picker > *:focus,
.l-time-range-picker > *:focus,
.l-time-picker > *:active,
.l-time-range-picker > *:active {
  outline: 0;
}
.l-time-picker__group,
.l-time-range-picker__group {
  position: relative;
}
.l-time-picker__group.active,
.l-time-range-picker__group.active {
  border: 1px solid var(--td-brand-color);
  box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
}
.l-time-picker__group.active + .l-time-picker__icon-wrap > .l-time-picker__icon-clear,
.l-time-range-picker__group.active + .l-time-picker__icon-wrap > .l-time-picker__icon-clear {
  display: block;
}
.l-time-picker__group-text,
.l-time-range-picker__group-text {
  color: var(--td-text-color-primary);
}
.l-time-picker__group input,
.l-time-range-picker__group input {
  cursor: pointer;
}
.l-time-picker__input,
.l-time-range-picker__input {
  position: absolute;
  top: 0;
  height: 100%;
  padding: 0 8px 0 4px;
  z-index: 1;
  border-radius: var(--td-radius-default);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font: var(--td-font-body-medium);
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-time-picker__input:hover,
.l-time-range-picker__input:hover {
  border-color: var(--td-brand-color);
}
.l-time-picker__input-placeholder,
.l-time-range-picker__input-placeholder {
  margin-left: 8px;
  color: var(--td-text-color-placeholder);
}
.l-time-picker__input-item,
.l-time-range-picker__input-item {
  height: 22px;
}
.l-time-picker__input-item-disabled,
.l-time-range-picker__input-item-disabled {
  color: var(--td-text-color-disabled);
}
.l-time-picker__input-item-input,
.l-time-range-picker__input-item-input {
  margin: 0 2px;
  color: inherit;
  background: none;
  cursor: pointer;
  height: inherit;
  outline: none;
  width: 28px;
  text-align: center;
  border-radius: var(--td-radius-default);
  border: 0;
  line-height: 22px;
}
.l-time-picker__input-item-input-meridiem,
.l-time-range-picker__input-item-input-meridiem {
  width: 36px;
}
.l-time-picker__input-item-input:focus,
.l-time-range-picker__input-item-input:focus {
  border-color: var(--td-bg-color-page);
  background-color: var(--td-bg-color-container-hover);
}
.l-time-picker__input-disabled,
.l-time-range-picker__input-disabled {
  border: 1px solid var(--td-border-level-2-color);
  background-color: var(--td-bg-color-container-hover);
}
.l-time-picker__input-disabled-placeholder,
.l-time-range-picker__input-disabled-placeholder {
  color: var(--td-text-color-disabled);
}
.l-time-picker__input-disabled-item-input,
.l-time-range-picker__input-disabled-item-input {
  pointer-events: none;
}
.l-time-range-picker {
  width: auto;
}
.l-time-picker__panel {
  width: 280px;
  background: transparent;
  border-radius: var(--td-radius-default);
  display: inline-block;
  position: relative;
  font: var(--td-font-body-medium);
  --timePickerPanelOffsetTop: 15;
  --timePickerPanelOffsetBottom: 21;
}
.l-time-picker__panel-body {
  width: 100%;
  height: 216px;
  position: relative;
  user-select: none;
  margin: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-time-picker__panel-body-active-mask {
  position: absolute;
  top: 50%;
  height: 24px;
  width: 100%;
  display: flex;
}
.l-time-picker__panel-body-active-mask > div {
  flex: 1;
  transform: translateY(-15px);
  height: 24px;
  background-color: var(--td-brand-color-light);
  margin: 6px 4px;
  border-radius: var(--td-radius-default);
}
.l-time-picker__panel-body-scroll {
  flex: 1;
  height: 100%;
  overflow-y: scroll;
  text-align: center;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-time-picker__panel-body-scroll::-webkit-scrollbar {
  width: 0;
}
.l-time-picker__panel-body-scroll::after,
.l-time-picker__panel-body-scroll::before {
  display: block;
  height: 50%;
  content: "";
}
.l-time-picker__panel-body-scroll::before {
  height: calc(50% - var(--timePickerPanelOffsetTop, 0) * 1px);
}
.l-time-picker__panel-body-scroll::after {
  height: calc(50% - var(--timePickerPanelOffsetBottom, 0) * 1px);
}
.l-time-picker__panel-body-scroll:last-child {
  border-right: 0;
}
.l-time-picker__panel-body-scroll-item {
  height: 24px;
  font: var(--td-font-body-medium);
  line-height: 24px;
  color: var(--td-text-color-secondary);
  margin: 6px 4px;
  border-radius: var(--td-radius-default);
  text-align: center;
  cursor: pointer;
  transition: 0.2s linear;
}
.l-time-picker__panel-body-scroll-item:not(.l-time-picker__panel-body-scroll-item.l-is-current):not(.l-time-picker__panel-body-scroll-item.l-is-disabled):hover {
  color: var(--td-text-color-primary);
}
.l-time-picker__panel-body-scroll-item:not(.l-time-picker__panel-body-scroll-item.l-is-current):not(.l-time-picker__panel-body-scroll-item.l-is-disabled):active {
  background-color: var(--td-bg-color-container-hover);
}
.l-time-picker__panel-body-scroll-item.l-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.l-time-picker__panel-body-scroll-item.l-is-hidden {
  display: none;
  cursor: not-allowed;
}
.l-time-picker__panel-body-scroll-item.l-is-current {
  color: var(--td-brand-color);
}
.l-time-picker__panel-section-body {
  padding: 0 12px;
}
.l-time-picker__panel-section-footer {
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  background-color: transparent;
  position: relative;
  border-top: 1px solid var(--td-border-level-1-color);
  box-sizing: border-box;
  padding: 0 12px;
}

.l-date-picker,
.l-date-range-picker {
  display: inline-flex;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-date-picker__header-controller-month-popup > .l-popup__content,
.l-date-picker__header-controller-year-popup > .l-popup__content {
  max-height: 160px;
}
.l-date-picker__panel-container > .l-popup__content,
.l-date-range-picker__panel-container > .l-popup__content {
  padding: 0;
  min-width: 280px;
}
.l-date-picker__panel,
.l-date-range-picker__panel {
  display: flex;
  flex-direction: column;
}
.l-date-picker__panel--direction-row,
.l-date-range-picker__panel--direction-row {
  flex-direction: row;
}
.l-date-picker__panel .l-time-picker__panel,
.l-date-range-picker__panel .l-time-picker__panel {
  width: 216px;
}
.l-date-picker__panel .l-time-picker__panel-section-body,
.l-date-range-picker__panel .l-time-picker__panel-section-body {
  padding: 0;
}
.l-date-picker__panel .l-time-picker__panel-body,
.l-date-range-picker__panel .l-time-picker__panel-body {
  margin: 0;
}
.l-date-picker__panel-content,
.l-date-range-picker__panel-content,
.l-date-range-picker__panel-content-wrapper {
  display: flex;
}
.l-date-range-picker__panel-content-wrapper {
  gap: 6px;
}
.l-date-picker__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.l-date-picker__header-controller {
  display: inline-flex;
  gap: 8px;
}
.l-date-picker__header-controller .l-date-picker__header-controller-month {
  width: 80px;
}
.l-date-picker__header-controller .l-date-picker__header-controller-year {
  width: 78px;
}
.l-date-picker__table table {
  width: 100%;
  border-collapse: collapse;
}
.l-date-picker__table table th {
  text-align: center;
  color: var(--td-text-color-secondary);
  font-weight: 400;
}
.l-date-picker__table table td.l-date-picker__cell {
  text-align: center;
  font-weight: 500;
}
.l-date-picker__table table th,
.l-date-picker__table table td.l-date-picker__cell {
  padding: 0;
  border: 0;
  line-height: initial;
}
.l-date-picker__table table thead::after {
  content: "-";
  display: block;
  line-height: 3px;
  color: transparent;
}
.l-date-picker__table-week-row {
  cursor: pointer;
  position: sticky;
}
.l-date-picker__table-week-row .l-date-picker__cell:first-child .l-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.l-date-picker__table-week-row .l-date-picker__cell:hover .l-date-picker__cell-inner {
  box-shadow: none;
  background: none;
}
.l-date-picker__table-week-row::after {
  content: "";
  position: absolute;
  left: 33px;
  right: 0;
  top: 3px;
  z-index: 10;
  height: 24px;
  border-radius: 3px;
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  pointer-events: none;
}
.l-date-picker__table-week-row:hover .l-date-picker__cell:first-child .l-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.l-date-picker__table-week-row:hover::after {
  box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.l-date-picker__table-week-row--active::after {
  z-index: 0;
  background-color: var(--td-brand-color);
}
.l-date-picker__table-week-row--active .l-date-picker__cell:first-child .l-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.l-date-picker__table-week-row--active .l-date-picker__cell .l-date-picker__cell-inner {
  background: transparent;
  color: var(--td-text-color-anti);
}
.l-date-picker__table-week-row--range::after {
  z-index: 0;
  background-color: var(--td-brand-color-light);
}
.l-date-picker__table-week-row--range .l-date-picker__cell .l-date-picker__cell-inner {
  background: transparent;
}
.l-date-picker__footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px;
  gap: 8px;
}
.l-date-picker__footer--bottom {
  border-top: 1px solid var(--td-component-stroke);
}
.l-date-picker__footer--top {
  border-bottom: 1px solid var(--td-component-stroke);
}
.l-date-picker__footer--left {
  flex-direction: column;
  border-right: 1px solid var(--td-component-stroke);
}
.l-date-picker__footer--left .l-date-picker__presets {
  flex-direction: column;
}
.l-date-picker__footer--right {
  flex-direction: column;
  border-left: 1px solid var(--td-component-stroke);
}
.l-date-picker__footer--right .l-date-picker__presets {
  flex-direction: column;
}
.l-date-picker__presets {
  display: flex;
  gap: 8px;
  white-space: nowrap;
  min-width: 40px;
}
.l-date-picker__presets .l-button {
  cursor: pointer;
}
.l-date-picker__presets a {
  color: var(--td-brand-color);
}
.l-date-picker__presets a:hover {
  color: var(--td-brand-color-hover);
}
.l-date-picker__panel-time,
.l-date-range-picker__panel-time {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
  border-left: 1px solid var(--td-component-stroke);
}
.l-date-picker__panel-time-viewer,
.l-date-range-picker__panel-time-viewer {
  display: flex;
  height: 32px;
  line-height: 22px;
  align-items: center;
  justify-content: center;
  color: var(--td-text-color-primary);
}
.l-date-picker__panel-time .l-time-picker__panel-body,
.l-date-range-picker__panel-time .l-time-picker__panel-body {
  margin: 0;
}
.l-date-picker__panel-year,
.l-date-picker__panel-month,
.l-date-picker__panel-quarter,
.l-date-picker__panel-week,
.l-date-picker__panel-date {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 12px;
  gap: 12px;
  max-width: 280px;
}
.l-date-picker__panel-year .l-date-picker__cell--hover-highlight + .l-date-picker__cell--hover-highlight::before,
.l-date-picker__panel-month .l-date-picker__cell--hover-highlight + .l-date-picker__cell--hover-highlight::before,
.l-date-picker__panel-year .l-date-picker__cell--hover-highlight + .l-date-picker__cell--hover-highlight::after,
.l-date-picker__panel-month .l-date-picker__cell--hover-highlight + .l-date-picker__cell--hover-highlight::after {
  left: -28px;
}
.l-date-picker__panel-year .l-date-picker__cell--hover-highlight + .l-date-picker__cell--active::after,
.l-date-picker__panel-month .l-date-picker__cell--hover-highlight + .l-date-picker__cell--active::after {
  left: 0;
}
.l-date-picker__panel-year .l-date-picker__cell--highlight + .l-date-picker__cell--highlight::before,
.l-date-picker__panel-month .l-date-picker__cell--highlight + .l-date-picker__cell--highlight::before {
  left: -28px;
}
.l-date-picker__panel-year .l-date-picker__header-controller-year,
.l-date-picker__panel-month .l-date-picker__header-controller-year,
.l-date-picker__panel-quarter .l-date-picker__header-controller-year {
  width: 130px;
}
.l-date-picker__panel-year .l-date-picker__table table tbody,
.l-date-picker__panel-month .l-date-picker__table table tbody,
.l-date-picker__panel-quarter .l-date-picker__table table tbody {
  width: 100%;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.l-date-picker__panel-year .l-date-picker__table table tbody tr,
.l-date-picker__panel-month .l-date-picker__table table tbody tr,
.l-date-picker__panel-quarter .l-date-picker__table table tbody tr {
  display: flex;
  justify-content: space-between;
}
.l-date-picker__panel-year .l-date-picker__cell--disabled + .l-date-picker__cell--disabled:before,
.l-date-picker__panel-month .l-date-picker__cell--disabled + .l-date-picker__cell--disabled:before,
.l-date-picker__panel-quarter .l-date-picker__cell--disabled + .l-date-picker__cell--disabled:before {
  left: -56px;
}
.l-date-picker__panel-year .l-date-picker__cell:nth-child(1),
.l-date-picker__panel-month .l-date-picker__cell:nth-child(1),
.l-date-picker__panel-quarter .l-date-picker__cell:nth-child(1) {
  text-align: left;
}
.l-date-picker__panel-year .l-date-picker__cell:nth-child(3),
.l-date-picker__panel-month .l-date-picker__cell:nth-child(3),
.l-date-picker__panel-quarter .l-date-picker__cell:nth-child(3) {
  text-align: right;
}
.l-date-picker__panel-year .l-date-picker__cell-inner,
.l-date-picker__panel-month .l-date-picker__cell-inner,
.l-date-picker__panel-quarter .l-date-picker__cell-inner {
  width: 48px;
}
.l-date-picker__cell {
  cursor: pointer;
  position: relative;
  padding: 0;
}
.l-date-picker__cell::before,
.l-date-picker__cell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-date-picker__cell:hover .l-date-picker__cell-inner {
  box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.l-date-picker__cell-inner {
  position: relative;
  z-index: 5;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: var(--td-radius-default);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}
.l-date-picker__cell--now .l-date-picker__cell-inner {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.l-date-picker__cell--hover-highlight::after {
  background-color: var(--td-brand-color-light);
}
.l-date-picker__cell--highlight::before {
  background-color: var(--td-brand-color-light);
}
.l-date-picker__cell--highlight.l-date-picker__cell--hover-highlight::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.l-date-picker__cell--additional:hover .l-date-picker__cell-inner {
  box-shadow: none;
  border-color: var(--td-bg-color-container-hover);
  background-color: var(--td-bg-color-container-hover);
}
.l-date-picker__cell--additional .l-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.l-date-picker__cell--active .l-date-picker__cell-inner {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.l-date-picker__cell--active-start::before {
  left: 6px;
  border-top-left-radius: var(--td-radius-default);
  border-bottom-left-radius: var(--td-radius-default);
}
.l-date-picker__cell--active-end::before {
  right: 6px;
  border-top-right-radius: var(--td-radius-default);
  border-bottom-right-radius: var(--td-radius-default);
}
.l-date-picker__cell--disabled:hover .l-date-picker__cell-inner {
  box-shadow: none;
  background-color: var(--td-bg-color-component-disabled);
}
.l-date-picker__cell--disabled .l-date-picker__cell-inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.l-date-picker__cell--disabled + .l-date-picker__cell--disabled::before {
  left: -32px;
  background-color: var(--td-bg-color-component-disabled);
}
.l-date-picker__input--placeholder input {
  color: var(--td-text-color-placeholder);
}

.l-jumper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-jumper--outline .l-jumper__prev {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 1;
}
.l-jumper--outline .l-jumper__current {
  border-radius: 0;
  position: relative;
  margin-left: -1px;
}
.l-jumper--outline .l-jumper__current:hover {
  z-index: 1;
}
.l-jumper--outline .l-jumper__next {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  margin-left: -1px;
}
.l-jumper--outline .l-jumper__next:hover {
  z-index: 1;
}

.l-color-picker__panel {
  padding: 0;
  width: 254px;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  border-radius: var(--td-radius-medium);
  user-select: none;
}
.l-popup__content .l-color-picker__panel {
  background: transparent;
  box-shadow: unset;
}
.l-color-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
}
.l-color-picker.l-popup__content {
  border-radius: 6px;
  box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.l-color-picker__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: var(--td-bg-color-container);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  color: var(--td-text-color-secondary);
  border-radius: 3px;
  cursor: pointer;
}
.l-color-picker__icon:hover {
  background: var(--td-bg-color-container-hover);
}
.l-color-picker__icon.l-is-disabled {
  color: var(--td-text-color-disabled);
  pointer-events: none;
}
.l-color-picker__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  position: relative;
  z-index: 2;
}
.l-color-picker__head .l-color-picker__close {
  flex-shrink: 0;
}
.l-color-picker__head + .l-color-picker__body {
  padding-top: 0;
}
.l-color-picker__body {
  padding: 12px;
  padding-bottom: 8px;
}
.l-color-picker__thumb {
  position: absolute;
  z-index: 1;
  outline: none;
  border-color: currentcolor;
  width: 18px;
  height: 18px;
  border-radius: var(--td-radius-circle);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  color: var(--td-text-color-brand);
  padding: 2px;
  box-sizing: border-box;
}
.l-color-picker__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background: currentcolor;
  border-radius: var(--td-radius-circle);
  display: block;
}
.l-color-picker__saturation {
  height: 168px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background: transparent;
}
.l-color-picker__saturation::before,
.l-color-picker__saturation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-color-picker__saturation::before {
  background: linear-gradient(90deg, #fff, transparent);
}
.l-color-picker__saturation::after {
  background: linear-gradient(0deg, #000, transparent);
}
.l-color-picker__saturation .l-color-picker__thumb {
  width: 18px;
  height: 18px;
  border-radius: var(--td-radius-circle);
  transform: translate(-50%, -50%);
}
.l-color-picker__slider-wrapper {
  border-radius: 8px;
  padding: 0 9px;
  position: relative;
}
.l-color-picker__slider-wrapper--hue-type {
  background: #f00;
}
.l-color-picker__slider-wrapper--alpha-type {
  background: #fff;
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.l-color-picker__slider-padding {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  border-radius: 8px;
}
.l-color-picker__slider {
  height: 8px;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  color: transparent;
  outline: none;
  z-index: 1;
}
.l-color-picker__slider .l-color-picker__thumb {
  transform: translate(-9px, -50%);
  top: 50%;
}
.l-color-picker__slider .l-color-picker__rail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.l-color-picker__alpha,
.l-color-picker__format {
  margin: 12px 0 0 0;
}
.l-color-picker__hue {
  background: linear-gradient(90deg, #f00, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);
}
.l-color-picker__alpha .l-color-picker__rail {
  background: linear-gradient(to right, transparent, currentcolor);
}
.l-color-picker__sliders-wrapper {
  display: flex;
  align-items: center;
  margin: 12px 0;
}
.l-color-picker__sliders {
  width: 186px;
}
.l-color-picker__sliders-preview {
  flex-shrink: 0;
  margin-left: 12px;
  width: 32px;
  height: 32px;
  border-radius: var(--td-radius-default);
  overflow: hidden;
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.l-color-picker__sliders-preview-inner {
  display: block;
  width: 100%;
  height: 100%;
}
.l-color-picker__gradient {
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.l-color-picker__gradient-slider {
  flex: 1;
}
.l-color-picker__gradient-degree {
  position: relative;
  flex-shrink: 0;
  margin-left: 12px;
  width: 42px;
}
.l-color-picker__gradient-degree .l-input {
  margin: 0;
  font: var(--td-font-body-small);
}
.l-color-picker__gradient-degree .l-input-number {
  width: 100%;
  padding: 0;
}
.l-color-picker__gradient .gradient-thumbs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: inherit;
  cursor: pointer;
}
.l-color-picker__gradient .gradient-thumbs__item {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 0;
  cursor: pointer;
}
.l-color-picker__gradient .gradient-thumbs__item::before {
  display: none;
}
.l-color-picker__gradient .gradient-thumbs__item.l-is-active {
  z-index: 1;
  outline: 2px solid var(--td-text-color-brand);
}
.l-color-picker__gradient .gradient-thumbs__item-inner {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--td-radius-circle);
  overflow: hidden;
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.l-color-picker__gradient .gradient-thumbs__item-inner::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: currentcolor;
}
.l-color-picker__format {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-color-picker__format--item:first-child {
  flex-shrink: 0;
}
.l-color-picker__format--item:last-child {
  flex: 1;
}
.l-color-picker__format--item .l-size-m,
.l-color-picker__format--item .l-input.l-size-medium {
  font: var(--td-font-body-small);
}
.l-color-picker__format--item .l-input-number .l-input {
  margin: 0;
}
.l-color-picker__format--item .l-select__single {
  margin-left: 4px;
}
.l-color-picker__format--item .input-group {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-left: 8px;
}
.l-color-picker__format--item .input-group__item {
  flex: 1;
  width: 0;
  margin-left: -1px;
}
.l-color-picker__format--item .input-group__item .l-input {
  padding: 0 1px;
  font: var(--td-font-body-small);
}
.l-color-picker__format--item .input-group__item .l-input:focus,
.l-color-picker__format--item .input-group__item .l-input:focus-within,
.l-color-picker__format--item .input-group__item .l-input:hover {
  z-index: 1;
}
.l-color-picker__format--item .input-group__item:not(:first-child, :last-child) .l-input {
  border-radius: 0;
}
.l-color-picker__format--item .input-group__item:first-child:not(:last-child) .l-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.l-color-picker__format--item .input-group__item:last-child:not(:first-child) .l-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.l-color-picker__format--item .input-group .l-input-number {
  width: 100%;
  padding: 0;
}
.l-color-picker__format-mode-select {
  width: 70px;
}
.l-color-picker__format-mode-select .l-select,
.l-color-picker__format-mode-select .l-input {
  padding-right: 0;
}
.l-color-picker__format-mode-select .l-input--prefix > .l-input__suffix {
  padding-left: 0;
}
.l-color-picker__format-mode-select .l-select__right-icon {
  margin: 0 4px 0 0;
}
.l-color-picker__swatches-wrap {
  margin: 12px 0 0 0;
  position: relative;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches + .l-color-picker__swatches {
  margin-top: 12px;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--title {
  font: var(--td-font-body-small);
  margin: 0 0 12px;
  padding: 0;
  color: var(--td-text-color-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 0;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--actions .l-color-picker__icon {
  width: 16px;
  height: 16px;
  margin-left: 12px;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--remove {
  position: relative;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--remove .l-popup {
  position: absolute;
  inset: auto auto 0 0;
  margin: 0;
  bottom: 30px;
  left: 10px;
  transform: translateX(-50%);
  cursor: default;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--remove .l-popconfirm__content {
  width: 220px;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--items {
  width: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(10, 18px);
  gap: 5.7px 5.7px;
  max-height: 94.8px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 -11px 0 -1px;
  padding: 4px 10px 4px 4px;
  position: relative;
  left: -4px;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--item {
  display: flex;
  width: 18px;
  height: 18px;
  border-radius: var(--td-radius-circle);
  padding: 0;
  border: 1px solid transparent;
  overflow: hidden;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
  transform-origin: center;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--item:hover {
  transform: scale(1.25);
  transform-origin: center;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--item__color {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-circle);
  flex-shrink: 0;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--item__inner {
  width: 100%;
  height: 100%;
  display: block;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--item:not(.l-is-active):hover {
  padding: 0;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--item.l-is-active .l-color-picker__swatches--item__color,
.l-color-picker__swatches-wrap .l-color-picker__swatches--item.l-is-active .l-color-picker__swatches--color {
  border-color: var(--td-text-color-brand);
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--color {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-circle);
  box-sizing: border-box;
}
.l-color-picker__swatches-wrap .l-color-picker__swatches--inner {
  width: 100%;
  height: 100%;
  display: block;
}
.l-color-picker__trigger--default {
  display: inline-flex;
  align-items: center;
}
.l-color-picker__trigger--default > .l-input {
  width: fit-content;
}
.l-color-picker__trigger--default .l-input {
  padding: 0 4px;
}
.l-color-picker__trigger--default__color {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  box-sizing: border-box;
}
.l-color-picker__trigger--default__color .color-inner {
  border: 1px solid var(--td-scrollbar-color);
  display: block;
  width: 22px;
  height: 22px;
  color: transparent;
  position: relative;
  border-radius: var(--td-radius-default);
}
.l-color-picker__gradient-slider {
  padding: 0 9px;
  border-radius: 8px;
}
.l-color-picker__gradient-slider .l-color-picker--bg-alpha {
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.l-color-picker__panel.l-is-disabled .l-color-picker__saturation,
.l-color-picker__panel.l-is-disabled .l-color-picker__slider,
.l-color-picker__panel.l-is-disabled .l-color-picker__swatches--item {
  opacity: 0.8;
  cursor: not-allowed;
}
.l-color-picker__panel.l-is-disabled .l-color-picker__gradient-slider .gradient-thumbs,
.l-color-picker__panel.l-is-disabled .l-color-picker__gradient-slider .gradient-thumbs__item {
  cursor: not-allowed;
}
.l-color-picker__panel.l-is-disabled .l-color-picker__swatches--item:hover {
  padding: 0;
}
.l-color-picker__select-options > .l-popup__content {
  border-radius: 6px;
  box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}

.l-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  border: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-large);
}
.l-calendar .l-is-disabled.l-calendar__table-body-cell:hover {
  cursor: not-allowed;
}
.l-calendar .l-is-disabled .l-calendar__table-body-cell-display {
  color: var(--td-text-color-disabled);
}
.l-calendar .l-is-disabled .l-calendar__table-body-cell-display:hover {
  box-shadow: none;
}
.l-calendar--full {
  min-width: 560px;
}
.l-calendar--full .l-calendar__control {
  padding: 32px 36px;
}
.l-calendar--full .l-calendar__title {
  font-size: var(--td-font-size-title-large);
  flex: 1;
}
.l-calendar--full .l-calendar__panel {
  padding: 0px 36px 36px;
  position: relative;
}
.l-calendar--full .l-calendar__panel-title {
  font: var(--td-font-title-large);
  padding-top: 1px;
  padding-bottom: 1px;
  color: var(--td-text-color-primary);
  position: absolute;
  top: -36px;
}
.l-calendar--full .l-calendar__table-head-cell,
.l-calendar--full .l-calendar__table-body-cell {
  margin-right: 8px;
  position: relative;
}
.l-calendar--full .l-calendar__table-body-cell {
  border-top: 1px solid var(--td-border-level-1-color);
  padding: 0px;
  height: 87.4px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 0px;
  transition-duration: 0.2s;
  transition-property: border-top, background;
  transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
  box-sizing: border-box;
}
.l-calendar--full .l-calendar__table-body-cell-content {
  min-height: 60px;
  padding-top: 8px;
}
.l-calendar--full .l-calendar__table-body-cell.l-is-checked {
  background-color: var(--td-brand-color-light);
}
.l-calendar--full .l-calendar__table-body-cell.l-is-checked:hover {
  background-color: var(--td-brand-color-light);
}
.l-calendar--full .l-calendar__table-body-cell--now {
  border-top: 1px solid var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.l-calendar--full .l-calendar__table-body-cell--now .l-calendar__table-body-cell-display {
  color: var(--td-text-color-primary);
}
.l-calendar--full .l-calendar__footer {
  height: 90px;
  padding: 46px 36px 20px;
  border-top: 1px solid var(--td-border-level-1-color);
}
.l-calendar--card {
  width: 352px;
  border-radius: var(--td-radius-medium);
}
.l-calendar--card .l-calendar__control {
  padding: 12px 12px 0;
}
.l-calendar--card .l-calendar__control-section {
  width: 100%;
  justify-content: flex-start;
}
.l-calendar--card .l-calendar__control-section-cell:last-child {
  flex: 1;
  text-align: right;
}
.l-calendar--card .l-calendar__panel.l-calendar__panel--month {
  height: 310px;
  padding: 12px;
}
.l-calendar--card .l-calendar__panel.l-calendar__panel--year {
  height: 256px;
  padding: 12px;
}
.l-calendar--card .l-calendar__panel.l-calendar__panel--year .l-calendar__table-body-cell-display {
  min-width: 48px;
}
.l-calendar--card .l-calendar__table {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-self: start;
  align-items: flex-start;
}
.l-calendar--card .l-calendar__table-head-row,
.l-calendar--card .l-calendar__table-body-row {
  flex: 1;
  background: var(--td-bg-color-container);
}
.l-calendar--card .l-calendar__table-head-cell,
.l-calendar--card .l-calendar__table-body-cell {
  width: 100%;
  height: 100%;
  margin: 0px;
  justify-content: center;
  font: var(--td-font-body-small);
  box-sizing: border-box;
}
.l-calendar--card .l-calendar__table-head-cell-display,
.l-calendar--card .l-calendar__table-body-cell-display {
  width: 24px;
  line-height: 24px;
}
.l-calendar--card .l-calendar__table-body {
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
  flex: 1;
}
.l-calendar--card .l-calendar__table-body-cell {
  justify-content: center;
  align-items: center;
}
.l-calendar--card .l-calendar__table-body-cell:hover {
  background-color: var(--td-bg-color-container);
}
.l-calendar--card .l-calendar__table-body-cell-display {
  font: var(--td-font-body-small);
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  border-radius: var(--td-radius-default);
  transition-duration: 0.2s;
  transition-property: border-top, background;
  transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
}
.l-calendar--card .l-calendar__table-body-cell-display:hover {
  box-shadow: inset 0 0 0 1px var(--td-brand-color);
  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-calendar--card .l-calendar__table-body-cell--now .l-calendar__table-body-cell-display {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  position: relative;
}
.l-calendar--card .l-is-checked .l-calendar__table-body-cell-display {
  background: var(--td-brand-color);
  border-radius: var(--td-radius-default);
  color: var(--td-text-color-anti);
}
.l-calendar--card .l-calendar__footer {
  height: 64px;
  padding: 16px;
  border-top: 1px solid var(--td-border-level-1-color);
}
.l-calendar__control {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.l-calendar__control-section {
  height: 100%;
  margin-right: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.l-calendar__control-section:last-child {
  margin-right: 0;
}
.l-calendar__control-section-cell {
  height: 100%;
  margin-right: 8px;
}
.l-calendar__control-section-cell:last-child {
  margin-right: 0;
}
.l-calendar__control-section-cell .l-select.l-size-large {
  padding-right: 51px;
}
.l-calendar__control-section-cell .l-select.l-size-medium {
  padding-right: 42px;
}
.l-calendar__control-section-cell .l-select.l-size-small {
  padding-right: 35px;
}
.l-calendar__control-tag {
  height: 32px;
  padding: 0 16px;
}
.l-calendar__panel {
  box-sizing: border-box;
  width: 100%;
}
.l-calendar__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
}
.l-calendar__table-head,
.l-calendar__table-body {
  width: 100%;
}
.l-calendar__table-head-row,
.l-calendar__table-body-row {
  width: 100%;
  display: flex;
}
.l-calendar__table-head-cell,
.l-calendar__table-body-cell {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  font: var(--td-font-title-small);
  color: var(--td-text-color-primary);
  cursor: default;
  padding: 0px;
}
.l-calendar__table-head-cell:last-child,
.l-calendar__table-body-cell:last-child {
  margin-right: 0;
}
.l-calendar__table-head {
  margin-bottom: 8px;
  display: block;
}
.l-calendar__table-head-row {
  padding-bottom: 0px;
  background: var(--td-bg-color-container);
}
.l-calendar__table-head-cell {
  height: 100%;
  padding: 0px;
  font: var(--td-font-title-small);
  color: var(--td-text-color-secondary);
}
.l-calendar__table-body-cell {
  cursor: pointer;
}
.l-calendar__table-body-cell:hover {
  background-color: var(--td-bg-color-container-hover);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.l-calendar__table-body-cell-display {
  font: var(--td-font-title-small);
  color: var(--td-text-color-primary);
}

.l-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  border: solid 1px var(--td-component-border);
  border-bottom: 0;
  background: var(--td-bg-color-container);
}
.l-collapse.l--border-less {
  border: none;
}
.l-collapse.l--border-less .l-collapse-panel__header {
  border-bottom: none;
}
.l-collapse.l--border-less .l-collapse-panel__body {
  background: var(--td-bg-color-container);
  border: none;
}
.l-collapse-panel__icon {
  transition: transform 0.25s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-collapse-panel__icon--default {
  transform: rotate(-90deg);
}
.l-collapse-panel__icon--left {
  margin-right: 8px;
}
.l-collapse-panel__icon--right {
  margin-left: 8px;
}
.l-collapse-panel__icon--active {
  transform: rotate(90deg);
}
.l-collapse-panel__icon:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-small);
  transition: background-color 0.2s;
}
.l-collapse-panel__wrapper {
  overflow: hidden;
}
.l-collapse-panel__wrapper .l-collapse-panel__header {
  padding: 0 16px;
  border-bottom: solid 1px var(--td-component-border);
  height: 46px;
  font: var(--td-font-title-small);
  display: flex;
  align-items: center;
}
.l-collapse-panel__wrapper .l-collapse-panel__header--blank {
  flex: 1;
}
.l-collapse-panel__wrapper .l-collapse-panel__header.l-is-clickable {
  cursor: pointer;
}
.l-collapse-panel__wrapper .l-collapse-panel__header-left,
.l-collapse-panel__wrapper .l-collapse-panel__header-right,
.l-collapse-panel__wrapper .l-collapse-panel__header-right-content {
  display: flex;
}
.l-collapse-panel__wrapper .l-collapse-panel__body {
  border-bottom: solid 1px var(--td-component-border);
  background: var(--td-bg-color-secondarycontainer);
  overflow: inherit;
}
.l-collapse-panel__wrapper .l-collapse-panel__body--collapsed {
  border: none;
}
.l-collapse-panel__wrapper .l-collapse-panel__content {
  padding: 12px 16px 12px 40px;
  color: var(--td-text-color-secondary);
}
.l-collapse-panel.l-is-disabled .l-collapse-panel__header {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.l-collapse-panel.l-is-disabled .l-collapse-panel__icon {
  cursor: not-allowed;
  pointer-events: none;
}
.l-collapse-panel.l-is-disabled .l-collapse-panel__body {
  background: var(--td-bg-color-component-disabled);
}
.l-collapse-panel.l-is-disabled .l-collapse-panel__content {
  color: var(--td-text-color-disabled);
}
.l-slide-down-enter-active,
.l-slide-down-leave-active {
  transition: height 0.3s, padding 0.3s;
}

/* Swiper */
.l-swiper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
}
.l-swiper__wrap {
  display: block;
  position: relative;
  height: 100%;
}
.l-swiper__content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.l-swiper__container {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  z-index: 1;
}
.l-swiper__container__item {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.l-swiper__arrow {
  display: flex;
  align-items: center;
}
.l-swiper__arrow svg.l-icon {
  width: 20px;
  height: 20px;
}
.l-swiper__arrow svg.l-icon::before {
  font-size: 24px;
}
.l-swiper__arrow--default .l-swiper__arrow-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-white-2);
  cursor: pointer;
  left: 16px;
}
.l-swiper__arrow--default .l-swiper__arrow-left:hover {
  color: var(--td-bg-color-container);
  background-color: var(--td-font-white-4);
  border-radius: var(--td-radius-default);
}
.l-swiper__arrow--default .l-swiper__arrow-left:active {
  background-color: var(--td-font-white-3);
}
.l-swiper__arrow--default .l-swiper__arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-white-2);
  cursor: pointer;
  right: 16px;
}
.l-swiper__arrow--default .l-swiper__arrow-right:hover {
  color: var(--td-bg-color-container);
  background-color: var(--td-font-white-4);
  border-radius: var(--td-radius-default);
}
.l-swiper__arrow--default .l-swiper__arrow-right:active {
  background-color: var(--td-font-white-3);
}
.l-swiper-card .l-swiper__container {
  display: block;
}
.l-swiper-card .l-swiper__container .l-is-active {
  z-index: 2;
}
.l-swiper-card .l-swiper__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 41.5%;
  height: 100%;
  z-index: 0;
}
.l-swiper-fade .l-swiper__container {
  display: block;
}
.l-swiper-fade .l-swiper__fade {
  position: absolute;
  top: 0;
  left: 0;
}
.l-swiper__navigation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.l-swiper__navigation > li {
  flex: 1 0 auto;
  list-style-type: none;
  display: flex;
}
.l-swiper__navigation .l-swiper__arrow svg.l-icon {
  width: 16px;
  height: 16px;
}
.l-swiper__navigation-bars .l-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: 14px;
  height: auto;
}
.l-swiper__navigation-bars .l-swiper__navigation-item span {
  width: 100%;
  height: 3px;
}
.l-swiper__navigation-bars .l-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.l-swiper__navigation-bars .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active {
  width: 24px;
}
.l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: 14px;
  height: auto;
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item span {
  border-radius: calc(3px / 2);
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item span {
  width: 100%;
  height: 3px;
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item.l-is-active {
  width: 24px;
}
.l-swiper__navigation-dots-bar .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper__navigation-dots .l-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: 4px;
  height: auto;
}
.l-swiper__navigation-dots .l-swiper__navigation-item span {
  border-radius: 50%;
}
.l-swiper__navigation-dots .l-swiper__navigation-item span {
  width: 100%;
  height: 4px;
}
.l-swiper__navigation-dots .l-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.l-swiper__navigation-dots .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper__navigation-dots .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper__navigation-dots .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper__navigation-dots .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: -34px;
  height: 22px;
  line-height: 22px;
}
.l-swiper__navigation--fraction .l-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper__navigation--fraction .l-swiper__arrow-left:hover {
  color: var(--td-brand-color);
}
.l-swiper__navigation--fraction .l-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.l-swiper__navigation--fraction .l-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper__navigation--fraction .l-swiper__arrow-right:hover {
  color: var(--td-brand-color);
}
.l-swiper__navigation--fraction .l-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.l-swiper__navigation--fraction .l-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.l-swiper--vertical .l-swiper__container {
  flex-direction: column;
}
.l-swiper--vertical .l-swiper__navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: 0;
  bottom: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  height: 14px;
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span {
  width: 3px;
  height: 100%;
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active {
  height: 24px;
}
.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  height: 14px;
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item span {
  border-radius: calc(3px / 2);
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item span {
  width: 3px;
  height: 100%;
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item.l-is-active {
  height: 24px;
}
.l-swiper--vertical .l-swiper__navigation-dots-bar .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  max-height: 4px;
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item span {
  border-radius: 50%;
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item span {
  width: 4px;
  height: 100%;
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper--vertical .l-swiper__navigation-dots .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper--outside .l-swiper__navigation {
  bottom: -36px;
}
.l-swiper--outside .l-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: -34px;
  height: 22px;
  line-height: 22px;
}
.l-swiper--outside .l-swiper__navigation--fraction .l-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper--outside .l-swiper__navigation--fraction .l-swiper__arrow-left:hover {
  color: var(--td-brand-color);
}
.l-swiper--outside .l-swiper__navigation--fraction .l-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.l-swiper--outside .l-swiper__navigation--fraction .l-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper--outside .l-swiper__navigation--fraction .l-swiper__arrow-right:hover {
  color: var(--td-brand-color);
}
.l-swiper--outside .l-swiper__navigation--fraction .l-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.l-swiper--outside .l-swiper__navigation--fraction .l-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background-color: var(--td-font-gray-4);
}
.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-brand-color);
}
.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.l-swiper--outside .l-swiper__navigation-bars .l-is-active span {
  background-color: var(--td-brand-color-active);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation {
  bottom: auto;
  right: -36px;
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: -34px;
  height: 22px;
  line-height: 22px;
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction .l-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction .l-swiper__arrow-left:hover {
  color: var(--td-brand-color);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction .l-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction .l-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction .l-swiper__arrow-right:hover {
  color: var(--td-brand-color);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction .l-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation--fraction .l-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background-color: var(--td-font-gray-4);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-brand-color);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.l-swiper--outside.l-swiper--vertical .l-swiper__navigation-bars .l-is-active span {
  background-color: var(--td-brand-color-active);
}
.l-swiper--inside .l-swiper__navigation {
  bottom: 0;
}
.l-swiper--inside .l-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: -34px;
  height: 22px;
  line-height: 22px;
}
.l-swiper--inside .l-swiper__navigation--fraction .l-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper--inside .l-swiper__navigation--fraction .l-swiper__arrow-left:hover {
  color: var(--td-brand-color);
}
.l-swiper--inside .l-swiper__navigation--fraction .l-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.l-swiper--inside .l-swiper__navigation--fraction .l-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.l-swiper--inside .l-swiper__navigation--fraction .l-swiper__arrow-right:hover {
  color: var(--td-brand-color);
}
.l-swiper--inside .l-swiper__navigation--fraction .l-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.l-swiper--inside .l-swiper__navigation--fraction .l-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.l-swiper--large .l-swiper__arrow i.l-icon::before {
  font-size: 32px;
}
.l-swiper--large .l-swiper__arrow--default .l-swiper__arrow-left {
  width: 32px;
  height: 32px;
  left: 24px;
}
.l-swiper--large .l-swiper__arrow--default .l-swiper__arrow-right {
  width: 32px;
  height: 32px;
  right: 24px;
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 9px;
  padding: 27px 0;
  width: 21px;
  height: auto;
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item span {
  width: 100%;
  height: 4px;
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active {
  width: 36px;
}
.l-swiper--large .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper--large .l-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: -36px;
  height: 24px;
  line-height: 24px;
}
.l-swiper--large .l-swiper__navigation--fraction .l-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.l-swiper--large .l-swiper__navigation--fraction .l-swiper__arrow-left:hover {
  color: var(--td-brand-color);
}
.l-swiper--large .l-swiper__navigation--fraction .l-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.l-swiper--large .l-swiper__navigation--fraction .l-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.l-swiper--large .l-swiper__navigation--fraction .l-swiper__arrow-right:hover {
  color: var(--td-brand-color);
}
.l-swiper--large .l-swiper__navigation--fraction .l-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.l-swiper--large .l-swiper__navigation--fraction .l-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.l-swiper--large.l-swiper--outside .l-swiper__navigation {
  bottom: -54px;
}
.l-swiper--large.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background-color: var(--td-font-gray-4);
}
.l-swiper--large.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-brand-color);
}
.l-swiper--large.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.l-swiper--large.l-swiper--outside .l-swiper__navigation-bars .l-is-active span {
  background-color: var(--td-brand-color-active);
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item {
  cursor: pointer;
  margin: 9px 0 0 0;
  padding: 0 27px;
  width: auto;
  height: 21px;
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span {
  width: 4px;
  height: 100%;
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active {
  height: 36px;
}
.l-swiper--large.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper--large.l-swiper--vertical.l-swiper--outside .l-swiper__navigation {
  right: -54px;
}
.l-swiper--large.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background-color: var(--td-font-gray-4);
}
.l-swiper--large.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-brand-color);
}
.l-swiper--large.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.l-swiper--large.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-is-active span {
  background-color: var(--td-brand-color-active);
}
.l-swiper--small .l-swiper__arrow i.l-icon::before {
  font-size: 16px;
}
.l-swiper--small .l-swiper__arrow--default .l-swiper__arrow-left {
  width: 16px;
  height: 16px;
  left: 8px;
}
.l-swiper--small .l-swiper__arrow--default .l-swiper__arrow-right {
  width: 16px;
  height: 16px;
  right: 8px;
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 3px;
  padding: 9px 0;
  width: 9px;
  height: auto;
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item span {
  width: 100%;
  height: 2px;
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active {
  width: 15px;
}
.l-swiper--small .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper--small .l-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: -32px;
  height: 20px;
  line-height: 20px;
}
.l-swiper--small .l-swiper__navigation--fraction .l-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.l-swiper--small .l-swiper__navigation--fraction .l-swiper__arrow-left:hover {
  color: var(--td-brand-color);
}
.l-swiper--small .l-swiper__navigation--fraction .l-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.l-swiper--small .l-swiper__navigation--fraction .l-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-gray-4);
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.l-swiper--small .l-swiper__navigation--fraction .l-swiper__arrow-right:hover {
  color: var(--td-brand-color);
}
.l-swiper--small .l-swiper__navigation--fraction .l-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.l-swiper--small .l-swiper__navigation--fraction .l-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.l-swiper--small.l-swiper--outside .l-swiper__navigation {
  bottom: -18px;
}
.l-swiper--small.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background-color: var(--td-font-gray-4);
}
.l-swiper--small.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-brand-color);
}
.l-swiper--small.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.l-swiper--small.l-swiper--outside .l-swiper__navigation-bars .l-is-active span {
  background-color: var(--td-brand-color-active);
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item {
  cursor: pointer;
  margin: 3px 0 0 0;
  padding: 0 9px;
  width: auto;
  height: 9px;
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span {
  width: 2px;
  height: 100%;
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active {
  height: 15px;
}
.l-swiper--small.l-swiper--vertical .l-swiper__navigation-bars .l-swiper__navigation-item.l-is-active span {
  background-color: var(--td-bg-color-container);
}
.l-swiper--small.l-swiper--vertical.l-swiper--outside .l-swiper__navigation {
  right: -18px;
}
.l-swiper--small.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span {
  background-color: var(--td-font-gray-4);
}
.l-swiper--small.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:hover {
  background-color: var(--td-brand-color);
}
.l-swiper--small.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.l-swiper--small.l-swiper--vertical.l-swiper--outside .l-swiper__navigation-bars .l-is-active span {
  background-color: var(--td-brand-color-active);
}

.l-card {
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  background-color: var(--td-bg-color-container);
  color: var(--td-text-color-primary);
  transition: box-shadow 0.2s ease-in-out;
}
.l-card--bordered {
  border: 1px solid var(--td-component-border);
}
.l-card--shadow-hover:hover,
.l-card--shadow {
  box-shadow: var(--td-shadow-1);
}
.l-card__cover {
  display: flow-root;
}
.l-card__cover img {
  display: flow-root;
  width: 100%;
  max-height: 100%;
  border-radius: var(--td-radius-default) var(--td-radius-default) 0 0;
}
.l-card__body {
  display: flow-root;
  padding: 16px 24px;
  line-height: 1.5;
}
.l-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  position: relative;
  line-height: 1.5;
}
.l-card__header-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.l-card__header + .l-card__cover img {
  border-radius: 0;
}
.l-card__footer {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}
.l-card__footer-wrapper {
  flex: 1;
}
.l-size-small .l-card__body {
  padding: 8px 12px;
}
.l-size-small .l-card__header {
  padding: 8px 12px;
}
.l-size-small .l-card__footer {
  padding: 8px 12px;
}
.l-card__avatar {
  margin-right: 8px;
}
.l-card__title {
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  margin-right: 16px;
  word-break: break-all;
}
.l-card__subtitle {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  word-break: break-all;
}
.l-card__description {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: 4px;
  word-break: break-all;
}
.l-card__actions {
  float: right;
  color: var(--td-brand-color);
}
.l-card__title--bordered {
  border-bottom: 1px solid var(--td-component-border);
  padding-bottom: 16px;
}
.l-card__title--bordered + .l-card__body {
  padding-top: 16px;
}

.l-image__wrapper {
  position: relative;
  background: var(--td-bg-color-secondarycontainer);
  z-index: 1;
}
.l-image__wrapper--shape-square {
  border-radius: 0;
}
.l-image__wrapper--shape-round {
  border-radius: var(--td-radius-medium);
}
.l-image__wrapper--shape-circle {
  border-radius: 50%;
}
.l-image__wrapper--gallery {
  border-radius: var(--td-radius-medium);
}
.l-image__wrapper--gallery .l-image {
  position: relative;
  z-index: 5;
}
.l-image__wrapper--need-hover {
  cursor: pointer;
}
.l-image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: relative;
  z-index: inherit;
}
.l-image--fit-fill {
  object-fit: fill;
}
.l-image--fit-contain {
  object-fit: contain;
}
.l-image--fit-cover {
  object-fit: cover;
}
.l-image--fit-scale-down {
  object-fit: scale-down;
}
.l-image--fit-none {
  object-fit: none;
}
.l-image--position-center {
  object-position: center;
}
.l-image--position-bottom {
  object-position: bottom;
}
.l-image--position-top {
  object-position: top;
}
.l-image--position-left {
  object-position: left;
}
.l-image--position-right {
  object-position: right;
}
.l-image__gallery-shadow {
  position: absolute;
  left: 0;
  right: -24px;
  top: 24px;
  bottom: 24px;
  background: rgba(238, 238, 238, 0.26);
  border-radius: var(--td-radius-medium);
  z-index: calc(5 - 2);
}
.l-image__gallery-shadow::before,
.l-image__gallery-shadow::after {
  content: "";
  position: absolute;
  left: 0;
  border-radius: var(--td-radius-medium);
}
.l-image__gallery-shadow::after {
  top: -16px;
  right: 16px;
  bottom: -16px;
  background: rgba(238, 238, 238, 0.8);
  z-index: calc(5 - 1);
}
.l-image__gallery-shadow::before {
  top: -8px;
  right: 8px;
  bottom: -8px;
  background: rgba(238, 238, 238, 0.5);
  z-index: calc(5 - 3);
}
.l-image__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.l-image__overlay-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: calc(5 + 1);
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.2s linear;
}
.l-image__overlay-content--hidden {
  visibility: hidden;
  opacity: 0;
}
.l-image__loading,
.l-image__error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: calc(0 + 1);
}
.l-image__loading {
  color: var(--td-text-color-secondary);
}
.l-image__error {
  color: var(--td-text-color-disabled);
}

.l-image-viewer__img-error {
  height: 440px;
  width: 440px;
  background-color: #E7E7E7;
  border-radius: 4px;
  color: #000000;
  cursor: inherit;
  position: absolute;
}
.l-image-viewer__img-error .l-image-viewer__img-error-content {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 14px;
}
.l-image-viewer__img-error .l-image-viewer__img-error-content .l-image-viewer__img-error-text {
  margin-top: 10px;
}
@keyframes modal-image-show {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes modal-image-hide {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes modal-mask-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-mask-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.l-image-viewer-preview-image {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  overflow: hidden;
  animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
}
.l-image-viewer-preview-image.l-is-hide {
  animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide;
}
.l-image-viewer-preview-image.l-is-hide .l-image-viewer__modal-pic .l-image-viewer__modal-box {
  animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide;
}
.l-image-viewer-preview-image .l-image-viewer__modal-index {
  text-align: center;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-anti);
  position: absolute;
  top: 92px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  padding: 4px 8px;
  z-index: 1;
}
.l-image-viewer-preview-image .l-image-viewer__modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--td-mask-active);
  height: 100%;
  width: 100%;
  transition: all 0.2s ease;
  opacity: 1;
}
.l-image-viewer-preview-image .l-image-viewer__modal-pic {
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.l-image-viewer-preview-image .l-image-viewer__modal-pic .l-image-viewer__modal-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
}
.l-image-viewer-preview-image .l-image-viewer__modal-pic .l-image-viewer__modal-box .l-image-viewer__modal-image {
  display: block;
  max-width: min(90vw, 1000px);
  max-height: min(90vh, 800px);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transform: rotate(0deg);
  object-fit: contain;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-container);
  padding-bottom: 8px;
}
@keyframes preview-icon-range {
  0% {
    transform: translate(-50%, 50%) rotateZ(0);
  }
  100% {
    transform: translate(-50%, 50%) rotateZ(-180deg);
  }
}
@keyframes preview-icon-unrange {
  0% {
    transform: translate(-50%, 50%) rotateZ(-180deg);
  }
  100% {
    transform: translate(-50%, 50%) rotateZ(0);
  }
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-pre-bt {
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background-color: var(--td-bg-color-container);
  color: var(--td-text-color-primary);
  border-radius: 50%;
  border: 0.5px solid var(--td-bg-color-secondarycontainer);
  animation: 0.2s ease-out 0s 1 normal forwards running preview-icon-unrange;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-pre-bt:hover {
  background-color: inherit;
}
@keyframes preview-image-show {
  0% {
    height: 0;
  }
  100% {
    height: 54px;
  }
}
@keyframes preview-image-hide {
  0% {
    height: 54px;
  }
  100% {
    height: 0;
  }
}
.l-image-viewer-preview-image .l-image-viewer__modal-header.l-is-show .l-image-viewer__header-prev {
  animation: 0.2s ease-out 0s 1 normal forwards running preview-image-show;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header.l-is-show .l-image-viewer__header-pre-bt {
  animation: 0.2s ease-out 0s 1 normal forwards running preview-icon-range;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev {
  width: 434px;
  animation: 0.2s ease-out 0s 1 normal forwards running preview-image-hide;
  overflow: auto hidden;
  display: flex;
  position: relative;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__bokeh-left,
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__bokeh-right {
  position: absolute;
  height: 100%;
  z-index: 1;
  width: 186px;
  pointer-events: none;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__bokeh-left {
  left: 0;
  background-image: linear-gradient(to right, var(--td-bg-color-container), rgba(255, 255, 255, 0));
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__bokeh-right {
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--td-bg-color-container));
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__header-trans {
  height: 100%;
  transition: transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 186px;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__header-trans .l-image-viewer__header-box {
  width: 52px;
  height: 32px;
  margin: 16px 4px 10px;
  transition: 0.2s;
  overflow: hidden;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__header-trans .l-image-viewer__header-box .l-image-viewer__header-img {
  max-height: 100%;
}
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__header-trans .l-image-viewer__header-box:hover,
.l-image-viewer-preview-image .l-image-viewer__modal-header .l-image-viewer__header-prev .l-image-viewer__header-trans .l-image-viewer__header-box.l-is-active {
  border: 1px solid var(--td-brand-color);
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon {
  cursor: pointer;
  color: var(--td-text-color-primary);
  border-radius: var(--td-radius-default);
  transition: 0.2s;
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-close-bt {
  top: 100px;
  right: 40px;
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-next-bt,
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-prev-bt {
  top: 50%;
  transform: translateY(-50%);
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-prev-bt {
  left: 40px;
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-next-bt {
  right: 40px;
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-close-bt,
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-prev-bt,
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-image-viewer__modal-next-bt {
  position: fixed;
  z-index: 10;
  color: var(--td-text-color-anti);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon .l-image-viewer__modal-icon-label {
  margin-left: 2px;
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-is-disabled {
  color: rgba(255, 255, 255, 0.22);
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon.l-is-disabled:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.l-image-viewer-preview-image .l-image-viewer__modal-icon:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.l-image-viewer__mask {
  width: 100vh;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  position: fixed;
  background-color: transparent;
}
.l-image-viewer__utils {
  width: 100%;
  position: absolute;
  bottom: 32px;
  z-index: 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--td-text-color-primary);
  user-select: none;
}
.l-image-viewer__utils .l-image-viewer__utils-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  line-height: 100%;
  background: var(--td-bg-color-container);
  border-radius: 6px;
  padding: 0 5px;
}
.l-image-viewer__utils .l-image-viewer__utils-content .l-image-viewer__modal-icon {
  margin: 0 4px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--td-radius-default);
  transition: 0.2s;
}
.l-image-viewer__utils .l-image-viewer__utils-content .l-image-viewer__modal-icon:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-image-viewer__utils .l-image-viewer__utils-content .l-image-viewer__utils-scale {
  width: 40px;
  text-align: center;
  cursor: inherit;
}
.l-image-viewer__utils .l-image-viewer__utils-content .l-image-viewer__utils-scale:hover {
  background-color: var(--td-bg-color-container);
}
.l-image-viewer__mini-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--td-bg-color-secondarycontainer);
  height: 40px;
  width: 100%;
  font-size: var(--td-font-size-body-medium);
}
.l-image-viewer__mini-header .l-image-viewer__mini-close {
  position: absolute;
  right: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.l-image-viewer__mini-header .l-image-viewer__mini-close:hover .t-icon {
  border-radius: 50%;
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.l-image-viewer-mini__footer .l-image-viewer__utils {
  position: inherit;
}
.l-image-viewer-mini__content {
  max-width: min(90vw, 1000px);
  max-height: min(90vh, 800px);
}
@keyframes modal-image-show {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.l-image-viewer-mini__content .l-image-viewer__modal-pic .l-image-viewer__modal-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-image-viewer-mini__content .l-image-viewer__modal-pic .l-image-viewer__modal-box .l-image-viewer__modal-image {
  display: block;
  max-width: min(80vw, 800px);
  max-height: min(80vh, 600px);
  transition: all 0.2s ease;
  transform: rotate(0deg);
  object-fit: contain;
}
.l-image-viewer__dialog .l-dialog__header {
  padding-right: 0;
}
.l-image-viewer__dialog .l-dialog {
  border-color: var(--td-component-border);
  overflow: hidden;
  padding: 0;
  box-shadow: var(--td-shadow-3);
}

.l-rate {
  display: flex;
}
.l-rate .l-rate__star-top {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-rate .l-rate__star-top,
.l-rate .l-rate__star-bottom {
  display: grid;
}
.l-rate__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.l-rate__item {
  position: relative;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-rate__item:hover {
  transform: scale(1.33);
}
.l-rate__item--half .l-rate__star-top {
  width: 50%;
}
.l-rate__item--full .l-rate__star-top {
  width: 100%;
}
.l-rate__text {
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  margin-left: 16px;
  font-weight: 700;
  line-height: 22px;
}

/** 吸顶表头 Affix 组件，zIndex: 1000。宽度拖拽辅助线层级需高于表头 */
.scrollbar {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 11px;
}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.scrollbar.l-table__affixed-footer-elm::-webkit-scrollbar-track,
.scrollbar.l-table__scrollbar--obvious::-webkit-scrollbar-track {
  background: var(--td-scroll-track-color);
}
.l-table__affixed-footer-wrap > .scrollbar.l-table__affixed-footer-elm::-webkit-scrollbar-thumb,
.l-table--width-overflow.l-table--footer-affixed .l-table__content::-webkit-scrollbar-thumb,
.l-table--width-overflow.l-table--horizontal-bar-affixed .l-table__content::-webkit-scrollbar-thumb {
  background: transparent;
}
.l-table.l-table--overflow-visible {
  overflow: initial;
}
.l-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  width: 100%;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  /** loading need to be top of fixed columns */
}
.l-table .l-loading--full {
  z-index: 72;
}
.l-table.l-vertical-align-top th,
.l-table.l-vertical-align-top td {
  vertical-align: top;
}
.l-table.l-vertical-align-middle th,
.l-table.l-vertical-align-middle td {
  vertical-align: middle;
}
.l-table.l-vertical-align-bottom th,
.l-table.l-vertical-align-bottom td {
  vertical-align: bottom;
}
.l-table .l-table__resize-line {
  display: none;
  position: absolute;
  left: 10px;
  width: 0;
  border-left: 1px solid var(--td-component-border);
  z-index: 1001;
}
.l-table__column-controller-trigger.l-align-top-right,
.l-table__column-controller-trigger.l-align-bottom-right {
  text-align: right;
}
.l-table__column-controller-trigger {
  padding: 16px 0;
}
.l-table__content {
  position: relative;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.l-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.l-table__content::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 11px;
}
.l-table__content::-webkit-scrollbar-thumb:vertical:hover,
.l-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.l-table__content::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 11px;
}
.l-table__content::-webkit-scrollbar-thumb:vertical:hover,
.l-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-table__pagination {
  padding: 16px 0;
  box-sizing: border-box;
}
.l-table .t-icon {
  font-size: var(--td-font-size-body-large);
}
.l-table table {
  width: 100%;
  border-spacing: 0;
}
.l-table .l-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-table th,
.l-table td {
  position: relative;
  padding: 13px 24px 11px 24px;
  border-bottom: 1px solid var(--td-component-border);
  line-height: 22px;
  font-weight: normal;
  overflow-wrap: break-word;
  background-color: inherit;
  box-sizing: border-box;
}
.l-table th:not([align]),
.l-table td:not([align]) {
  text-align: left;
}
.l-table thead td,
.l-table th {
  color: var(--td-text-color-placeholder);
}
.l-table td[key="row-select"] {
  padding: 13px 0 11px 24px;
}
.l-table td.l-align-left,
.l-table th.l-align-left {
  text-align: left;
}
.l-table td.l-align-right,
.l-table th.l-align-right {
  text-align: right;
}
.l-table td.l-align-center,
.l-table th.l-align-center {
  text-align: center;
}
.l-table tr {
  background-color: var(--td-bg-color-container);
}
.l-table.l-size-s {
  font: var(--td-font-body-small);
}
.l-table.l-size-s th,
.l-table.l-size-s td {
  padding: 8px;
}
.l-table.l-size-l th,
.l-table.l-size-l td {
  padding: 24px;
}
.l-table .l-table__expandable-icon-cell,
.l-table .l-table__selection-cell {
  padding: 0;
}
.l-table .l-table__expandable-icon-cell + td,
.l-table .l-table__selection-cell + td,
.l-table .l-table__expandable-icon-cell + th,
.l-table .l-table__selection-cell + th {
  padding-left: 0;
  padding-right: 0;
}
.l-table .l-table__cell--selectable > .l-checkbox {
  vertical-align: middle;
}
.l-table .l-table__cell--selectable + td,
.l-table .l-table__cell--selectable + th {
  padding-left: 0;
}
.l-table--bordered td,
.l-table--bordered th {
  border-left: 1px solid var(--td-component-border);
}
.l-table--bordered td.l-table__cell--fixed-left-last::before,
.l-table--bordered th.l-table__cell--fixed-left-last::before {
  border-right: 1px solid var(--td-component-border);
}
.l-table--bordered th:first-child,
.l-table--bordered td.l-table__td-first-col {
  border-left-width: 0;
}
.l-table--bordered:not(.l-table--rowspan-colspan) td:first-child {
  border-left-width: 0;
}
.l-table--bordered .l-table__content {
  border-left: 1px solid var(--td-component-border);
}
.l-table--bordered .l-table__content::-webkit-scrollbar-corner {
  background-color: transparent;
}
.l-table--bordered .l-table__content {
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
}
.l-table--bordered .l-table--loading {
  border-bottom: 1px solid var(--td-component-border);
}
.l-table--bordered .l-table__pagination {
  border: 1px solid var(--td-component-border);
  border-top: 0;
  padding: 16px 24px;
}
.l-table--bordered .l-table__bottom-content + .l-table__pagination {
  border: 0;
  padding: 0;
}
.l-table--bordered.l-table__header--fixed .l-table__content {
  border-bottom: 1px solid var(--td-component-border);
}
.l-table--bordered .l-table__td-last-row {
  border-bottom: none;
}
.l-table--striped.l-table--header-fixed tbody tr:nth-of-type(even) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-table--striped:not(.l-table--header-fixed) tbody > tr:nth-of-type(odd):not(.l-table__expanded-row) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-table--striped.l-table--hoverable.l-table__header--fixed tbody tr:nth-of-type(even):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.l-table--striped.l-table--hoverable:not(.l-table__header--fixed) tbody tr:nth-of-type(odd):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.l-table--striped.l-table--hoverable tbody tr {
  transition: background-color 0.3s ease-in;
}
.l-table--striped.l-table--hoverable tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-table--hoverable tbody tr {
  transition: background-color 0.3s ease-in;
}
.l-table--hoverable tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-table.l-table--align-top tbody td {
  vertical-align: top;
}
.l-table .l-table__cell--highlight {
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-table__header--fixed table {
  table-layout: fixed;
}
.l-table__header--fixed th,
.l-table__header--fixed td {
  overflow-wrap: break-word;
}
.l-table__header--fixed.l-table__header,
.l-table__header--fixed .l-table__header {
  width: fit-content;
  position: relative;
  z-index: 5;
}
.l-table__header--fixed .l-table__header {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.l-table__header--fixed .l-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.l-table__header--fixed .l-table__header::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 11px;
}
.l-table__header--fixed .l-table__header::-webkit-scrollbar-thumb:vertical:hover,
.l-table__header--fixed .l-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-table__header--fixed .l-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.l-table__header--fixed .l-table__header::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 11px;
}
.l-table__header--fixed .l-table__header::-webkit-scrollbar-thumb:vertical:hover,
.l-table__header--fixed .l-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-table__header--fixed .l-table__body {
  overflow-y: auto;
  width: fit-content;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.l-table__header--fixed .l-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.l-table__header--fixed .l-table__body::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 11px;
}
.l-table__header--fixed .l-table__body::-webkit-scrollbar-thumb:vertical:hover,
.l-table__header--fixed .l-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-table__header--fixed .l-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.l-table__header--fixed .l-table__body::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 0px solid transparent;
  border-radius: 11px;
}
.l-table__header--fixed .l-table__body::-webkit-scrollbar-thumb:vertical:hover,
.l-table__header--fixed .l-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-table:not(.l-table--bordered) .l-table__cell--selectable + td,
.l-table:not(.l-table--bordered) .l-table__cell--selectable + th {
  padding-left: 0;
}
.l-table__cell--fixed.l-table__header--fixed .l-table__header {
  overflow: hidden;
  width: 100%;
}
.l-table__cell--fixed.l-table__header--fixed .l-table__header .l-table__cell--fixed-left:last-child::after,
.l-table__cell--fixed.l-table__header--fixed .l-table__header .l-table__cell--fixed-right:last-child::after {
  content: "";
  position: absolute;
  right: -6px;
  width: 6px;
  height: 100%;
  top: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-table__cell--fixed.l-table__header--fixed .l-table__body {
  overflow: auto scroll;
}
.l-table__cell--fixed .l-table__content {
  overflow: auto hidden;
}
.l-table__cell--fixed table {
  table-layout: fixed;
  min-width: 100%;
}
.l-table__cell--fixed th,
.l-table__cell--fixed td {
  position: relative;
}
.l-table__cell--fixed .l-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.l-table__cell--fixed .l-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.l-table__cell--fixed .l-table__cell--fixed-left-last::after {
  right: 0;
  transform: translateX(100%);
}
.l-table__cell--fixed .l-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.l-table__cell--fixed .l-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.l-table__cell--fixed .l-table__cell--fixed-right-first::after {
  left: 0;
  transform: translateX(-100%);
}
.l-table .l-table__cell-resizable {
  position: relative;
}
.l-table .l-table__cell-resizable .l-table__cell--resizer {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  z-index: 10;
  width: 10px;
  cursor: col-resize;
}
.l-table .l-table__row--disabled {
  color: var(--td-text-color-disabled);
}
.l-table .l-table__cell--title {
  display: flex;
}
.l-table__column-controller-desc {
  margin-bottom: 24px;
}
.l-table__column-controller-block {
  padding: 10px 24px;
  border: 1px solid var(--td-gray-color-3);
  border-bottom: 1px solid var(--td-component-border);
}
.l-table__column-controller-block + .l-table__column-controller-block {
  border-top: 0;
  padding: 24px;
  border-bottom: 1px solid var(--td-gray-color-3);
}
.l-table__column-controller--fixed .l-checkbox {
  width: 108px;
}
.l-table--bordered .l-table__cell--sortable .l-table__cell--title,
.l-table--bordered .l-table__cell--filterable .l-table__cell--title {
  justify-content: space-between;
}
.l-table th.l-align-right .l-table__cell--title {
  justify-content: flex-end;
}
/**
 * 有边框和无边框的图标排列不一样，需谨慎修改
 * 无边框模式，图标依次紧跟标题
 * 有边框模式，只有一个图标时，图标靠近边框右侧；有两个图标时，排序图标靠近标题，过滤图标靠近边框右侧
 */
.l-table__cell--sort-trigger {
  width: 20px;
  text-align: center;
  vertical-align: text-bottom;
}
.l-table__cell--sort-trigger svg {
  vertical-align: initial;
}
.l-table--loading {
  position: relative;
}
.l-table--loading-progressbar {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: var(--td-brand-color);
  animation: tTableProgressbar 2s ease-in-out;
  animation-fill-mode: both;
}
.l-table--loading-message {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  color: var(--td-text-color-placeholder);
}
.l-table__expanded-cell {
  padding-left: 45px;
}
.l-table__async-loading {
  text-align: center;
}
.l-table__async-loading.l-is-load-more {
  cursor: pointer;
}
.l-table__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  color: var(--td-text-color-disabled);
}
.l-table__filter-icon,
.l-table__sort-icon {
  margin-left: 8px;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-bottom;
}
.l-table__filter-icon > svg,
.l-table__sort-icon > svg {
  margin-top: -4px;
}
.l-table__sort-icon .l-is-focus,
.l-table__sort-icon.l-is-focus,
.l-table__sort-icon:hover {
  color: var(--td-brand-color);
  border-radius: var(--td-radius-circle);
}
.l-table__filter-icon .l-is-focus,
.l-table__filter-icon.l-is-focus,
.l-table__filter-icon:hover {
  color: var(--td-brand-color);
}
.l-table__filter-pop .l-table__filter-pop-content {
  margin: -8px;
}
.l-table__filter-pop .l-table__filter-pop-content .l-table__filter-pop-content-inner {
  padding: 16px;
}
.l-table__filter-pop .l-table__filter-pop-content .l-radio-group {
  display: block;
  height: auto;
}
.l-table__filter-pop .l-table__filter-pop-content .l-checkbox-group {
  display: block;
}
.l-table__filter-pop .l-table__filter-pop-content .l-checkbox,
.l-table__filter-pop .l-table__filter-pop-content .l-radio {
  display: block;
  line-height: 28px;
}
.l-table__filter-pop .l-table__filter-pop-content .l-table__filter-pop-content-button {
  border-top: 1px solid var(--td-component-border);
  padding: 16px;
}
.l-table__filter-pop .l-table__filter-pop-content .l-table__filter-pop-content-button .t-button + .t-button {
  margin-left: 16px;
}
.l-table__filter-pop-content-inner {
  padding: 16px;
}
.l-table__filter-pop-content-inner > .l-input__wrap {
  width: 200px;
}
.l-table__sort-icon--active {
  color: var(--td-brand-color);
}
.l-table__double-icons {
  display: inline-grid;
  height: 22px;
}
.l-table__double-icons .l-table__sort-icon {
  height: 16px;
}
.l-table__double-icons .l-table-sort-asc {
  margin-top: -2px;
}
.l-table__double-icons .l-table-sort-desc {
  margin-top: -6px;
}
.l-table__filter-icon-wrap {
  display: flex;
  align-items: center;
  pointer-events: all;
}
.l-table--bordered .l-table__filter-icon-wrap {
  justify-content: flex-end;
}
.l-table--bordered .l-table__cell--sortable.l-table__cell--filterable .l-table__filter-icon-wrap {
  justify-content: space-between;
  flex: 1;
}
.l-table .l-align-center .l-table__cell--sortable,
.l-table .l-align-center .l-table__cell--filterable {
  display: flex;
  justify-content: space-around;
}
.l-table__expand-box {
  padding: 13px 24px 11px 24px;
  display: inline-grid;
  vertical-align: middle;
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  transition: all 0.2s ease 0s;
  align-items: center;
}
.l-table__expand-box:hover {
  color: var(--td-brand-color);
}
@keyframes tTableProgressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.l-table__th-row-select .t-table__th-cell-inner {
  display: inline-flex;
  align-items: center;
}
.l-table-expandable-icon-cell + .l-table__cell--selectable[key="row-select"] {
  padding-left: 10px;
}
.l-table__filter--bottom-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 16px;
  border-top: 1px solid var(--td-component-border);
}
.l-table__filter--bottom-buttons > .l-button + .l-button {
  margin-left: 8px;
}
.l-table__row-filter-inner {
  position: sticky;
  left: 0;
  text-align: center;
}
.l-table__filter-result {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-table__filter-result > .l-button {
  margin-left: 8px;
}
.l-table--layout-fixed {
  table-layout: fixed;
}
.l-table--layout-auto {
  table-layout: auto;
}
.l-table__ellipsis {
  white-space: nowrap;
  width: 100%;
}
.l-table__content {
  overflow: auto;
}
.l-table__content--scrollable-to-left .l-table__cell--fixed-left-last::after {
  border-right: 4px solid var(--td-bg-color-component);
}
.l-table__content--scrollable-to-right .l-table__cell--fixed-right-first::after {
  border-left: 4px solid var(--td-bg-color-component);
}
.l-table__scroll-bar-divider {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid var(--td-component-border);
  z-index: 71;
}
.l-table__footer,
.l-table__header.l-table__header--fixed {
  position: sticky;
  z-index: 50;
}
.l-table:not(.l-table--striped) .l-table__footer > tr {
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-table__header--fixed:not(.l-table__header--multiple) > tr > th {
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-table__row--fixed-top,
.l-table__row--fixed-bottom {
  position: sticky;
  z-index: 70;
}
.l-table__row--fixed-bottom-first > td {
  border-top: 1px solid var(--td-component-border);
}
.l-table--bordered .l-table__content .l-table__row--without-border-bottom > td {
  border-bottom: 0;
}
.l-table--bordered tbody > tr:last-child > td,
.l-table--bordered tfoot > tr:last-child > td {
  border-bottom: 0;
}
.l-table--bordered tfoot > tr:first-child > td {
  border-top: 1px solid var(--td-component-border);
}
.l-table__header.l-table__header--fixed {
  top: 0;
}
.l-table__footer.l-table__footer--fixed {
  bottom: 0;
}
.l-table--column-fixed .l-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.l-table--column-fixed .l-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.l-table--column-fixed .l-table__cell--fixed-left-last::after {
  right: 0;
  transform: translateX(100%);
}
.l-table--column-fixed .l-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.l-table--column-fixed .l-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.l-table--column-fixed .l-table__cell--fixed-right-first::after {
  left: 0;
  transform: translateX(-100%);
}
.l-table--column-fixed .l-table__cell--fixed-left,
.l-table--column-fixed .l-table__cell--fixed-right {
  position: sticky;
}
.l-table--column-fixed .l-table__cell--fixed-left {
  z-index: 30;
}
.l-table--column-fixed .l-table__cell--fixed-right {
  z-index: 31;
}
.l-table__empty-row > td {
  padding: 0;
  border: 0;
}
.l-table:not(.l-table--bordered) .l-table__header.l-table--bordered > tr:first-child > th {
  border-top: 1px solid var(--td-component-border);
}
.l-table--multiple-header .l-table__header th.l-table__header-th--bordered {
  border-left-width: 1px;
}
.l-table__header.l-table__header--multiple > tr {
  background-color: var(--td-bg-color-container);
}
.l-table__tree-op-icon {
  margin-right: 8px;
  cursor: pointer;
  display: inline-flex;
  vertical-align: -3px;
}
.l-table__tree-op-icon:hover {
  color: var(--td-brand-color);
}
.l-table__tree-leaf-node .l-table__tree-op-icon {
  min-width: 0;
  margin-right: 2px;
}
.l-table__virtual-scroll-cursor {
  position: absolute;
  width: 1px;
  height: 1px;
  transition: transform 0.2s;
}
.l-table__virtual-scroll-header {
  position: absolute;
  z-index: 51;
  left: 0;
}
/** 用于隐藏表头滚动条 */
.l-table__affixed-header-elm-wrap {
  overflow: hidden;
}
.l-table__affixed-header-elm-wrap,
.l-table__affixed-header-elm {
  position: absolute;
  left: 0;
  z-index: 51;
}
.l-table__affixed-header-elm {
  overflow: auto;
  transition: opacity 0.15s linear;
  opacity: 1;
}
.l-table__affixed-footer-elm {
  overflow: auto;
  z-index: 50;
}
.l-table--bordered .l-table__affixed-header-elm {
  border: 1px solid var(--td-component-border);
  border-bottom: 0;
  border-right: 0;
}
.l-table--bordered .l-table__affixed-footer-elm {
  border-left: 1px solid var(--td-component-border);
  border-bottom: 1px solid var(--td-component-border);
}
.l-table--multiple-header.l-table--bordered .l-table__affixed-header-elm {
  border-right: 0;
}
.l-is-hidden {
  display: none;
}
.l-positive-rotate-90 {
  transform: rotate(90deg);
}
.l-negative-rotate-180 {
  transform: rotate(180deg);
}
.l-table__expanded-row > td,
.l-table__row--full > td {
  padding: 0;
}
/** @{prefix}-table__row--full 和 @{prefix}-table__row-full-element 同时存在，是为了保证 固定列时，当前行不随内容进行横向滚动 */
.l-table__row-full-element {
  padding: 13px 24px 11px 24px;
}
.l-table__row-full-inner {
  position: sticky;
  left: 0;
}
.l-table__row-full-inner:not(.l-table__empty) {
  display: inline-block;
}
.l-table__tree-col {
  display: flex;
  align-items: center;
}
.l-table__tree-col--inline {
  display: inline;
}
.l-table--full-height {
  height: 100%;
}
.l-table--loading .l-table__content {
  min-height: 200px;
}
.l-table__handle-draggable:hover,
.l-table--row-draggable tr,
.l-table--col-draggable .l-table__th-cell-inner {
  cursor: move;
}
.l-table__ele--draggable-chosen {
  box-shadow: var(--td-shadow-1);
}
.l-table:not(.l-table--row-edit) .l-table__cell--editable {
  cursor: pointer;
}
.l-table:not(.l-table--row-edit) .l-table__cell--editable .t-icon {
  margin-left: 8px;
}
/** 吸底的分页器，需要背景色，避免表格文本内容显示穿透 */
.l-affix .l-table__pagination {
  background-color: var(--td-bg-color-container);
}
.l-table--bordered .l-affix .l-table__pagination {
  border-top: 1px solid var(--td-component-border);
}
.l-table__bottom-content + .l-table__pagination-wrap .l-table__pagination {
  border: 0;
  padding: 0;
}
.l-table--column-resizable:not(.l-table--bordered) th {
  border-top: 1px solid transparent;
}
.l-table--column-resizable:not(.l-table--bordered) thead.l-table__header:hover th:not(:last-child) {
  border-right: 1px solid var(--td-component-border);
}
.l-table--column-resizable:not(.l-table--bordered) thead.l-table__header:hover th {
  border-top: 1px solid var(--td-component-border);
}
/** 可选中行的场景下，将 Checkbox 和 Radio 铺满整个单元格，增大点击范围，方便用户选中 */
.l-table td.l-table__cell-check,
.l-table th.l-table__cell-check {
  padding: 0;
  /** HTML 特性: th/td 必须设置为 0，他们的子元素才能设置为 100% */
  height: 0;
}
.l-table td.l-table__cell-check .l-radio__label,
.l-table th.l-table__cell-check .l-radio__label,
.l-table td.l-table__cell-check .l-checkbox__label,
.l-table th.l-table__cell-check .l-checkbox__label {
  display: none;
}
.l-table .l-table__cell-check .l-radio,
.l-table .l-table__cell-check .l-checkbox,
.l-table .l-table__cell-check .l-table__th-cell-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-table td .l-input__tips {
  position: initial;
}
.t-table .l-table__sort-column {
  background-color: var(--td-bg-color-secondarycontainer);
}
.l-table__ellipsis-content.l-size-s .l-popup__content {
  font: var(--td-font-body-small);
}

.ldesign-aside {
  display: block;
}

.ldesign-avatar {
  display: block;
}

.ldesign-panel {
  background-color: var(--td-bg-color-container);
  padding: 16px;
}

.ldesign-header {
  height: 100%;
  display: flex;
  flex-direction: row;
  padding: 0 16px;
}
.ldesign-header__prefix,
.ldesign-header__content,
.ldesign-header__suffix {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.ldesign-header__content {
  flex: 1;
}

.ldesign-layout {
  height: 100%;
  background-color: var(--td-bg-color-container);
  padding: 16px;
}
.ldesign-layout.ldesign-layout--strict {
  padding: 0;
}
.ldesign-layout > .l-layout {
  height: 100%;
  background-color: transparent;
}
.ldesign-layout .l-layout__header {
  height: auto;
  background-color: transparent;
}
.ldesign-layout .l-layout__sider {
  min-width: 300px;
  max-width: 320px;
  width: auto;
  border-right: 1px solid var(--td-border-level-1-color);
  padding: 16px;
  box-sizing: border-box;
}
.ldesign-layout .l-layout__content,
.ldesign-layout .l-layout__footer {
  background-color: transparent;
  padding: 0;
}
.ldesign-layout .l-layout__content {
  flex: 1;
  height: 0;
  overflow: hidden;
}
.ldesign-layout .l-layout__footer {
  box-sizing: border-box;
}

.ldesign-logo {
  display: block;
}

.ldesign-menu__icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 4px;
}
.ldesign-menu__icon svg {
  fill: currentColor;
}
.ldesign-menu__icon svg path {
  fill: currentColor;
}

.ldesign-page {
  height: 100%;
}
.ldesign-page__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ldesign-page__content_view {
  flex: 1;
  height: 0;
  margin: 16px;
  border-radius: 4px;
}
.ldesign-page > .l-layout {
  height: 100%;
}
.ldesign-page > .l-layout .l-layout.l-layout--with-sider {
  flex: 1;
  height: 0;
}
.ldesign-page.ldesign-layout--origin .l-layout__content {
  flex: 1;
  height: 0;
}
.ldesign-page.ldesign-layout--normal .l-layout__content {
  flex: 1;
  height: 0;
}

.ldesign-query {
  display: block;
}
.ldesign-query.is-expand .ldesign-query__content {
  display: flex;
}
.ldesign-query__preview,
.ldesign-query__content {
  display: flex;
  flex-direction: row;
  margin: 0 -8px;
  flex-wrap: wrap;
}
.ldesign-query__preview .ldesign-query__item:last-child,
.ldesign-query__content .ldesign-query__item:last-child {
  gap: 8px;
}
.ldesign-query__content {
  display: none;
}
.ldesign-query__item,
.ldesign-query__wrap {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.ldesign-query__item {
  padding: 8px;
}
.ldesign-query__wrap {
  flex: 1;
  width: 0;
}
.ldesign-query__title {
  font-weight: normal;
  font-size: inherit;
  color: inherit;
  white-space: nowrap;
  margin: 0;
  margin-right: 12px;
}
.ldesign-query__value {
  flex: 1;
  width: 0;
}
.ldesign-query__value > *:not(.l-switch) {
  width: 100%;
}
.ldesign-query__buttons {
  flex: 1;
  width: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}
.ldesign-query__buttons .l-button--variant-text {
  padding: 0;
}

.ldesign-quick-list {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.ldesign-quick-list__item {
  display: flex;
  flex-direction: column;
}

.ldesign-setting {
  display: block;
}
