@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);
}
