/* Shuffle component styles - Vanilla JS compatible */

.shuffle-parent {
  display: inline-block;
  visibility: visible; /* Always visible - we control rendering via JS */
  line-height: 1;
  cursor: default;
}

.shuffle-wrap {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  position: relative;
}

.shuffle-inner {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
}

.shuffle-inner span {
  display: inline-block;
  text-align: center;
}

.shuffle-char {
  line-height: 1;
  display: inline-block;
  text-align: center;
}