.zd-tl--js .zd-tl__track::before { top: 10px; bottom: 10px; } 
.zd-tl--js .zd-tl__item::before {
  transform: scaleY(var(--fill, 0));
  transform-origin: top;
}
.zd-tl--js .zd-tl__item::after {
  transform: scale(0.3);
  opacity: 0;
  transition: transform .45s cubic-bezier(.34,1.56,.64,1), opacity .3s ease;
}
.zd-tl--js .zd-tl__card {
  opacity: 0;
  transform: translateX(-28px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1);
}
.zd-tl--js .zd-tl__item[data-side="right"] .zd-tl__card { transform: translateX(28px); }
.zd-tl--js .zd-tl__item.is-in::after { transform: scale(1); opacity: 1; }
.zd-tl--js .zd-tl__item.is-in .zd-tl__card { opacity: 1; transform: none; }
@media (max-width: 600px) {
  .zd-tl--js .zd-tl__item[data-side="right"] .zd-tl__card { transform: translateX(-28px); }
}