.process-wrapper {
  height: 30px;
  width: 100px;
  background: repeating-linear-gradient(
    135deg,
    transparent,
    transparent 3px,
    rgb(175, 202, 255) 3px,
    rgb(175, 202, 255) 8px
  );
  animation: shine 1s infinite linear;
  overflow: hidden;
}

.content {
  height: 28px;
  background-color: rgb(209, 233, 255);
  margin: 1px;
}

@keyframes shine {
  0% {
    background-position: -1px -1px;
  }
  100% {
    background-position: -12px -12px;
  }
}

.lf__tooltip {
  background: #000;
  color: #fff;
  border-radius: 8px;
  padding: 5px;
  font-size: 12px;
  position: relative;
}

.lf__tooltip > .tooltip__arrow {
  width: 10px;
  height: 10px;
  position: absolute;
  left: -7px;
  top: 50%;
  background: #000;
  transform: rotate(45deg) translateY(-50%);
}
