.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-toast {
  position: fixed;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 12001;
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  background-color: var(--td-toast-bg-color, var(--td-mask-active, rgba(0, 0, 0, 0.6)));
  border-radius: var(--td-toast-radius, 4px);
  font-size: 14px;
  color: var(--td-toast-color, var(--td-font-white-1, #ffffff));
  max-width: var(--td-toast-max-width, 185px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: border-box;
}
.t-toast--column {
  padding: 24px;
  min-width: 80px;
  min-height: 80px;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}
.t-toast--loading.t-toast--with-text {
  min-width: 102px;
  min-height: 102px;
  padding-top: 0;
  padding-bottom: 0;
}
.t-toast__content {
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  line-height: 22px;
}
.t-toast__content--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: left;
  padding: 14px 22px;
}
.t-toast__content--column {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  text-align: center;
}
.t-toast__icon--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: var(--td-toast-row-icon-size, 24px);
}
.t-toast__icon--column {
  font-size: var(--td-toast-column-icon-size, 32px);
}
.t-toast__text {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: pre-line;
}
.t-toast__text--column:not(:empty):not(:only-child) {
  margin-top: 8px;
  min-width: 64px;
}
.t-toast__text--row:not(:empty):not(:only-child) {
  margin-left: 8px;
}
.t-toast.t-fade-enter,
.t-toast.t-fade-leave-to {
  opacity: 0;
}
.t-toast--lock {
  overflow: hidden;
  cursor: not-allowed;
}
.t-toast--lock * {
  pointer-events: none;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-side-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  width: var(--td-side-bar-width, 103px);
  height: var(--td-side-bar-height, 100%);
  overflow-y: auto;
  background-color: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-side-bar-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
          -webkit-justify-content: start;
          justify-content: start;
  position: relative;
  padding: var(--td-side-bar-item-padding, var(--td-spacer-2, 16px));
  font-size: var(--td-side-bar-font-size, 16px);
  color: var(--td-side-bar-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  background: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  min-height: var(--td-side-bar-item-height, 56px);
  box-sizing: border-box;
  white-space: wrap;
  line-height: var(--td-side-bar-item-line-height, 24px);
}
.t-side-bar-item--active {
  font-weight: 600;
  background: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
  color: var(--td-side-bar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-side-bar-item__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  font-size: var(--td-side-bar-icon-size, 20px);
  margin-right: 2px;
}
.t-side-bar-item__prefix,
.t-side-bar-item__suffix {
  z-index: 1;
  position: absolute;
  right: 0;
  width: calc(var(--td-side-bar-border-radius, 9px) * 2);
  height: calc(var(--td-side-bar-border-radius, 9px) * 2);
  background: var(--td-side-bar-prefix-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-side-bar-item__prefix::after,
.t-side-bar-item__suffix::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-side-bar-item__prefix {
  top: calc(var(--td-side-bar-border-radius, 9px) * -2);
}
.t-side-bar-item__prefix::after {
  border-bottom-right-radius: var(--td-side-bar-border-radius, 9px);
}
.t-side-bar-item__suffix {
  bottom: calc(var(--td-side-bar-border-radius, 9px) * -2);
}
.t-side-bar-item__suffix::after {
  border-top-right-radius: var(--td-side-bar-border-radius, 9px);
}
.t-side-bar-item--disabled {
  color: var(--td-side-bar-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
}
.t-side-bar-item__line {
  width: 3px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--td-side-bar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-radius: 4px;
}
.t-side-bar__padding {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  background-color: var(--td-side-bar-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
:host {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.t-step--vertical {
  padding-right: 16px;
}
.t-steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.t-steps--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
}
.t-steps--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.t-steps--vertical.t-steps--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-step-item {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  vertical-align: top;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.t-step-item__circle--default {
  color: var(--td-step-item-default-circle-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
  background-color: var(--td-step-item-default-circle-bg, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-step-item__title--default {
  color: var(--td-step-item-default-title-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-step-item__icon--default {
  color: var(--td-step-item-default-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-step-item__dot--default {
  border-color: var(--td-step-item-default-dot-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}
.t-step-item__circle--process {
  color: var(--td-step-item-process-circle-color, var(--td-font-white-1, #ffffff));
  background-color: var(--td-step-item-process-circle-bg, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__title--process {
  color: var(--td-step-item-process-title-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__icon--process {
  color: var(--td-step-item-process-icon-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__dot--process {
  border-color: var(--td-step-item-process-dot-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__circle--finish {
  color: var(--td-step-item-finish-circle-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-step-item-finish-circle-bg, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}
.t-step-item__title--finish {
  color: var(--td-step-item-finish-title-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-step-item__icon--finish {
  color: var(--td-step-item-finish-icon-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__dot--finish {
  border-color: var(--td-step-item-finish-dot-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__circle--error {
  color: var(--td-step-item-error-circle-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-step-item-error-circle-bg, var(--td-error-color-1, #fff0ed));
}
.t-step-item__title--error {
  color: var(--td-step-item-error-title-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}
.t-step-item__icon--error {
  color: var(--td-step-item-error-icon-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}
.t-step-item__dot--error {
  border-color: var(--td-step-item-error-dot-border-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}
.t-step-item--horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
          -webkit-justify-content: start;
          justify-content: start;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.t-step-item__anchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}
.t-step-item__anchor--vertical {
  width: var(--td-step-item-circle-size, 22px);
  height: var(--td-step-item-circle-size, 22px);
}
.t-step-item__circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  width: var(--td-step-item-circle-size, 22px);
  height: var(--td-step-item-circle-size, 22px);
  text-align: center;
  border-radius: 50%;
  font-size: var(--td-step-item-circle-font-size, 14px);
}
.t-step-item__icon {
  z-index: 1;
  vertical-align: top;
  font-size: var(--td-font-size-base, 14px);
  position: relative;
}
.t-step-item__icon--finish,
.t-step-item__icon--process {
  color: var(--td-brand-color, var(--td-brand-color-7, #0052d9));
}
.t-step-item__dot {
  width: var(--td-step-item-dot-size, 8px);
  height: var(--td-step-item-dot-size, 8px);
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.t-step-item__dot--process {
  background-color: var(--td-step-item-process-dot-border-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__dot--error {
  background-color: var(--td-step-item-error-dot-border-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}
.t-step-item__content {
  text-align: center;
}
.t-step-item__content--horizontal {
  max-width: 80px;
  margin-top: 8px;
}
.t-step-item__content--vertical {
  margin-left: 8px;
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  padding-bottom: 16px;
}
.t-step-item__content--vertical.t-step-item__content--last {
  padding-bottom: 0;
}
.t-step-item__title {
  position: relative;
  line-height: var(--td-step-item-circle-size, 22px);
  font-size: var(--td-font-size-base, 14px);
}
.t-step-item__title--process {
  font-weight: 600;
}
.t-step-item__title--vertical {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 4px;
}
.t-step-item__description {
  color: var(--td-step-item-description-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
  line-height: 20px;
  font-size: var(--td-font-size-s, 12px);
}
.t-step-item__description--vertical {
  text-align: left;
}
.t-step-item__extra:not(:empty) {
  margin-top: 8px;
}
.t-step-item__line {
  background-color: var(--td-step-item-line-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  content: "";
  display: block;
  position: absolute;
}
.t-step-item__line--horizontal {
  height: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(100% - 16px - var(--td-step-item-circle-size, 22px));
  top: calc(var(--td-step-item-circle-size, 22px) / 2 + 1px);
  left: calc(50% + var(--td-step-item-circle-size, 22px) / 2 + 8px);
}
.t-step-item__line--horizontal.t-step-item__line--dot {
  top: calc(var(--td-step-item-dot-size, 8px) / 2);
}
.t-step-item__line--finish,
.t-step-item__line--reverse.t-step-item__line--process {
  background-color: var(--td-step-item-finish-line-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-step-item__line--vertical {
  height: calc(100% - 16px - var(--td-step-item-circle-size, 22px));
  width: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: calc(var(--td-step-item-circle-size, 22px) / 2);
  top: calc(var(--td-step-item-circle-size, 22px) + 8px);
}
.t-step-item__line--vertical.t-step-item__line--dot {
  top: var(--td-step-item-circle-size, 22px);
  height: calc(100% - var(--td-step-item-circle-size, 22px));
}
:host {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  vertical-align: top;
  position: relative;
  -webkit-align-self: flex-start;
          align-self: flex-start;
  width: inherit;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-tab-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  position: relative;
  font-size: 16px;
  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
  box-sizing: border-box;
}
.t-tab-bar--normal.t-tab-bar--bordered::before {
  z-index: 1;
  right: 0;
  left: 0;
  top: 0;
  border-top: 1px solid var(--td-tab-bar-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
}
.t-tab-bar--fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}
.t-tab-bar--normal.t-tab-bar--safe {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.t-tab-bar--round {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 999px;
  box-shadow: var(--td-tab-bar-round-shadow, var(--td-shadow-3, 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08)));
}
.t-tab-bar--fixed.t-tab-bar--round.t-tab-bar--safe {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}
.t-tab-bar--fixed.t-tab-bar--round.t-tab-bar--safe {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-tab-bar-item {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  height: var(--td-tab-bar-height, 40px);
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  margin: 8px 0;
  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
  padding: 0 12px;
}
.t-tab-bar-item--text-only {
  font-size: 16px;
}
.t-tab-bar-item--split::before {
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid var(--td-tab-bar-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  top: 8px;
  bottom: 8px;
}
.t-tab-bar-item--crowded {
  padding: 0 8px;
}
.t-tab-bar-item--round {
  border-radius: 99px;
}
.t-tab-bar-item__content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  border-radius: 8px;
  color: var(--td-tab-bar-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-tab-bar-item__content--checked {
  color: var(--td-tab-bar-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  font-weight: 600;
}
.t-tab-bar-item__content--tag {
  border-radius: 99px;
}
.t-tab-bar-item__content--tag.t-tab-bar-item__content--checked {
  background-color: var(--td-tab-bar-active-bg, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}
.t-tab-bar-item__icon .t-icon {
  vertical-align: top;
}
.t-tab-bar-item__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.t-tab-bar-item__text--small {
  font-size: 10px;
  line-height: 16px;
}
.t-tab-bar-item__icon-menu {
  margin-right: 4px;
}
.t-tab-bar-item__spread {
  position: absolute;
  top: 0;
  left: 7%;
  width: 86%;
  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
  -webkit-transform: translate3d(0, calc(-100% - 16px), 0);
          transform: translate3d(0, calc(-100% - 16px), 0);
  z-index: 1;
  border-radius: 6px;
  color: var(--td-tab-bar-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  box-shadow: var(--td-tab-bar-spread-shadow, var(--td-shadow-3, 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08)));
}
.t-tab-bar-item__spread::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
  -webkit-transform: translate3d(-50%, 16px, 0);
          transform: translate3d(-50%, 16px, 0);
}
.t-tab-bar-item__spread-item {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
}
.t-tab-bar-item__spread-item--active,
.t-tab-bar-item__spread-item:active {
  background-color: var(--td-tab-bar-hover-bg-color, rgba(0, 0, 0, 0.05));
}
.t-tab-bar-item__spread-item-split {
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  background-color: var(--td-tab-bar-spread-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
  width: 80%;
  height: 1px;
  -webkit-transform: translateY(0.5);
          transform: translateY(0.5);
}
.t-tab-bar-item__spread-item-text {
  padding-top: 12px;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-sticky {
  position: relative;
}
.t-sticky__content {
  width: 100%;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-tabs {
  position: relative;
  font-size: var(--td-tab-font-size, 14px);
  background: var(--td-tab-nav-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tabs__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: var(--td-tab-nav-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tabs__wrapper--card {
  background: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
  --td-tab-border-color: transparent;
}
.t-tabs__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
          -webkit-flex: none;
          flex: none;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  font-weight: 400;
  color: var(--td-tab-item-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  padding: 0 16px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
}
.t-tabs__item--active {
  font-weight: 600;
  color: var(--td-tab-item-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-tabs__item--disabled {
  color: var(--td-tab-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
  cursor: not-allowed;
}
.t-tabs__item--evenly {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
}
.t-tabs__item--top,
.t-tabs__item--bottom {
  height: var(--td-tab-item-height, 48px);
}
.t-tabs__item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}
.t-tabs__item-inner--tag {
  text-align: center;
  padding: 0 16px;
  line-height: var(--td-tab-item-tag-height, 32px);
  border-radius: calc(var(--td-tab-item-tag-height, 32px) / 2);
  background-color: var(--td-tab-item-tag-bg, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-tabs__item-inner--active.t-tabs__item-inner--tag {
  background-color: var(--td-tab-item-tag-active-bg, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}
.t-tabs__item--tag:not(.t-tabs__item--evenly) {
  padding: 0 4px;
}
.t-tabs__item--tag:not(.t-tabs__item--evenly):first-child {
  margin-left: 8px;
}
.t-tabs__item--tag:not(.t-tabs__item--evenly):last-child {
  padding-right: 12px;
}
.t-tabs__item--tag {
  padding: 0 8px;
}
.t-tabs__item--card.t-tabs__item--active {
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
  border-radius: 9px 9px 0 0;
}
.t-tabs__item--card.t-tabs__item--active:first-child {
  border-top-left-radius: 0;
}
.t-tabs__item--card.t-tabs__item--active:last-child {
  border-top-right-radius: 0;
}
.t-tabs__item--card.t-tabs__item--pre {
  border-bottom-right-radius: 9px;
}
.t-tabs__item-prefix,
.t-tabs__item-suffix {
  position: absolute;
  bottom: 0;
  width: 18px;
  height: 18px;
  background: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
}
.t-tabs__item-prefix::after,
.t-tabs__item-suffix::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}
.t-tabs__item-prefix {
  right: 0;
}
.t-tabs__item-prefix::after {
  border-bottom-right-radius: 9px;
}
.t-tabs__item-suffix {
  left: 0;
}
.t-tabs__item-suffix::after {
  border-bottom-left-radius: 9px;
}
.t-tabs__icon {
  font-size: var(--td-tab-icon-size, 16px);
  margin-right: 2px;
}
.t-tabs__content {
  overflow: hidden;
}
.t-tabs__nav {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.t-tabs__track {
  position: absolute;
  font-weight: 600;
  z-index: 1;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  background-color: var(--td-tab-track-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-tabs__track--top,
.t-tabs__track--bottom {
  left: 0;
  bottom: 0.5px;
  width: var(--td-tab-track-width, 16px);
  height: var(--td-tab-track-thickness, 3px);
  border-radius: var(--td-tab-track-radius, 4px);
}
.t-tabs__scroll {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  height: var(--td-tab-item-height, 48px);
  position: relative;
}
.t-tabs__scroll::-webkit-scrollbar {
  display: none;
}
.t-tabs__scroll--card {
  background: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
  --td-tab-border-color: transparent;
}
.t-tabs__scroll--split {
  position: relative;
}
.t-tabs__scroll--split::after {
  content: "";
  display: block;
  position: absolute;
  top: unset;
  bottom: 0;
  left: unset;
  right: unset;
  background-color: var(--td-tab-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
}
.t-tabs__scroll--split::after {
  height: 1px;
  left: 0;
  right: 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.t-tabs__content-inner {
  display: block;
}
.t-tabs--top,
.t-tabs--bottom {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.t-tabs--top .t-tabs__content,
.t-tabs--bottom .t-tabs__content {
  width: 100%;
}
.t-tabs--top .t-tabs__content--animated .t-tabs__content-inner,
.t-tabs--bottom .t-tabs__content--animated .t-tabs__content-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  will-change: left;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.t-tabs--bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.t-size-m {
  font-size: var(--td-font-size-base, 14px);
}
.t-size-l {
  font-size: var(--td-font-size-m, 16px);
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.limit-title-row {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.t-radio {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  vertical-align: middle;
  font-size: var(--td-radio-font-size, 16px);
  background: var(--td-radio-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-radio:focus {
  outline: 0;
}
.t-radio--block {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: var(--td-radio-vertical-padding, 16px);
}
.t-radio--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.t-radio__icon {
  position: relative;
  margin-top: calc((var(--td-radio-label-line-height, 24px) - var(--td-radio-icon-size, 24px)) / 2);
  width: var(--td-radio-icon-size, 24px);
  height: var(--td-radio-icon-size, 24px);
  font-size: var(--td-radio-icon-size, 24px);
  color: var(--td-radio-icon-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  overflow: hidden;
}
.t-radio__icon:empty {
  display: none;
}
.t-radio__icon--left {
  margin-right: 8px;
}
.t-radio__icon--checked {
  color: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-radio__icon--disabled {
  cursor: not-allowed;
  color: var(--td-radio-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-radio__icon-circle {
  width: var(--td-radio-icon-size, 24px);
  height: var(--td-radio-icon-size, 24px);
  box-sizing: border-box;
}
.t-radio__icon-circle::after {
  content: "";
  width: calc(200% - 3px);
  height: calc(200% - 3px);
  border-radius: 50%;
  border: 3px solid var(--td-radio-icon-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  box-sizing: border-box;
}
.t-radio__icon-circle--disabled::after {
  background: var(--td-radio-icon-disabled-bg-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eeeeee)));
}
.t-radio__icon-dot {
  width: calc((var(--td-radio-icon-size, 24px) - 3px) * 2);
  height: calc((var(--td-radio-icon-size, 24px) - 3px) * 2);
  border: 3px solid var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}
.t-radio__icon-dot::after {
  content: "";
  display: block;
  width: var(--td-radio-icon-size, 24px);
  height: var(--td-radio-icon-size, 24px);
  background: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-radius: 50%;
}
.t-radio__icon-dot--disabled {
  border-color: var(--td-radio-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-radio__icon-dot--disabled::after {
  background: var(--td-radio-icon-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-radio__image {
  line-height: var(--td-radio-icon-size, 24px);
}
.t-radio-icon__image {
  height: var(--td-radio-icon-size, 24px);
  width: var(--td-radio-icon-size, 24px);
  vertical-align: sub;
}
.t-radio__content {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
}
.t-radio__content:empty {
  display: none;
}
.t-radio__title {
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--td-radio-label-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  line-height: var(--td-radio-label-line-height, 24px);
}
.t-radio__title--disabled {
  cursor: not-allowed;
  color: var(--td-radio-label-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
}
.t-radio__description {
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--td-radio-content-color, var(--td-text-color-secondary, var(--td-font-gray-2, rgba(0, 0, 0, 0.6))));
  font-size: 14px;
  line-height: var(--td-radio-content-line-height, 22px);
}
.t-radio__description--disabled {
  cursor: not-allowed;
  color: var(--td-radio-content-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
}
.t-radio__description:empty {
  display: none;
}
.t-radio__title + .t-radio__description {
  margin-top: 4px;
}
.t-radio__border {
  position: absolute;
  bottom: 0;
  height: 1px;
  background: var(--td-radio-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
  left: 48px;
  right: 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.t-radio__border--right {
  left: 16px;
}
.t-radio__original {
  opacity: 0;
  width: 0;
  height: 0;
}
.t-radio__icon-wrap {
  display: block !important;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-rate {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.t-rate__wrapper {
  line-height: 1em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.t-rate--disabled .t-rate__icon-left--selected {
  color: var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c));
}
.t-rate--disabled .t-rate__icon-left--unselected {
  color: var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee));
}
.t-rate--disabled .t-rate__icon--selected {
  color: var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c));
}
.t-rate--disabled .t-rate__icon--selected-half {
  background: -webkit-gradient(linear, left top, right top, from(var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c))), color-stop(50%, var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c))), color-stop(51%, var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee))), to(var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee))));
  background: -webkit-linear-gradient(left, var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c)) 0%, var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c)) 50%, var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee)) 51%, var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee)) 100%);
  background: linear-gradient(to right, var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c)) 0%, var(--td-rate-disabled-selected-color, var(--td-warning-color-3, #ffb98c)) 50%, var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee)) 51%, var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee)) 100%);
}
.t-rate--disabled .t-rate__icon--unselected {
  color: var(--td-rate-disabled-unselected-color, var(--td-gray-color-2, #eeeeee));
}
.t-rate__icon {
  display: block;
  width: 1em;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: relative;
}
.t-rate__icon-left {
  position: absolute;
  width: 50%;
  overflow: hidden;
  top: 0;
  left: 0;
}
.t-rate__icon-left--selected {
  color: var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}
.t-rate__icon-left--unselected {
  color: var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)));
}
.t-rate__icon--current {
  -webkit-transform: scale(var(--td-rate-icon-scale, 1.33));
          transform: scale(var(--td-rate-icon-scale, 1.33));
}
.t-rate__icon--selected {
  color: var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}
.t-rate__icon--selected-half {
  color: transparent;
  background: -webkit-gradient(linear, left top, right top, from(var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)))), color-stop(50%, var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)))), color-stop(51%, var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)))), to(var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)))));
  background: -webkit-linear-gradient(left, var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318))) 0%, var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318))) 50%, var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc))) 51%, var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc))) 100%);
  background: linear-gradient(to right, var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318))) 0%, var(--td-rate-selected-color, var(--td-warning-color, var(--td-warning-color-5, #e37318))) 50%, var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc))) 51%, var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc))) 100%);
  -webkit-background-clip: text;
          background-clip: text;
}
.t-rate__icon--unselected {
  color: var(--td-rate-unselected-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)));
}
.t-rate__text {
  font-size: var(--td-rate-text-font-size, var(--td-font-size-m, 16px));
  color: var(--td-rate-text-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
  margin-left: 16px;
  vertical-align: middle;
}
.t-rate__text--active {
  color: var(--td-rate-text-active-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  font-weight: var(--td-rate-text-active-font-weight, 600);
}
.t-rate__tips {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  bottom: calc(100% + 8px);
  padding: 4px;
  border-radius: 6px;
  box-shadow: var(--td-shadow-1, 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12));
  background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.t-rate__tips--bottom {
  top: calc(100% + 8px);
  bottom: auto;
}
.t-rate__tips-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  width: 32px;
  border-radius: 3px;
}
.t-rate__tips-item--active {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}
.t-rate__tips-text {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  /* stylelint-disable-next-line */
}
.t-search__label {
  padding: 4px;
  color: var(--td-search-label-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-search--center {
  text-align: center;
}
.t-search__input-box {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: var(--td-search-height, 40px);
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  border: 1px solid var(--td-search-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  background: var(--td-search-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  padding: var(--td-search-padding, 8px 12px);
}
.t-search__input-box.t-is-focused {
  border-color: var(--td-search-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-search__input-box--round {
  border-radius: calc(var(--td-search-height, 40px) / 2);
}
.t-search__input-box--square {
  border-radius: var(--td-search-square-radius, var(--td-radius-default, 6px));
}
.t-search__input-box .t-input__keyword {
  display: inline-block;
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  color: var(--td-search-text-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  font-size: var(--td-search-font-size, var(--td-font-size-m, 16px));
  padding: 0 0 0 5px;
  border: 0;
  outline: none;
  resize: none;
  background: 0;
}
.t-search__input-box .t-icon {
  color: var(--td-search-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
  font-size: var(--td-search-icon-font-size, 24px);
}
.t-search__clear {
  position: relative;
  margin-left: 10px;
  font-size: var(--td-search-clear-icon-font-size, 24px);
  color: var(--td-search-clear-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-search__clear.relative {
  position: relative;
}
.t-search__clear::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-search__search-action {
  margin-left: 15px;
  font-size: var(--td-search-font-size, var(--td-font-size-m, 16px));
  color: var(--td-search-action-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-search__placeholder {
  color: var(--td-search-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-search__placeholder--center {
  text-align: center;
}
.t-search__result-item--highLight {
  color: var(--td-search-result-high-light-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-search__result-list .t-search__result-item {
  padding-left: 0;
}
.t-search__result-list .t-search__result-item::after {
  left: 0;
}
.t-search input::-webkit-input-placeholder {
  color: var(--td-search-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-search input::-webkit-input-placeholder,
.t-search input::placeholder {
  color: var(--td-search-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-search input[type="search"] {
  /* stylelint-disable-next-line */
  -webkit-appearance: none;
}
.t-search input::-webkit-search-decoration,
.t-search input::-webkit-search-cancel-button,
.t-search input::-webkit-search-results-button,
.t-search input::-webkit-search-results-decoration {
  display: none;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-slider {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.t-slider--disabled .t-slider__value,
.t-slider--disabled .t-slider__range-extreme,
.t-slider--disabled .t-slider__dot-value,
.t-slider--disabled .t-slider__scale-desc {
  color: var(--td-slider-disabled-text-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
}
.t-slider--top {
  padding-top: 20px;
}
.t-slider__line {
  position: absolute;
  top: 0;
  height: var(--td-slider-bar-height, 4px);
  border-radius: calc(var(--td-slider-bar-height, 4px) / 2);
  background-color: var(--td-slider-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-slider__line--disabled {
  background-color: var(--td-slider-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-slider__line--capsule {
  height: var(--td-slider-capsule-line-height, 18px);
}
.t-slider__line--capsule.t-slider__line--single {
  border-top-left-radius: calc(var(--td-slider-capsule-line-height, 18px) / 2);
  border-bottom-left-radius: calc(var(--td-slider-capsule-line-height, 18px) / 2);
}
.t-slider__dot {
  border-radius: 50%;
  border: 1px solid var(--td-slider-dot-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(50%, -50%, 0);
          transform: translate3d(50%, -50%, 0);
  z-index: 2;
  background-color: var(--td-slider-dot-bg-color, #fff);
  width: var(--td-slider-dot-size, 20px);
  height: var(--td-slider-dot-size, 20px);
  box-shadow: var(--td-shadow-1, 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12));
  box-sizing: border-box;
}
.t-slider__dot--left {
  left: 0;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.t-slider__dot-value {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -26px;
  text-align: center;
  width: 48px;
  height: 22px;
  line-height: 22px;
}
.t-slider__value,
.t-slider__range-extreme,
.t-slider__dot-value {
  color: var(--td-slider-scale-desc-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-slider__value--sr-only,
.t-slider__range-extreme--sr-only,
.t-slider__dot-value--sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0;
}
.t-slider__dot-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.t-slider__value--min {
  margin-left: 16px;
}
.t-slider__value--max {
  margin-right: 16px;
}
.t-slider__value--right {
  -webkit-flex-basis: 40px;
          flex-basis: 40px;
}
.t-slider__value--right__value--text {
  margin-right: 16px;
  text-align: right;
  display: block;
}
.t-slider__bar {
  margin: 8px 16px;
  -webkit-box-flex: 10;
          -webkit-flex: 10;
          flex: 10;
  background-clip: content-box;
  height: var(--td-slider-bar-height, 4px);
  border-radius: calc(var(--td-slider-bar-height, 4px) / 2);
  position: relative;
  background-color: var(--td-slider-default-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)));
}
.t-slider__bar--capsule {
  height: var(--td-slider-capsule-bar-height, 24px);
  border-radius: calc(var(--td-slider-capsule-bar-height, 24px) / 2);
  background-color: var(--td-slider-capsule-bar-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border: 3px solid var(--td-slider-capsule-bar-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  box-sizing: border-box;
}
.t-slider__bar--marks {
  background-color: var(--td-slider-default-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)));
}
.t-slider__bar--disabled {
  background-color: var(--td-slider-default-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eeeeee)));
}
.t-slider__range-extreme--min {
  margin-left: 16px;
  text-align: left;
}
.t-slider__range-extreme--max {
  margin-right: 16px;
  text-align: right;
}
.t-slider__scale-item {
  background-color: var(--td-slider-default-color, var(--td-bg-color-secondarycomponent, var(--td-gray-color-4, #dcdcdc)));
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  z-index: 1;
}
.t-slider__scale-item--active {
  background-color: var(--td-slider-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-slider__scale-item--disabled {
  background-color: var(--td-slider-default-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eeeeee)));
}
.t-slider__scale-item--active.t-slider__scale-item--disabled {
  background-color: var(--td-slider-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-slider__scale-item--capsule {
  height: var(--td-slider-capsule-line-height, 18px);
  width: 2px;
  border-radius: 0;
  background-color: var(--td-slider-capsule-bar-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  margin-top: calc(-0.5 * var(--td-slider-capsule-line-height, 18px));
}
.t-slider__scale-item--hidden {
  background-color: transparent;
}
.t-slider__scale-desc {
  position: absolute;
  left: 50%;
  color: var(--td-slider-scale-desc-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 16px;
}
.t-slider__scale-desc--capsule {
  bottom: 23px;
}
.t-slider--vertical {
  --td-slider-bar-height: 200px;
  height: var(--td-slider-bar-height, 4px);
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  position: relative;
}
.t-slider--vertical .t-slider__bar {
  -webkit-box-flex: 0;
          -webkit-flex: none;
          flex: none;
  height: 100%;
  width: var(--td-slider-bar-width, 4px);
}
.t-slider--vertical .t-slider__bar--capsule {
  width: var(--td-slider-capsule-bar-width, 24px);
  border-radius: calc(var(--td-slider-capsule-bar-width, 24px) / 2);
}
.t-slider--vertical .t-slider__line {
  width: 100%;
  height: unset;
  left: 0;
  border-radius: calc(var(--td-slider-bar-width, 4px) / 2);
}
.t-slider--vertical .t-slider__line--capsule {
  border-radius: calc(var(--td-slider-capsule-line-height, 18px) / 2);
}
.t-slider--vertical .t-slider__dot {
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.t-slider--vertical .t-slider__dot--left {
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}
.t-slider--vertical .t-slider__dot--right {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 100%;
}
.t-slider--vertical .t-slider__dot-value {
  left: 27px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: auto;
}
.t-slider--vertical .t-slider__range-extreme {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
}
.t-slider--vertical .t-slider__range-extreme--min {
  top: 0;
}
.t-slider--vertical .t-slider__range-extreme--max {
  bottom: 0;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.t-slider--vertical .t-slider__scale-item {
  left: 50%;
  margin-top: 0;
}
.t-slider--vertical .t-slider__scale-item--capsule {
  height: 2px;
  width: var(--td-slider-capsule-line-height, 18px);
}
.t-slider--vertical .t-slider__scale-desc {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: unset;
  left: 19px;
}
.t-slider--vertical .t-slider__scale-desc--capsule {
  left: 26px;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-stepper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  color: var(--td-stepper-input-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-stepper__minus,
.t-stepper__plus {
  padding: 4px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}
.t-stepper__input,
.t-stepper__minus-icon,
.t-stepper__plus-icon {
  color: inherit;
  font-size: inherit;
}
.t-stepper__input--normal,
.t-stepper__input--filled,
.t-stepper__input--outline {
  height: inherit;
  box-sizing: border-box;
}
.t-stepper--small {
  height: 20px;
  font-size: 10px;
}
.t-stepper--medium {
  height: 24px;
  font-size: 12px;
}
.t-stepper--large {
  height: 26px;
  font-size: 16px;
}
.t-stepper__input {
  text-align: center;
  border: 0;
  vertical-align: top;
  background: 0;
  height: inherit;
  min-height: inherit;
}
.t-stepper__input--normal,
.t-stepper__input--filled {
  margin: 0 4px;
}
.t-stepper__input--small {
  width: 34px;
}
.t-stepper__input--medium {
  height: 24px;
  width: 38px;
}
.t-stepper__input--large {
  width: 45px;
}
.t-stepper__icon--small {
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.t-stepper__icon--medium {
  width: 24px;
  height: 24px;
  font-size: 16px;
}
.t-stepper__icon--large {
  width: 26px;
  height: 26px;
  font-size: 20px;
}
.t-stepper__minus--outline,
.t-stepper__plus--outline {
  border: 1px solid var(--td-stepper-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}
.t-stepper__input--outline {
  padding: 0 4px;
  border: none;
  border-top: 1px solid var(--td-stepper-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
  border-bottom: 1px solid var(--td-stepper-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}
.t-stepper__minus--outline,
.t-stepper__minus--filled {
  border-radius: var(--td-stepper-border-radius, var(--td-radius-small, 3px)) 0 0 var(--td-stepper-border-radius, var(--td-radius-small, 3px));
}
.t-stepper__plus--outline,
.t-stepper__plus--filled {
  border-radius: 0 var(--td-stepper-border-radius, var(--td-radius-small, 3px)) var(--td-stepper-border-radius, var(--td-radius-small, 3px)) 0;
}
.t-stepper__minus--filled,
.t-stepper__plus--filled {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}
.t-stepper__input--filled {
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
}
.t-stepper--normal-disabled {
  color: var(--td-stepper-input-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
}
.t-stepper--filled-disabled,
.t-stepper--outline-disabled {
  color: var(--td-stepper-input-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
  background-color: var(--td-stepper-input-disabled-bg, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eeeeee)));
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  vertical-align: middle;
  width: var(--td-switch-width, 45px);
  height: var(--td-switch-height, 28px);
  border-radius: var(--td-switch-radius, calc(var(--td-switch-height, 28px) / 2));
  background-color: var(--td-switch-unchecked-color, var(--td-bg-color-secondarycontainer-active, var(--td-gray-color-4, #dcdcdc)));
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.t-switch--checked {
  background-color: var(--td-switch-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-switch--disabled {
  background-color: var(--td-switch-unchecked-disabled-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eeeeee)));
}
.t-switch--checked.t-switch--disabled {
  background-color: var(--td-switch-checked-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-switch--large {
  width: var(--td-switch-large-width, 52px);
  height: var(--td-switch-large-height, 32px);
  border-radius: var(--td-switch-large-radius, calc(var(--td-switch-large-height, 32px) / 2));
}
.t-switch--small {
  width: var(--td-switch-small-width, 39px);
  height: var(--td-switch-small-height, 24px);
  border-radius: var(--td-switch-small-radius, calc(var(--td-switch-small-height, 24px) / 2));
}
.t-switch__label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  font-size: var(--td-switch-label-font-size, 14px);
  color: var(--td-switch-label-color, var(--td-bg-color-secondarycontainer-active, var(--td-gray-color-4, #dcdcdc)));
  overflow: hidden;
}
.t-switch__label--checked {
  color: var(--td-switch-label-checked-color, var(--td-switch-checked-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9))));
}
.t-switch__label--disabled {
  color: var(--td-switch-unchecked-disabled-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eeeeee)));
}
.t-switch__label--checked.t-switch__label--disabled {
  color: var(--td-switch-checked-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-switch__label--large {
  font-size: var(--td-switch-label-large-font-size, 16px);
}
.t-switch__label--small {
  font-size: var(--td-switch-label-small-font-size, 12px);
}
.t-switch__label:empty {
  display: none;
}
.t-switch__icon {
  font-size: var(--td-switch-icon-size, 20px);
}
.t-switch__icon--large {
  font-size: var(--td-switch-icon-large-size, 24px);
}
.t-switch__icon--small {
  font-size: var(--td-switch-icon-small-size, 16px);
}
.t-switch__loading {
  color: var(--td-switch-loading-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-switch__dot {
  position: absolute;
  left: var(--td-switch-dot-horizontal-margin, 3px);
  top: 50%;
  width: var(--td-switch-dot-size, 22px);
  height: var(--td-switch-dot-size, 22px);
  border-radius: 50%;
  background-color: var(--td-font-white-1, #ffffff);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  box-shadow: var(--td-switch-dot-shadow, var(--td-shadow-1, 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12)));
}
.t-switch__dot--disabled {
  background-color: var(--td-switch-dot-disabled-color, var(--td-font-white-1, #ffffff));
}
.t-switch__dot--large {
  width: var(--td-switch-dot-large-size, 26px);
  height: var(--td-switch-dot-large-size, 26px);
}
.t-switch__dot--small {
  width: var(--td-switch-dot-small-size, 18px);
  height: var(--td-switch-dot-small-size, 18px);
}
.t-switch__dot--checked {
  left: calc(var(--td-switch-width, 45px) - var(--td-switch-dot-size, 22px) - var(--td-switch-dot-horizontal-margin, 3px));
}
.t-switch__dot--large.t-switch__dot--checked {
  left: calc(var(--td-switch-large-width, 52px) - var(--td-switch-dot-large-size, 26px) - var(--td-switch-dot-horizontal-margin, 3px));
}
.t-switch__dot--small.t-switch__dot--checked {
  left: calc(var(--td-switch-small-width, 39px) - var(--td-switch-dot-small-size, 18px) - var(--td-switch-dot-horizontal-margin, 3px));
}
.t-switch__dot--plain:not(.t-switch__dot--checked) {
  width: var(--td-switch-dot-plain-size, 18px);
  height: var(--td-switch-dot-plain-size, 18px);
  left: var(--td-switch-dot-plain-horizontal-margin, 5px);
}
.t-switch__dot--large.t-switch__dot--plain:not(.t-switch__dot--checked) {
  width: var(--td-switch-dot-plain-large-size, 22px);
  height: var(--td-switch-dot-plain-large-size, 22px);
}
.t-switch__dot--small.t-switch__dot--plain:not(.t-switch__dot--checked) {
  width: var(--td-switch-dot-plain-small-size, 14px);
  height: var(--td-switch-dot-plain-small-size, 14px);
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-textarea {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  padding: var(--td-textarea-padding, 16px 16px);
  background-color: var(--td-textarea-background-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-textarea--layout-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
}
.t-textarea__label:not(:empty) {
  font-size: var(--td-font-size-m, 16px);
  color: var(--td-textarea-label-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  line-height: 24px;
  margin-right: var(--td-spacer-2, 16px);
  width: var(--td-textarea-label-width, 64px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.t-textarea--layout-vertical .t-textarea__label:not(:empty) {
  line-height: 22px;
  font-size: var(--td-font-size-base, 14px);
  padding-bottom: var(--td-spacer, 8px);
}
.t-textarea__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
.t-textarea__wrapper-inner {
  -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  box-sizing: border-box;
  width: inherit;
  min-width: 0;
  height: 100%;
  min-height: 20px;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: transparent;
  border: 0;
  outline: none;
  resize: none;
  font-size: var(--td-font-size-m, 16px);
  color: var(--td-textarea-text-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  line-height: 24px;
}
.t-textarea__placeholder {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
  font-size: var(--td-font-size-m, 16px);
}
.t-textarea__placeholder::-webkit-input-placeholder {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-textarea__placeholder::-moz-placeholder {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-textarea__placeholder::placeholder {
  color: var(--td-textarea-placeholder-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-textarea__indicator:not(:empty) {
  color: var(--td-textarea-indicator-text-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
  font-size: var(--td-spacer-1, 12px);
  text-align: right;
  line-height: 20px;
  padding-top: var(--td-spacer, 8px);
}
.t-textarea--border {
  border-radius: var(--td-textarea-border-radius, var(--td-radius-default, 6px));
  border: 1px solid var(--td-textarea-border-color, #dcdcdc);
}
.t-textarea--disabled {
  color: var(--td-textarea-disabled-text-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
  cursor: not-allowed;
}
.t-textarea--readonly {
  cursor: pointer;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-tree-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: var(--td-tree-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tree-select__column {
  width: var(--td-tree-colum-width, 103px);
}
.t-tree-select__column--left {
  background: var(--td-tree-root-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-tree-select__column--right {
  -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
  overflow: auto;
}
.t-tree-select__column ::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
.t-tree-select__item {
  height: var(--td-tree-item-height, 56px);
  line-height: var(--td-tree-item-height, 56px);
  font-size: var(--td-tree-item-font-size, 16px);
  padding-left: 16px;
}
.t-tree-select__item--active {
  font-weight: 600;
  color: var(--td-tree-item-active-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-tree-select__item--disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: var(--td-tree-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
}
.t-tree-select-column {
  width: 100%;
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-swiper {
  position: relative;
  box-sizing: border-box;
  font-weight: normal;
  border-radius: var(--td-swiper-border-radius, 8px);
  overflow: hidden;
}
.t-swiper-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.t-swiper-item > * {
  border-radius: var(--td-swiper-border-radius, 8px);
}
.t-swiper-item--image-host {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  position: relative;
}
.t-swiper-item--image-host > * {
  border-radius: var(--td-swiper-border-radius, 8px);
}
.t-swiper-item--image-host img {
  height: 100%;
  width: 100%;
  max-width: none;
  object-fit: cover;
}
.t-swiper__container {
  height: 100%;
  width: auto;
  position: relative;
}
.t-swiper__item {
  overflow: hidden;
}
.t-swiper__item img {
  height: 100%;
  width: 100%;
}
.t-swiper--outside {
  padding-bottom: var(--td-swiper-placement-outside-padding, calc(var(--td-spacer-1, 12px) + var(--td-swiper-nav-dot-size, 6px)));
}
.t-swiper__container--card {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.t-swiper--card .t-swiper-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  z-index: 0;
}
.t-swiper--card .t-swiper-item--active {
  z-index: 1;
}
.t-swiper--card .t-swiper-item--image-host {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.t-swiper--card .t-swiper-item--image-host--prev {
  right: var(--td-swiper-item-right-padding, 6px);
}
.t-swiper--card .t-swiper-item--image-host--next {
  left: var(--td-swiper-item-left-padding, 6px);
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-swiper-nav__dots,
.t-swiper-nav__dots-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          flex-direction: row;
}
.t-swiper-nav__dots-item,
.t-swiper-nav__dots-bar-item {
  width: var(--td-swiper-nav-dot-size, 6px);
  height: var(--td-swiper-nav-dot-size, 6px);
  background: var(--td-swiper-nav-dot-color, var(--td-font-white-2, rgba(255, 255, 255, 0.55)));
  border-radius: 50%;
  margin: 0 5px;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.t-swiper-nav__dots-item--vertical,
.t-swiper-nav__dots-bar-item--vertical {
  margin: 5px 0;
}
.t-swiper-nav__dots-item--active,
.t-swiper-nav__dots-bar-item--active {
  background-color: var(--td-swiper-nav-dot-active-color, var(--td-font-white-1, #ffffff));
}
.t-swiper-nav__dots-bar-item--vertical.t-swiper-nav__dots-bar-item--active {
  width: var(--td-swiper-nav-dot-size, 6px);
  height: var(--td-swiper-nav-dots-bar-active-width, 20px);
}
.t-swiper-nav__dots-bar-item--active {
  width: var(--td-swiper-nav-dots-bar-active-width, 20px);
  border-radius: calc(var(--td-swiper-nav-dot-size, 6px) / 2);
  background-color: var(--td-swiper-nav-dot-active-color, var(--td-font-white-1, #ffffff));
}
.t-swiper-nav--left {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.t-swiper-nav--right {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.t-swiper-nav--top-left {
  position: absolute;
  top: 12px;
  left: 12px;
}
.t-swiper-nav--top {
  position: absolute;
  left: 50%;
  top: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.t-swiper-nav--top-right {
  position: absolute;
  top: 12px;
  right: 12px;
}
.t-swiper-nav--bottom-left {
  position: absolute;
  left: 12px;
  bottom: 12px;
}
.t-swiper-nav--bottom {
  position: absolute;
  left: 50%;
  bottom: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.t-swiper-nav--bottom-right {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.t-swiper-nav--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
}
.t-swiper-nav__fraction {
  padding: 0 8px;
  height: var(--td-swiper-nav-fraction-height, 24px);
  line-height: var(--td-swiper-nav-fraction-height, 24px);
  border-radius: calc(var(--td-swiper-nav-fraction-height, 24px) / 2);
  background: var(--td-swiper-nav-fraction-bg-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
  color: var(--td-swiper-nav-fraction-color, var(--td-font-white-1, #ffffff));
  font-size: var(--td-swiper-nav-fraction-font-size, 12px);
}
.t-swiper-nav__btn--prev,
.t-swiper-nav__btn--next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--td-swiper-nav-btn-size, 24px);
  height: var(--td-swiper-nav-btn-size, 24px);
  border-radius: 50%;
  background: var(--td-swiper-nav-btn-bg-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
}
.t-swiper-nav__btn--prev::after,
.t-swiper-nav__btn--next::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-color: var(--td-swiper-nav-btn-color, var(--td-font-white-1, #ffffff));
  border-style: solid;
}
.t-swiper-nav__btn--prev {
  left: 15px;
}
.t-swiper-nav__btn--prev::after {
  margin-left: 2px;
  border-width: 1px 0 0 1px;
  -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
          transform: translate(-50%, -50%) rotateZ(-45deg);
}
.t-swiper-nav__btn--next {
  right: 15px;
}
.t-swiper-nav__btn--next::after {
  margin-left: -2px;
  border-width: 1px 1px 0 0;
  -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
          transform: translate(-50%, -50%) rotateZ(45deg);
}
.t-swiper-nav--outside {
  bottom: 0;
}
.t-swiper-nav--outside .t-swiper-nav__dots-item,
.t-swiper-nav--outside .t-swiper-nav__dots-bar-item {
  background: var(--td-swiper-nav-outside-bg, var(--td-gray-color-3, #e7e7e7));
}
.t-swiper-nav--outside .t-swiper-nav__dots-item--active,
.t-swiper-nav--outside .t-swiper-nav__dots-bar-item--active {
  background-color: var(--td-swiper-nav-outside-bg-active, var(--td-brand-color-7, #0052d9));
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-upload {
  display: grid;
  grid-template-columns: repeat(var(--td-upload-grid-columns, 4), 1fr);
  gap: 16px 8px;
  padding: 16px;
}
.t-upload__item {
  position: relative;
  width: var(--td-upload-width, 80px);
  height: var(--td-upload-height, 80px);
  border-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  overflow: hidden;
}
.t-upload__item--add {
  font-size: var(--td-upload-add-icon-font-size, 28px);
  background: var(--td-upload-background, var(--td-upload-add-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3))));
  color: var(--td-upload-add-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-upload__add-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.t-upload__delete-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--td-upload-delete-icon-color, #fff);
  border-top-right-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  border-bottom-left-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  background-color: var(--td-font-gray-3, rgba(0, 0, 0, 0.4));
}
.t-upload__progress-mask {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--td-font-gray-3, rgba(0, 0, 0, 0.4));
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  border-radius: var(--td-upload-radius, var(--td-radius-default, 6px));
  color: var(--td-font-white-1, #ffffff);
  padding: 16px 0;
}
.t-upload__progress-text {
  font-size: 12px;
  line-height: 20px;
  margin-top: 4px;
}
.t-upload__progress-loading {
  -webkit-animation: spin infinite linear 0.6s;
          animation: spin infinite linear 0.6s;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.t-result__icon {
  font-size: 80px;
}
.t-result__title {
  line-height: var(--td-result-title-line-height, 28px);
  font-size: var(--td-result-title-font-size, var(--td-font-size-xl, 20px));
  font-weight: 700;
  color: var(--td-result-title-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-result__thumb:not(:empty) + .t-result__title:not(:empty) {
  margin-top: var(--td-result-title-margin-top, var(--td-spacer-1, 12px));
}
.t-result__description {
  text-align: center;
  color: var(--td-result-description-color, var(--td-text-color-secondary, var(--td-font-gray-2, rgba(0, 0, 0, 0.6))));
  font-size: var(--td-result-description-font-size, var(--td-font-size-base, 14px));
  line-height: var(--td-result-description-line-height, 22px);
}
.t-result__title + .t-result__description:not(:empty) {
  margin-top: var(--td-result-description-margin-top, var(--td-spacer, 8px));
}
.t-result--theme-default {
  color: var(--td-result-icon-default-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-result--theme-success {
  color: var(--td-result-icon-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}
.t-result--theme-warning {
  color: var(--td-result-icon-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}
.t-result--theme-error {
  color: var(--td-result-icon-error-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-skeleton {
  box-sizing: border-box;
}
.t-skeleton__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: var(--td-skeleton-row-spacing, var(--td-spacer-2, 16px));
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
}
.t-skeleton__row:only-child,
.t-skeleton__row:last-child {
  margin-bottom: 0;
}
.t-skeleton__col {
  background-color: var(--td-skeleton-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}
.t-skeleton__col:first-child:last-child,
.t-skeleton__col:last-child {
  margin-right: 0;
}
.t-skeleton--type-text {
  width: 100%;
  height: var(--td-skeleton-text-height, 16px);
  border-radius: var(--td-skeleton-text-border-radius, var(--td-radius-small, 3px));
}
.t-skeleton--type-rect {
  width: 100%;
  height: var(--td-skeleton-rect-height, 16px);
  border-radius: var(--td-skeleton-rect-border-radius, var(--td-radius-default, 6px));
}
.t-skeleton--type-circle {
  width: var(--td-skeleton-circle-height, 48px);
  height: var(--td-skeleton-circle-height, 48px);
  border-radius: var(--td-skeleton-circle-border-radius, var(--td-skeleton-circle-border-radius, var(--td-radius-circle, 50%)));
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.t-skeleton--animation-gradient {
  position: relative;
  overflow-x: hidden;
}
.t-skeleton--animation-gradient::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--td-skeleton-animation-gradient, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))))), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), var(--td-skeleton-animation-gradient, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)))), rgba(255, 255, 255, 0));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--td-skeleton-animation-gradient, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)))), rgba(255, 255, 255, 0));
  -webkit-animation: t-skeleton--gradient 1.5s linear 0s infinite;
          animation: t-skeleton--gradient 1.5s linear 0s infinite;
}
.t-skeleton--animation-flashed {
  -webkit-animation: t-skeleton--flashed 2s linear 0s infinite;
          animation: t-skeleton--flashed 2s linear 0s infinite;
}
@-webkit-keyframes t-skeleton--gradient {
  0% {
    -webkit-transform: translateX(-100%) skewX(-15deg);
            transform: translateX(-100%) skewX(-15deg);
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-15deg);
            transform: translateX(100%) skewX(-15deg);
  }
}
@keyframes t-skeleton--gradient {
  0% {
    -webkit-transform: translateX(-100%) skewX(-15deg);
            transform: translateX(-100%) skewX(-15deg);
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-15deg);
            transform: translateX(100%) skewX(-15deg);
  }
}
@-webkit-keyframes t-skeleton--flashed {
  0% {
    opacity: 1;
  }
  50% {
    background-color: var(--td-skeleton-animation-flashed, rgba(230, 230, 230, 0.3));
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes t-skeleton--flashed {
  0% {
    opacity: 1;
  }
  50% {
    background-color: var(--td-skeleton-animation-flashed, rgba(230, 230, 230, 0.3));
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

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

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-tag {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: var(--td-tag-square-border-radius, 4px);
  font-size: var(--td-tag-medium-font-size, var(--td-font-size-s, 12px));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.t-tag__text {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-tag__icon,
.t-tag__icon-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.t-tag__icon-close {
  color: var(--td-tag-close-icon-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
}
.t-tag__icon:not(:empty) + .t-tag__text:not(:empty),
.t-tag__text:not(:empty) + .t-tag__icon-close:not(:empty) {
  margin-left: 4px;
}
.t-tag.t-tag--small {
  height: var(--td-tag-small-height, 20px);
  line-height: var(--td-tag-small-height, 20px);
  padding: 0 var(--td-tag-small-padding, 5px);
  font-size: var(--td-tag-small-font-size, var(--td-font-size, 10px));
}
.t-tag.t-tag--small .t-icon,
.t-tag.t-tag--small .t-icon-close {
  font-size: var(--td-tag-small-icon-size, 12px);
}
.t-tag.t-tag--small .t-tag__icon:not(:empty) + .t-tag__text:not(:empty),
.t-tag.t-tag--small .t-tag__text:not(:empty) + .t-tag__icon-close:not(:empty) {
  margin-left: 2px;
}
.t-tag.t-tag--medium {
  height: var(--td-tag-medium-height, 24px);
  line-height: var(--td-tag-medium-height, 24px);
  padding: 0 var(--td-tag-medium-padding, 7px);
  font-size: var(--td-tag-medium-font-size, var(--td-font-size-s, 12px));
}
.t-tag.t-tag--medium .t-icon,
.t-tag.t-tag--medium .t-icon-close {
  font-size: var(--td-tag-medium-icon-size, 14px);
}
.t-tag.t-tag--large {
  height: var(--td-tag-large-height, 28px);
  line-height: var(--td-tag-large-height, 28px);
  padding: 0 var(--td-tag-large-padding, 7px);
  font-size: var(--td-tag-large-font-size, var(--td-font-size-base, 14px));
}
.t-tag.t-tag--large .t-icon,
.t-tag.t-tag--large .t-icon-close {
  font-size: var(--td-tag-large-icon-size, 16px);
}
.t-tag.t-tag--extra-large {
  height: var(--td-tag-extra-large-height, 40px);
  line-height: var(--td-tag-extra-large-height, 40px);
  padding: 0 var(--td-tag-extra-large-padding, 15px);
  font-size: var(--td-tag-extra-large-font-size, var(--td-font-size-base, 14px));
}
.t-tag.t-tag--extra-large .t-icon,
.t-tag.t-tag--extra-large .t-icon-close {
  font-size: var(--td-tag-extra-large-icon-size, 16px);
}
.t-tag.t-tag--square {
  border-radius: var(--td-tag-square-border-radius, 4px);
}
.t-tag.t-tag--round {
  border-radius: var(--td-tag-round-border-radius, 999px);
}
.t-tag.t-tag--mark {
  border-radius: 0 var(--td-tag-mark-border-radius, var(--td-tag-round-border-radius, 999px)) var(--td-tag-mark-border-radius, var(--td-tag-round-border-radius, 999px)) 0;
}
.t-tag--dark.t-tag--default {
  color: var(--td-font-white-1, #ffffff);
  border-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  background-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
}
.t-tag--dark.t-tag--primary {
  color: var(--td-font-white-1, #ffffff);
  border-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
}
.t-tag--dark.t-tag--success {
  color: var(--td-font-white-1, #ffffff);
  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  background-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
}
.t-tag--dark.t-tag--warning {
  color: var(--td-font-white-1, #ffffff);
  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  background-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
}
.t-tag--dark.t-tag--danger {
  color: var(--td-font-white-1, #ffffff);
  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
}
.t-tag--dark.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-tag--outline.t-tag--default {
  color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  background-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-tag--outline.t-tag--primary {
  color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}
.t-tag--outline.t-tag--success {
  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
}
.t-tag--outline.t-tag--warning {
  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
}
.t-tag--outline.t-tag--danger {
  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
}
.t-tag--outline.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-tag--outline.t-tag--default {
  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tag--outline.t-tag--primary {
  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tag--outline.t-tag--success {
  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tag--outline.t-tag--warning {
  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tag--outline.t-tag--danger {
  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
}
.t-tag--light.t-tag--default {
  color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
  background-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-tag--light.t-tag--primary {
  color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
  background-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}
.t-tag--light.t-tag--success {
  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  border-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
}
.t-tag--light.t-tag--warning {
  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  border-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
}
.t-tag--light.t-tag--danger {
  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  border-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
}
.t-tag--light.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
}
.t-tag--light-outline.t-tag--default {
  color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  border-color: var(--td-tag-default-color, var(--td-bg-color-component, var(--td-gray-color-3, #e7e7e7)));
  background-color: var(--td-tag-default-light-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
}
.t-tag--light-outline.t-tag--primary {
  color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  border-color: var(--td-tag-primary-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)));
  background-color: var(--td-tag-primary-light-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}
.t-tag--light-outline.t-tag--success {
  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #2ba471)));
  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e3f9e9));
}
.t-tag--light-outline.t-tag--warning {
  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #e37318)));
  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fff1e9));
}
.t-tag--light-outline.t-tag--danger {
  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #d54941)));
  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fff0ed));
}
.t-tag--light-outline.t-tag--default {
  color: var(--td-tag-default-font-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
  border-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}
.t-tag--disabled.t-tag--default {
  cursor: not-allowed;
}
.t-tag--disabled.t-tag--default.t-tag--dark,
.t-tag--disabled.t-tag--default.t-tag--light,
.t-tag--disabled.t-tag--default.t-tag--light-outline,
.t-tag--disabled.t-tag--default.t-tag--outline {
  color: var(--td-tag-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))));
}
.t-tag--disabled.t-tag--default.t-tag--dark,
.t-tag--disabled.t-tag--default.t-tag--light,
.t-tag--disabled.t-tag--default.t-tag--light-outline {
  background-color: var(--td-tag-disabled-background-color, var(--td-bg-color-component-disabled, var(--td-gray-color-2, #eeeeee)));
}
.t-tag--disabled.t-tag--default.t-tag--light-outline,
.t-tag--disabled.t-tag--default.t-tag--outline {
  border-color: var(--td-tag-disabled-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
}
.t-tag--checked.t-tag--disabled.t-tag--primary {
  cursor: not-allowed;
}
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light,
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light-outline,
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--outline {
  color: var(--td-tag-checked-disabled-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--dark {
  color: var(--td-tag-checked-dark-disabled-color, var(--td-font-white-2, rgba(255, 255, 255, 0.55)));
  background-color: var(--td-tag-checked-disabled-background-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light,
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light-outline {
  background-color: var(--td-tag-checked-light-disabled-background-color, var(--td-brand-color-light, var(--td-brand-color-1, #f2f3ff)));
}
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--dark,
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--light-outline,
.t-tag--checked.t-tag--disabled.t-tag--primary.t-tag--outline {
  border-color: var(--td-tag-checked-disabled-border-color, var(--td-brand-color-disabled, var(--td-brand-color-3, #b5c7ff)));
}

.t-float-left {
  float: left;
}
.t-float-right {
  float: right;
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes t-slide-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-bottom-in {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes t-slide-bottom-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-right-in {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes t-slide-right-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes t-slide-left-in {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes t-slide-left-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes t-fade-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-fade-zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.hotspot-expanded.relative {
  position: relative;
}
.hotspot-expanded::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.t-swipe-cell {
  position: relative;
  overflow: hidden;
}
.t-swipe-cell__left,
.t-swipe-cell__right {
  position: absolute;
  top: 0;
  height: 100%;
}
.t-swipe-cell__left {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          -webkit-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.t-swipe-cell__right {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.t-swipe-cell__content {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
  padding: 0 var(--td-spacer-2, 16px);
}
.t-swipe-cell__icon {
  font-size: var(--td-font-size-xl, 20px);
}
.t-swipe-cell__icon + .t-swipe-cell__text:not(:empty) {
  margin-left: var(--td-spacer, 8px);
  font-size: var(--td-font-size-base, 14px);
  line-height: 22px;
}

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

:root,
:root[theme-mode="light"] {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
  --td-warning-color-1: #fff1e9;
  --td-warning-color-2: #ffd9c2;
  --td-warning-color-3: #ffb98c;
  --td-warning-color-4: #fa9550;
  --td-warning-color-5: #e37318;
  --td-warning-color-6: #be5a00;
  --td-warning-color-7: #954500;
  --td-warning-color-8: #713300;
  --td-warning-color-9: #532300;
  --td-warning-color-10: #3b1700;
  --td-error-color-1: #fff0ed;
  --td-error-color-2: #ffd8d2;
  --td-error-color-3: #ffb9b0;
  --td-error-color-4: #ff9285;
  --td-error-color-5: #f6685d;
  --td-error-color-6: #d54941;
  --td-error-color-7: #ad352f;
  --td-error-color-8: #881f1c;
  --td-error-color-9: #68070a;
  --td-error-color-10: #490002;
  --td-success-color-1: #e3f9e9;
  --td-success-color-2: #c6f3d7;
  --td-success-color-3: #92dab2;
  --td-success-color-4: #56c08d;
  --td-success-color-5: #2ba471;
  --td-success-color-6: #008858;
  --td-success-color-7: #006c45;
  --td-success-color-8: #005334;
  --td-success-color-9: #003b23;
  --td-success-color-10: #002515;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e7e7e7;
  --td-gray-color-4: #dcdcdc;
  --td-gray-color-5: #c5c5c5;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #383838;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #ffffff;
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-7);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-focus: var(--td-brand-color-1);
  --td-brand-color-active: var(--td-brand-color-8);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-active: var(--td-brand-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-active: var(--td-warning-color-2);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-active: var(--td-error-color-2);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-active: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 0.6);
  --td-mask-disabled: rgba(255, 255, 255, 0.6);
  --td-mask-background: rgba(255, 255, 255, 0.96);
  --td-bg-color-page: var(--td-gray-color-1);
  --td-bg-color-container: var(--td-font-white-1);
  --td-bg-color-container-active: var(--td-gray-color-3);
  --td-bg-color-secondarycontainer: var(--td-gray-color-1);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
  --td-bg-color-component: var(--td-gray-color-3);
  --td-bg-color-component-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-secondarycomponent: var(--td-gray-color-4);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: var(--td-font-white-1);
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
  --td-table-shadow-color: rgba(0, 0, 0, 0.08);
  --td-scrollbar-color: rgba(0, 0, 0, 0.1);
  --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
  --td-scroll-track-color: #fff;
}
:root[theme-mode="dark"] {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;
  --td-warning-color-1: #4f2a1d;
  --td-warning-color-2: #582f21;
  --td-warning-color-3: #733c23;
  --td-warning-color-4: #a75d2b;
  --td-warning-color-5: #cf6e2d;
  --td-warning-color-6: #dc7633;
  --td-warning-color-7: #e8935c;
  --td-warning-color-8: #ecbf91;
  --td-warning-color-9: #eed7bf;
  --td-warning-color-10: #f3e9dc;
  --td-error-color-1: #472324;
  --td-error-color-2: #5e2a2d;
  --td-error-color-3: #703439;
  --td-error-color-4: #83383e;
  --td-error-color-5: #a03f46;
  --td-error-color-6: #c64751;
  --td-error-color-7: #de6670;
  --td-error-color-8: #ec888e;
  --td-error-color-9: #edb1b6;
  --td-error-color-10: #eeced0;
  --td-success-color-1: #193a2a;
  --td-success-color-2: #1a4230;
  --td-success-color-3: #17533d;
  --td-success-color-4: #0d7a55;
  --td-success-color-5: #059465;
  --td-success-color-6: #43af8a;
  --td-success-color-7: #46bf96;
  --td-success-color-8: #80d2b6;
  --td-success-color-9: #b4e1d3;
  --td-success-color-10: #deede8;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #383838;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: rgba(255, 255, 255, 0.9);
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-8);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-focus: var(--td-brand-color-1);
  --td-brand-color-active: var(--td-brand-color-9);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-active: var(--td-brand-color-2);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-4);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-active: var(--td-warning-color-2);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-5);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-active: var(--td-error-color-2);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-4);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-active: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 0.4);
  --td-mask-disabled: rgba(0, 0, 0, 0.6);
  --td-mask-background: rgba(36, 36, 36, 0.96);
  --td-bg-color-page: var(--td-gray-color-14);
  --td-bg-color-container: var(--td-gray-color-13);
  --td-bg-color-secondarycontainer: var(--td-gray-color-12);
  --td-bg-color-component: var(--td-gray-color-11);
  --td-bg-color-container-active: var(--td-gray-color-12);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-11);
  --td-bg-color-component-active: var(--td-gray-color-10);
  --td-bg-color-component-disabled: var(--td-gray-color-12);
  --td-bg-color-specialcomponent: transparent;
  --td-text-color-primary: var(--td-font-white-1);
  --td-text-color-secondary: var(--td-font-white-2);
  --td-text-color-placeholder: var(--td-font-white-3);
  --td-text-color-disabled: var(--td-font-white-4);
  --td-text-color-anti: var(--td-font-white-1);
  --td-text-color-brand: var(--td-brand-color-8);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-11);
  --td-component-stroke: var(--td-gray-color-11);
  --td-border-level-2-color: var(--td-gray-color-9);
  --td-component-border: var(--td-gray-color-9);
  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.16);
  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
  --td-table-shadow-color: rgba(0, 0, 0, 0.55);
  --td-scrollbar-color: rgba(255, 255, 255, 0.1);
  --td-scroll-track-color: #333;
}
:root {
  --td-radius-small: 3px;
  --td-radius-default: 6px;
  --td-radius-large: 9px;
  --td-radius-extraLarge: 12px;
  --td-radius-round: 999px;
  --td-radius-circle: 50%;
}
:root {
  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
  --td-font-size-link-small: 12px;
  --td-font-size-link-medium: 14px;
  --td-font-size-link-large: 16px;
  --td-font-size-mark-extraSmall: 10px;
  --td-font-size-mark-small: 12px;
  --td-font-size-mark-medium: 14px;
  --td-font-size-mark-large: 16px;
  --td-font-size-body-extraSmall: 10px;
  --td-font-size-body-small: 12px;
  --td-font-size-body-medium: 14px;
  --td-font-size-body-large: 16px;
  --td-font-size-title-small: 14px;
  --td-font-size-title-medium: 16px;
  --td-font-size-title-large: 18px;
  --td-font-size-title-extraLarge: 20px;
  --td-font-size-headline-small: 24px;
  --td-font-size-headline-medium: 28px;
  --td-font-size-headline-large: 36px;
  --td-font-size-display-medium: 48px;
  --td-font-size-display-large: 64px;
  --td-font-size: 10px;
  --td-font-size-xs: var(--td-font-size-body-extraSmall);
  --td-font-size-s: var(--td-font-size-body-small);
  --td-font-size-base: var(--td-font-size-title-small);
  --td-font-size-m: var(--td-font-size-title-medium);
  --td-font-size-l: var(--td-font-size-title-large);
  --td-font-size-xl: var(--td-font-size-title-extraLarge);
  --td-font-size-xxl: var(--td-font-size-headline-large);
}
:root {
  --td-spacer: 8px;
  --td-spacer-1: 12px;
  --td-spacer-2: 16px;
  --td-spacer-3: 24px;
  --td-spacer-4: 32px;
  --td-spacer-5: 48px;
  --td-spacer-6: 80px;
}
:root,
:root[theme-mode="light"] {
  --td-switch-dot-disabled-color: var(--td-font-white-1);
  --td-switch-loading-color: var(--td-brand-color);
}
:root[theme-mode="dark"] {
  --td-switch-dot-disabled-color: var(--td-font-white-2);
  --td-switch-loading-color: var(--td-font-white-1);
}