.vx-fb { --vx-ease: cubic-bezier(.22, 1, .36, 1); width: 100% }
.vx-fb-eyebrow {
  margin: 0 0 26px; font-size: 12px; line-height: 1; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase; color: rgba(245, 245, 245, .45);
}
.vx-fb-stage { position: relative; width: 100% }
.vx-fb-item { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none }
.vx-fb-item.is-active { opacity: 1; visibility: visible }
.vx-fb-item.is-leaving { opacity: 1; visibility: visible }

.vx-fb-quote {
  margin: 0; max-width: 1040px; color: var(--white);
  font-size: 34px; line-height: 48px; font-weight: 400; letter-spacing: -.01em;
}
.vx-fb-meta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 34px; max-width: 1040px }
.vx-fb-stars { display: flex; align-items: center; gap: 5px }
.vx-fb-stars svg { width: 16px; height: 16px; fill: var(--primary); display: block; flex: none }
.vx-fb-sep { flex: none; width: 1px; height: 26px; background-color: rgba(245, 245, 245, .2) }
.vx-fb-who { display: flex; align-items: baseline; min-width: 0 }
.vx-fb-name {
  font-size: 15px; line-height: 1.2; font-weight: 700; letter-spacing: .02em;
  color: var(--white); text-transform: uppercase;
}

.vx-w {
  display: inline-block; position: relative; will-change: opacity, filter, transform;
  opacity: 0; filter: blur(10px); transform: translate3d(0, 20%, 0);
}
.vx-fb-item.is-active .vx-w {
  opacity: 1; filter: blur(0); transform: translate3d(0, 0, 0);
  transition: opacity .6s var(--vx-ease), filter .6s var(--vx-ease), transform .6s var(--vx-ease);
  transition-delay: calc(var(--i) * .04s);
}
.vx-fb-item.is-leaving .vx-w {
  opacity: 0; filter: blur(10px); transform: translate3d(0, -16%, 0);
  transition: opacity .3s var(--vx-ease), filter .3s var(--vx-ease), transform .3s var(--vx-ease);
  transition-delay: calc(var(--i) * var(--out-step, .012s));
}

.vx-fb-stars, .vx-fb-sep, .vx-fb-who { opacity: 0; transform: translate3d(0, 14px, 0) }
.vx-fb-item.is-active .vx-fb-stars,
.vx-fb-item.is-active .vx-fb-sep,
.vx-fb-item.is-active .vx-fb-who {
  opacity: 1; transform: translate3d(0, 0, 0);
  transition: opacity .6s var(--vx-ease), transform .6s var(--vx-ease);
  transition-delay: var(--meta-delay, .22s);
}
.vx-fb-item.is-leaving .vx-fb-stars,
.vx-fb-item.is-leaving .vx-fb-sep,
.vx-fb-item.is-leaving .vx-fb-who {
  opacity: 0; transform: translate3d(0, -10px, 0);
  transition: opacity .26s var(--vx-ease), transform .26s var(--vx-ease);
}

@media (max-width: 991px) { .vx-fb-quote { font-size: 27px; line-height: 39px } }
@media (max-width: 767px) {
  .vx-fb-quote { font-size: 21px; line-height: 32px }
  .vx-fb-meta { gap: 12px; margin-top: 26px }
  .vx-fb-sep { display: none }
}

@media (prefers-reduced-motion: reduce) {

  .vx-w, .vx-fb-stars, .vx-fb-sep, .vx-fb-who {
    opacity: 1 !important; filter: none !important;
    transform: none !important; transition: none !important;
  }
  .vx-fb-item.is-leaving { display: none }
}