.l-float-left {
  float: left;
}

.l-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);
}

.l-cell-group {
  position: relative;
}
.l-cell-group-borderall {
  /* border: 0.5px solid var(--color-line-l3); */
  /* box-shadow: 0 0 0.5px 0 var(--color-secondary-default); */
  box-shadow: 4rpx 8rpx 24rpx var(--shadow-3);
  background: var(--color-bg-b1-white);
}
.l-cell-group__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: PingFangSC-Regular;
  font-size: var(--td-cell-group-title-font-size, 28rpx);
  color: var(
    --td-cell-group-title-color,
    var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)))
  );
  text-align: left;
  line-height: var(--td-cell-group-title-line-height, 90rpx);
  background-color: var(
    --td-cell-group-title-bg-color,
    var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3))
  );
  padding-left: var(--td-cell-group-title-padding-left, 32rpx);
  padding-right: var(--td-cell-group-title-padding-left, 32rpx);
}

.l-cell-group--bordered::before {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  right: 0;
  left: 0;
  top: 0;
  border-top: 1px solid
    var(
      --td-cell-group-border-color,
      var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7))
    );
  transform: scaleY(0.5);
  transform-origin: 0 0;
  transform-origin: top;
  z-index: 1;
}

.l-cell-group--bordered::after {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  right: 0;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid
    var(
      --td-cell-group-border-color,
      var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7))
    );
  transform: scaleY(0.5);
  transform-origin: bottom;
  z-index: 1;
}

.l-cell-group--card {
  margin: 32rpx;
  border-radius: 32rpx;
  overflow: hidden;
}
.l-cell-group__title__right {
  display: flex;
  align-items: center;
}
.l-cell-group__title__primary {
  color: var(--td-brand-color);
}