.books-visual .livralyo-visual {
  display: block;
  flex: 0 1 390px;
  width: 100%;
  max-width: 390px;
  height: auto;
  max-height: 230px;
  overflow: visible;
  pointer-events: none;
}

.livralyo-visual .livralyo-label {
  fill: #e8e3ed;
  font: 500 15px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -.25px;
}

.livralyo-visual .livralyo-ambassador-label { fill: #c8bbda; font-size: 13px; }
.livralyo-visual .livralyo-order-label { fill: #e9e1d1; }
.livralyo-visual .livralyo-featured-book { animation: livralyo-book 10s ease-in-out infinite; }
.livralyo-visual .livralyo-share-token { opacity: 0; transform-box: fill-box; transform-origin: center; animation: livralyo-share 10s ease-in-out infinite; }
.livralyo-visual .livralyo-order-glow { opacity: .14; animation: livralyo-order 10s ease-in-out infinite; }
.livralyo-visual .livralyo-order-check { stroke-dasharray: 22; stroke-dashoffset: 0; animation: livralyo-check 10s ease-in-out infinite; }
.project-books:not(.in-view) .livralyo-visual * { animation-play-state: paused; }

@keyframes livralyo-book {
  0%, 8%, 38%, 100% { transform: translateY(0); }
  17%, 27% { transform: translateY(-5px); }
}

@keyframes livralyo-share {
  0%, 19% { opacity: 0; transform: translate(0,0) rotate(-9deg); }
  24% { opacity: 1; transform: translate(0,0) rotate(-9deg); }
  34% { opacity: 1; transform: translate(-9px,25px) rotate(0); }
  45% { opacity: 1; transform: translate(-58px,41px) rotate(5deg); }
  49%, 100% { opacity: 0; transform: translate(-58px,41px) rotate(5deg); }
}

@keyframes livralyo-order {
  0%, 40%, 75%, 100% { opacity: .14; }
  49%, 61% { opacity: .5; }
}

@keyframes livralyo-check {
  0%, 41%, 100% { stroke-dashoffset: 0; }
  43% { stroke-dashoffset: 22; }
  53%, 92% { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .livralyo-visual .livralyo-featured-book,
  .livralyo-visual .livralyo-share-token,
  .livralyo-visual .livralyo-order-glow,
  .livralyo-visual .livralyo-order-check { animation: none !important; }
}