/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--mix-tiers { --cycle: 12s; }
.wt .wt-anim--mix-tiers .s-b2, .wt .wt-anim--mix-tiers .s-b3, .wt .wt-anim--mix-tiers .s-b4, .wt .wt-anim--mix-tiers .s-b5, .wt .wt-anim--mix-tiers .s-b6, .wt .wt-anim--mix-tiers .s-b7 { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--mix-tiers .s-f2, .wt .wt-anim--mix-tiers .s-f3, .wt .wt-anim--mix-tiers .s-f4, .wt .wt-anim--mix-tiers .s-f5, .wt .wt-anim--mix-tiers .s-f6, .wt .wt-anim--mix-tiers .s-f7 { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--mix-tiers .s-b2 { animation: mix-tiers-b2 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-b3 { animation: mix-tiers-b3 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-b4 { animation: mix-tiers-b4 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-b5 { animation: mix-tiers-b5 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-b6 { animation: mix-tiers-b6 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-b7 { animation: mix-tiers-b7 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-f2 { animation: mix-tiers-f2 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-f3 { animation: mix-tiers-f3 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-f4 { animation: mix-tiers-f4 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-f5 { animation: mix-tiers-f5 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-f6 { animation: mix-tiers-f6 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-f7 { animation: mix-tiers-f7 var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-cstrip { transform: translateY(-264px); animation: mix-tiers-cstrip var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-pstrip { transform: translateY(-324px); animation: mix-tiers-pstrip var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-marker { transform: translate(252px, 69px); animation: mix-tiers-marker var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-underline { transform-box: fill-box; transform-origin: 0% 50%; animation: mix-tiers-underline var(--cycle) linear infinite both; }
.wt .wt-anim--mix-tiers .s-spark { transform-box: fill-box; transform-origin: 50% 50%; animation: mix-tiers-spark var(--cycle) linear infinite both; }
@keyframes mix-tiers-b2 {
  0%, 6% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,1,.45); }
  10% { transform: translateY(0) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  10.6% { transform: translateY(0) rotate(0deg) scale(1.05,.88); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  12%, 92% { transform: translateY(0) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  94.5% { transform: translateY(-24px) rotate(0deg) scale(1,1); opacity: 0; }
  94.6% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 0; }
  94.7%, 100% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; }
}
@keyframes mix-tiers-b3 {
  0%, 15% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,1,.45); }
  19% { transform: translateY(0) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  19.6% { transform: translateY(0) rotate(0deg) scale(1.05,.88); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  21%, 91.6% { transform: translateY(0) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  94.1% { transform: translateY(-24px) rotate(0deg) scale(1,1); opacity: 0; }
  94.2% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 0; }
  94.3%, 100% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; }
}
@keyframes mix-tiers-b4 {
  0%, 24% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,1,.45); }
  28% { transform: translateY(0) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  28.6% { transform: translateY(0) rotate(0deg) scale(1.05,.88); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  30%, 91.2% { transform: translateY(0) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  93.7% { transform: translateY(-24px) rotate(0deg) scale(1,1); opacity: 0; }
  93.8% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 0; }
  93.9%, 100% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; }
}
@keyframes mix-tiers-b5 {
  0%, 33% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,1,.45); }
  37% { transform: translateY(0) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  37.6% { transform: translateY(0) rotate(0deg) scale(1.05,.88); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  39%, 90.8% { transform: translateY(0) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  93.3% { transform: translateY(-24px) rotate(0deg) scale(1,1); opacity: 0; }
  93.4% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 0; }
  93.5%, 100% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; }
}
@keyframes mix-tiers-b6 {
  0%, 42% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,1,.45); }
  46% { transform: translateY(0) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  46.6% { transform: translateY(0) rotate(0deg) scale(1.05,.88); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  48%, 90.4% { transform: translateY(0) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92.9% { transform: translateY(-24px) rotate(0deg) scale(1,1); opacity: 0; }
  93% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 0; }
  93.1%, 100% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; }
}
@keyframes mix-tiers-b7 {
  0%, 51% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,1,.45); }
  55% { transform: translateY(0) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  55.6% { transform: translateY(0) rotate(0deg) scale(1.05,.88); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  57%, 90% { transform: translateY(0) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92.5% { transform: translateY(-24px) rotate(0deg) scale(1,1); opacity: 0; }
  92.6% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 0; }
  92.7%, 100% { transform: translateY(-440px) rotate(-4deg) scale(1,1); opacity: 1; }
}
@keyframes mix-tiers-f2 {
  0%, 10.3% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  12.5%, 91.5% { transform: scaleY(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  93.5%, 100% { transform: scaleY(0); }
}
@keyframes mix-tiers-f3 {
  0%, 19.3% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  21.5%, 91.2% { transform: scaleY(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  93.2%, 100% { transform: scaleY(0); }
}
@keyframes mix-tiers-f4 {
  0%, 28.3% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  30.5%, 90.9% { transform: scaleY(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92.9%, 100% { transform: scaleY(0); }
}
@keyframes mix-tiers-f5 {
  0%, 37.3% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  39.5%, 90.6% { transform: scaleY(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92.6%, 100% { transform: scaleY(0); }
}
@keyframes mix-tiers-f6 {
  0%, 46.3% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  48.5%, 90.3% { transform: scaleY(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92.3%, 100% { transform: scaleY(0); }
}
@keyframes mix-tiers-f7 {
  0%, 55.3% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  57.5%, 90% { transform: scaleY(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92%, 100% { transform: scaleY(0); }
}
@keyframes mix-tiers-cstrip {
  0%, 10.3% { transform: translateY(0); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  12.5%, 19.3% { transform: translateY(-44px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  21.5%, 28.3% { transform: translateY(-88px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  30.5%, 37.3% { transform: translateY(-132px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  39.5%, 46.3% { transform: translateY(-176px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  48.5%, 55.3% { transform: translateY(-220px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  57.5%, 90% { transform: translateY(-264px); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92% { transform: translateY(-264px); opacity: 0; }
  92.1% { transform: translateY(0); opacity: 0; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  94.5%, 100% { transform: translateY(0); opacity: 1; }
}
@keyframes mix-tiers-pstrip {
  0%, 10.3% { transform: translateY(0); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  12.5%, 19.3% { transform: translateY(-54px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  21.5%, 28.3% { transform: translateY(-108px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  30.5%, 37.3% { transform: translateY(-162px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  39.5%, 46.3% { transform: translateY(-216px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  48.5%, 55.3% { transform: translateY(-270px); opacity: 1; animation-timing-function: cubic-bezier(.34,1.35,.64,1); }
  57.5%, 90% { transform: translateY(-324px); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92% { transform: translateY(-324px); opacity: 0; }
  92.1% { transform: translateY(0); opacity: 0; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  94.5%, 100% { transform: translateY(0); opacity: 1; }
}
@keyframes mix-tiers-marker {
  0%, 10.3% { transform: translate(0,0); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  12%, 19.3% { transform: translate(42px,11px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  21%, 28.3% { transform: translate(84px,24px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  30%, 37.3% { transform: translate(126px,38px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  39%, 46.3% { transform: translate(168px,49px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  48%, 55.3% { transform: translate(210px,60px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  57%, 90% { transform: translate(252px,69px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  94%, 100% { transform: translate(0,0); }
}
@keyframes mix-tiers-underline {
  0%, 57.5% { transform: scaleX(0); opacity: 1; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  61%, 89% { transform: scaleX(1); opacity: 1; }
  91% { transform: scaleX(1); opacity: 0; }
  91.1%, 100% { transform: scaleX(0); opacity: 1; }
}
@keyframes mix-tiers-spark {
  0%, 57.5% { opacity: 0; transform: scale(.4); }
  57.6% { opacity: 1; transform: scale(.4); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  60%, 65% { opacity: 1; transform: scale(1); }
  68%, 100% { opacity: 0; transform: scale(.8); }
}