/* Front-end styles */
.jm-wc.wordcloud, .jm-wc{
  display:flex; flex-wrap:wrap;
  gap: var(--wc-gap, 10px);
  justify-content: var(--wc-justify, center);
  align-items:center;
}
.jm-wc.dense{ gap: calc(var(--wc-gap, 10px) * 0.6); }

.jm-wc .wc-word{
  display:inline-block;
  line-height:1.2;
  color: var(--wc-color, inherit);
  text-decoration:none;
  font-size: var(--fs, 16px);
  transition: font-size .18s ease, color .18s ease, transform .18s ease;
  will-change: font-size, transform;
  transform: translate(var(--jitx, 0px), var(--jity, 0px)) rotate(var(--rot, 0deg));
}

.jm-wc .wc-word:hover{
  color: var(--wc-hover, #0ea5e9);
  font-size: calc(var(--fs, 16px) * var(--wc-hscale, 1.15));
  transform: translate(var(--jitx, 0px), var(--jity, 0px)) rotate(var(--rot, 0deg));
}

.jm-wc.nowrap-hover .wc-word:hover{
  font-size: var(--fs, 16px);
  transform: translate(var(--jitx, 0px), var(--jity, 0px)) rotate(var(--rot, 0deg)) scale(var(--wc-hscale, 1.15));
  z-index: 2;
}

/* During measurement we disable transforms to get stable widths */
.jm-wc.measuring .wc-word{ transform: none !important; }

@media (hover:none){
  .jm-wc .wc-word:hover{
    font-size: var(--fs, 16px);
    transform: translate(var(--jitx, 0px), var(--jity, 0px)) rotate(var(--rot, 0deg));
  }
}