/* Slot defaultable styles */
.slot-defaultable { display: contents; }
.slot-defaultable .slot:empty { display: none; }
.slot-defaultable .slot { display: contents; }
.slot-defaultable .default-slot { display: none; }
.slot-defaultable .slot:empty + .default-slot { display: contents; }

.wv-line-clamp-container {
  --wv-lineclamp-icon-gap: var(--wv-margin-default, 10rpx);

  position: relative;
  display: flex;
  gap: var(--wv-lineclamp-icon-gap);
  align-items: flex-start;
}

.wv-line-clamp-container.icon-left,
.wv-line-clamp-container.icon-right {
  flex-direction: row;
}

.wv-line-clamp-container.icon-top,
.wv-line-clamp-container.icon-bottom {
  flex-direction: column;
}

.wv-line-clamp-container.icon-left {
  flex-direction: row-reverse;
}

.wv-line-clamp-container.icon-top {
  flex-direction: column-reverse;
}

.wv-line-clamp {
  --wv-lineclamp: 1;
  --wv-lineclamp-active: none;
  --wv-lineclamp-height: unset;
  --wv-lineclamp-height-active: unset;

  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--wv-lineclamp);
  max-height: var(--wv-lineclamp-height);
  flex: 1;
  position: relative;
}

.wv-line-clamp-container.active .wv-line-clamp {
  -webkit-line-clamp: var(--wv-lineclamp-active);
  max-height: var(--wv-lineclamp-height-active);
}

.wv-line-clamp-icon {
  cursor: pointer;
}

.wv-line-clamp-container.icon-top .wv-line-clamp-icon, .wv-line-clamp-container.icon-bottom .wv-line-clamp-icon {
  width: 100%;
  text-align: center;
  height: 40rpx;
  line-height: 40rpx;
}

.wv-line-clamp-container.vertical-fade.icon-bottom .wv-line-clamp-icon {
  background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(240,240,240,1) 100%);
  position: absolute;
  bottom: 0;
}
.wv-line-clamp-container.vertical-fade.icon-top .wv-line-clamp-icon {
  background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(240,240,240,0.6) 100%);
  position: absolute;
  top: 0;
}
.wv-line-clamp-container.active.vertical-fade .wv-line-clamp-icon {
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 100%);
  position: unset;
}

.wv-line-clamp-container.vertical-fade {
  gap: 0;
}