.wrapper {
  --selected-item-offset: 0;
  display: flex;
  flex-direction: row;
  min-width: fit-content;
  padding-top: 1.25rem;
}
.centered {
  justify-content: center;
}
.selected {
  transition: transform 360ms;
  transform: translate(var(--selected-item-offset), -1rem);
  will-change: transform;
  z-index: 1;
}
.rearranged {
  transition: transform 360ms;
}
.rearrangedTransform {
  transform: translateX(calc(-1 * var(--move-direction) * var(--item-width)));
}