.t-float-left { 
 | 
  float: left; 
 | 
} 
 | 
.t-float-right { 
 | 
  float: right; 
 | 
} 
 | 
@keyframes tdesign-fade-out { 
 | 
  from { 
 | 
    opacity: 1; 
 | 
  } 
 | 
  to { 
 | 
    opacity: 0; 
 | 
  } 
 | 
} 
 | 
.hotspot-expanded.relative { 
 | 
  position: relative; 
 | 
} 
 | 
.hotspot-expanded::after { 
 | 
  content: ''; 
 | 
  display: block; 
 | 
  position: absolute; 
 | 
  left: 0; 
 | 
  top: 0; 
 | 
  right: 0; 
 | 
  bottom: 0; 
 | 
  transform: scale(1.5); 
 | 
} 
 | 
.t-popup { 
 | 
  position: fixed; 
 | 
  z-index: 11500; 
 | 
  max-height: 100vh; 
 | 
  transition: all 300ms ease; 
 | 
  background-color: var(--td-popup-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff))); 
 | 
} 
 | 
.t-popup__content { 
 | 
  position: relative; 
 | 
  z-index: 1; 
 | 
} 
 | 
.t-popup__close { 
 | 
  position: absolute; 
 | 
  top: 0; 
 | 
  right: 0; 
 | 
  padding: 20rpx; 
 | 
  line-height: 1; 
 | 
} 
 | 
.t-popup--top { 
 | 
  top: 0; 
 | 
  left: 0; 
 | 
  width: 100%; 
 | 
  border-bottom-left-radius: var(--td-popup-border-radius, var(--td-radius-default, 12rpx)); 
 | 
  border-bottom-right-radius: var(--td-popup-border-radius, var(--td-radius-default, 12rpx)); 
 | 
} 
 | 
.t-popup--bottom { 
 | 
  bottom: 0; 
 | 
  left: 0; 
 | 
  width: 100%; 
 | 
  border-top-left-radius: var(--td-popup-border-radius, var(--td-radius-default, 12rpx)); 
 | 
  border-top-right-radius: var(--td-popup-border-radius, var(--td-radius-default, 12rpx)); 
 | 
  padding-bottom: constant(safe-area-inset-bottom); 
 | 
  padding-bottom: env(safe-area-inset-bottom); 
 | 
} 
 | 
.t-popup--left { 
 | 
  top: 0; 
 | 
  left: 0; 
 | 
  height: 100vh; 
 | 
} 
 | 
.t-popup--right { 
 | 
  top: 0; 
 | 
  right: 0; 
 | 
  height: 100vh; 
 | 
} 
 | 
.t-popup--center { 
 | 
  top: 50%; 
 | 
  left: 50%; 
 | 
  transform: scale(1) translate3d(-50%, -50%, 0); 
 | 
  transform-origin: 0% 0%; 
 | 
  border-radius: var(--td-popup-border-radius, var(--td-radius-default, 12rpx)); 
 | 
} 
 | 
.t-popup.t-fade-enter.t-popup--top, 
 | 
.t-popup.t-fade-leave-to.t-popup--top { 
 | 
  transform: translateY(-100%); 
 | 
} 
 | 
.t-popup.t-fade-enter.t-popup--bottom, 
 | 
.t-popup.t-fade-leave-to.t-popup--bottom { 
 | 
  transform: translateY(100%); 
 | 
} 
 | 
.t-popup.t-fade-enter.t-popup--left, 
 | 
.t-popup.t-fade-leave-to.t-popup--left { 
 | 
  transform: translateX(-100%); 
 | 
} 
 | 
.t-popup.t-fade-enter.t-popup--right, 
 | 
.t-popup.t-fade-leave-to.t-popup--right { 
 | 
  transform: translateX(100%); 
 | 
} 
 | 
.t-popup.t-fade-enter.t-popup--center, 
 | 
.t-popup.t-fade-leave-to.t-popup--center { 
 | 
  transform: scale(0.6) translate3d(-50%, -50%, 0); 
 | 
  opacity: 0; 
 | 
} 
 | 
.t-popup.t-dialog-enter.t-popup--center, 
 | 
.t-popup.t-dialog-leave-to.t-popup--center { 
 | 
  transform: scale(0.6) translate3d(-50%, -50%, 0); 
 | 
  opacity: 0; 
 | 
} 
 |