@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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  color: var(--td-brand-color);
  font-size: var(--td-comp-size-l);
}
.l-loading--lock {
  overflow: hidden;
}
.l-loading.l-size-s {
  font-size: var(--td-comp-size-xxxs);
}
.l-loading.l-size-l {
  font-size: var(--td-comp-size-xxxl);
}
.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: var(--td-comp-margin-xs);
}
.l-loading__gradient {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.l-loading__gradient-conic {
  width: 100%;
  height: 100%;
  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 color-no-hex */
  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}
