/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--order-cost { --cycle: 11s; }
.wt .wt-anim--order-cost .s-paper { transform: translateY(45px); transform-box: fill-box; transform-origin: 50% 50%; animation: order-cost-paper var(--cycle) linear infinite both; }
.wt .wt-anim--order-cost .s-inkmark { transform-box: fill-box; transform-origin: 50% 50%; animation: order-cost-ink var(--cycle) linear infinite both; }
.wt .wt-anim--order-cost .s-check { transform-box: fill-box; transform-origin: 50% 50%; animation: order-cost-check var(--cycle) linear infinite both; }
.wt .wt-anim--order-cost .s-stampx { animation: order-cost-stampx var(--cycle) linear infinite both; }
.wt .wt-anim--order-cost .s-stamp { transform-box: fill-box; transform-origin: 50% 100%; animation: order-cost-stamp var(--cycle) linear infinite both; }
.wt .wt-anim--order-cost .s-stampshadow { transform-box: fill-box; transform-origin: 50% 50%; animation: order-cost-stampshadow var(--cycle) linear infinite both; }
.wt .wt-anim--order-cost .s-impact { opacity: 0; transform-box: fill-box; transform-origin: 50% 50%; animation: order-cost-impact var(--cycle) linear infinite both; }
.wt .wt-anim--order-cost .s-led { animation: order-cost-led var(--cycle) linear infinite both; }
@keyframes order-cost-paper {
  0% { transform: translateY(45px) rotate(0deg); opacity: 1; }
  4% { transform: translateY(45px) rotate(0deg); opacity: 1; animation-timing-function: cubic-bezier(.5, 0, .75, 0); }
  8% { transform: translateY(11px) rotate(-2.5deg); opacity: 0; }
  8.1% { transform: translateY(341px) rotate(0deg); opacity: 0; }
  8.5% { transform: translateY(341px) rotate(0deg); opacity: 1; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  11.5% { transform: translateY(293px) rotate(0deg); }
  15% { transform: translateY(293px) rotate(0deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  18.5% { transform: translateY(249px) rotate(0deg); }
  22% { transform: translateY(249px) rotate(0deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  25.5% { transform: translateY(209px) rotate(0deg); }
  29% { transform: translateY(209px) rotate(0deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  32.5% { transform: translateY(169px) rotate(0deg); }
  36% { transform: translateY(169px) rotate(0deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  39.5% { transform: translateY(129px) rotate(0deg); }
  43% { transform: translateY(129px) rotate(0deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  46.5% { transform: translateY(89px) rotate(0deg); }
  50% { transform: translateY(89px) rotate(0deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  54.5%, 100% { transform: translateY(45px) rotate(0deg); opacity: 1; }
}
@keyframes order-cost-ink {
  0%, 8% { opacity: 1; transform: scale(1); }
  8.1%, 71% { opacity: 0; transform: scale(1.1); }
  71.2% { opacity: 1; transform: scale(1.06); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  73%, 100% { opacity: 1; transform: scale(1); }
}
@keyframes order-cost-check {
  0%, 8% { opacity: 1; transform: scale(1); }
  8.1%, 75% { opacity: 0; transform: scale(0); }
  75.1% { opacity: 1; transform: scale(0); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  79%, 100% { opacity: 1; transform: scale(1); }
}
@keyframes order-cost-stampx {
  0%, 59.5% { transform: translateX(0); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  66% { transform: translateX(-211px); }
  71.5% { transform: translateX(-211px); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  78%, 100% { transform: translateX(0); }
}
@keyframes order-cost-stamp {
  0%, 57% { transform: translateY(0) scale(1, 1); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  59% { transform: translateY(2px) scale(1.03, .95); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  63.5% { transform: translateY(-104px) scale(1, 1); animation-timing-function: cubic-bezier(.45, 0, .55, 1); }
  66% { transform: translateY(-72px) scale(1, 1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  67.4% { transform: translateY(-37px) scale(1, 1); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  68.2% { transform: translateY(-37px) scale(1.05, .92); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  69.4% { transform: translateY(-37px) scale(1, 1); }
  71% { transform: translateY(-37px) scale(1, 1); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  73.5% { transform: translateY(-104px) scale(1, 1); animation-timing-function: cubic-bezier(.45, 0, .55, 1); }
  77.5% { transform: translateY(-20px) scale(1, 1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  78.6% { transform: translateY(0) scale(1, 1); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  79.4% { transform: translateY(0) scale(1.04, .95); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  81%, 100% { transform: translateY(0) scale(1, 1); }
}
@keyframes order-cost-stampshadow {
  0%, 59% { opacity: .22; transform: scale(1); }
  61.5% { opacity: .06; transform: scale(.6); }
  62%, 77.8% { opacity: 0; transform: scale(.5); }
  78.6%, 100% { opacity: .22; transform: scale(1); }
}
@keyframes order-cost-impact {
  0%, 67.3% { opacity: 0; transform: scale(.6); }
  67.4% { opacity: 1; transform: scale(.7); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  69.8%, 100% { opacity: 0; transform: scale(1.2); }
}
@keyframes order-cost-led {
  0%, 8% { opacity: .35; }
  8.5%, 11.5% { opacity: 1; }
  12%, 12.5% { opacity: .35; }
  13.4% { opacity: 1; }
  14.2% { opacity: .35; }
  15%, 18.5% { opacity: 1; }
  19%, 21.5% { opacity: .35; }
  22%, 25.5% { opacity: 1; }
  26%, 28.5% { opacity: .35; }
  29%, 32.5% { opacity: 1; }
  33%, 35.5% { opacity: .35; }
  36%, 39.5% { opacity: 1; }
  40%, 42.5% { opacity: .35; }
  43%, 46.5% { opacity: 1; }
  47%, 49.5% { opacity: .35; }
  50%, 54.5% { opacity: 1; }
  55%, 100% { opacity: .35; }
}