/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--dropship { --cycle: 16s; }
.wt .wt-anim--dropship .s-num-b { opacity: 0; }
.wt .wt-anim--dropship .s-env-fly { transform: translate(126px, -76px) rotate(-1deg); }
.wt .wt-anim--dropship .s-lid-l, .wt .wt-anim--dropship .s-lid-r, .wt .wt-anim--dropship .s-tape-t, .wt .wt-anim--dropship .s-tape-f, .wt .wt-anim--dropship .s-puff { opacity: 0; }
.wt .wt-anim--dropship .s-bcc, .wt .wt-anim--dropship .s-lab, .wt .wt-anim--dropship .s-lid-l { transform-box: fill-box; transform-origin: 0% 50%; }
.wt .wt-anim--dropship .s-lid-r { transform-box: fill-box; transform-origin: 100% 50%; }
.wt .wt-anim--dropship .s-flap-l { transform-box: fill-box; transform-origin: 69% 76%; }
.wt .wt-anim--dropship .s-flap-r { transform-box: fill-box; transform-origin: 32% 77%; }
.wt .wt-anim--dropship .s-tape-t, .wt .wt-anim--dropship .s-tape-f { transform-box: fill-box; transform-origin: 50% 0%; }
.wt .wt-anim--dropship .s-env, .wt .wt-anim--dropship .s-sticker, .wt .wt-anim--dropship .s-check, .wt .wt-anim--dropship .s-puff, .wt .wt-anim--dropship .s-wheel { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--dropship .s-bar1-sq, .wt .wt-anim--dropship .s-bar2-sq, .wt .wt-anim--dropship .s-dlv, .wt .wt-anim--dropship .s-plant, .wt .wt-anim--dropship .s-tree { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--dropship .s-van-body { transform-box: fill-box; transform-origin: 0% 100%; }
.wt .wt-anim--dropship .s-box { transform-box: view-box; transform-origin: 502px 222px; }
.wt .wt-anim--dropship .s-bcc { animation: dropship-bcc var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-num-a { animation: dropship-num-a var(--cycle) cubic-bezier(.65,0,.35,1) infinite both; }
.wt .wt-anim--dropship .s-num-b { animation: dropship-num-b var(--cycle) cubic-bezier(.65,0,.35,1) infinite both; }
.wt .wt-anim--dropship .s-env { animation: dropship-env var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-env-fly { animation: dropship-env-fly var(--cycle) linear infinite both; }
.wt .wt-anim--dropship .s-bar1 { animation: dropship-bar1 var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--dropship .s-bar1-sq { animation: dropship-bar1-sq var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--dropship .s-lab1 { animation: dropship-lab1 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-bar2 { animation: dropship-bar2 var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--dropship .s-bar2-sq { animation: dropship-bar2-sq var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--dropship .s-lab2 { animation: dropship-lab2 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-flap-l { animation: dropship-flap-l var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--dropship .s-flap-r { animation: dropship-flap-r var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--dropship .s-lid-l { animation: dropship-lid-l var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-lid-r { animation: dropship-lid-r var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-tape-t { animation: dropship-tape-t var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-tape-f { animation: dropship-tape-f var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-sticker { animation: dropship-sticker var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-box { animation: dropship-box var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--dropship .s-van { animation: dropship-van var(--cycle) cubic-bezier(.65,0,.35,1) infinite both; }
.wt .wt-anim--dropship .s-van-body { animation: dropship-van-body var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--dropship .s-wheel { animation: dropship-wheel var(--cycle) cubic-bezier(.65,0,.35,1) infinite both; }
.wt .wt-anim--dropship .s-puff1 { animation: dropship-puff1 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-puff2 { animation: dropship-puff2 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--dropship .s-dlv-x { animation: dropship-dlv-x var(--cycle) linear infinite both; }
.wt .wt-anim--dropship .s-dlv-y { animation: dropship-dlv-y var(--cycle) cubic-bezier(.33,.67,.67,1) infinite both; }
.wt .wt-anim--dropship .s-dlv { animation: dropship-dlv var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--dropship .s-check { animation: dropship-check var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--dropship .s-plant { animation: dropship-plant calc(var(--cycle) / 4) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--dropship .s-route { animation: dropship-route var(--cycle) linear infinite both; }
.wt .wt-anim--dropship .s-tree { animation: dropship-tree calc(var(--cycle) / 4) cubic-bezier(.37,0,.63,1) infinite both; }
@keyframes dropship-bcc {
  0%,2% { transform:scaleX(0);opacity:1 }
  7% { transform:none;opacity:1 }
  91% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  94% { transform:none;opacity:0 }
  95% { transform:scaleX(0);opacity:0 }
  96%,100% { transform:scaleX(0);opacity:1 }
}
@keyframes dropship-num-a {
  0%,92.6% { transform:none;opacity:1 }
  95.4%,100% { transform:translateY(-22px);opacity:0 }
}
@keyframes dropship-num-b {
  0%,92.6% { transform:translateY(22px);opacity:0 }
  95.4%,100% { transform:none;opacity:1 }
}
@keyframes dropship-env {
  0%,6% { transform:none;opacity:1 }
  8.2% { transform:scale(1.2);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  10% { transform:scale(1.06);opacity:1 }
  21.4% { transform:scale(1.06);opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  25% { transform:scale(.5);opacity:0 }
  96% { transform:scale(.5);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  99%,100% { transform:none;opacity:1 }
}
@keyframes dropship-env-fly {
  0% { transform:none }
  6% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  9% { transform:translate(0,-8px) rotate(-5deg) }
  10% { transform:translate(0,-8px) rotate(-10.3deg) }
  11.2% { transform:translate(1px,-9.1px) rotate(-10.2deg) }
  12.4% { transform:translate(8.1px,-16.3px) rotate(-9.9deg) }
  13.6% { transform:translate(27.2px,-33.9px) rotate(-8.8deg) }
  14.8% { transform:translate(64.6px,-59.3px) rotate(-6.1deg) }
  16% { transform:translate(126.5px,-76px) rotate(-0.2deg) }
  17.2% { transform:translate(188.6px,-61.3px) rotate(5.7deg) }
  18.4% { transform:translate(226.4px,-37px) rotate(8.5deg) }
  19.6% { transform:translate(245.8px,-20px) rotate(9.6deg) }
  20.8% { transform:translate(253px,-13px) rotate(9.9deg) }
  22% { transform:translate(254px,-12px) rotate(10deg);animation-timing-function:cubic-bezier(.5,0,.75,0) }
  25%,95% { transform:translate(254px,18px) rotate(0deg) }
  96%,100% { transform:none }
}
@keyframes dropship-bar1 {
  0% { transform:translateY(-96px);opacity:0 }
  23% { transform:translateY(-96px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  24.6% { transform:translateY(-88px);opacity:1 }
  26.6% { transform:translateY(-88px);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  27.4% { transform:translateY(-96px);opacity:1 }
  29%,38.5% { transform:none;opacity:1 }
  41%,100% { transform:translateY(22px);opacity:0 }
}
@keyframes dropship-bar1-sq {
  0% { transform:none }
  29% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  29.7% { transform:scale(1.1,.86) }
  30.9% { transform:scale(.97,1.05) }
  32.1%,100% { transform:none }
}
@keyframes dropship-lab1 {
  0%,24.6% { transform:scaleX(0) }
  26.4%,50% { transform:none }
  51%,100% { transform:scaleX(0) }
}
@keyframes dropship-bar2 {
  0% { transform:translateY(-96px);opacity:0 }
  28% { transform:translateY(-96px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  29.6% { transform:translateY(-88px);opacity:1 }
  31.6% { transform:translateY(-88px);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  32.4% { transform:translateY(-96px);opacity:1 }
  34%,38.5% { transform:none;opacity:1 }
  41%,100% { transform:translateY(22px);opacity:0 }
}
@keyframes dropship-bar2-sq {
  0% { transform:none }
  34% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  34.7% { transform:scale(1.1,.86) }
  35.9% { transform:scale(.97,1.05) }
  37.1%,100% { transform:none }
}
@keyframes dropship-lab2 {
  0%,29.6% { transform:scaleX(0) }
  31.4%,50% { transform:none }
  51%,100% { transform:scaleX(0) }
}
@keyframes dropship-flap-l {
  0%,39% { transform:none;opacity:1 }
  42%,61% { transform:scale(.25);opacity:0 }
  62%,100% { transform:none;opacity:1 }
}
@keyframes dropship-flap-r {
  0%,39.5% { transform:none;opacity:1 }
  42.5%,61% { transform:scale(.25);opacity:0 }
  62%,100% { transform:none;opacity:1 }
}
@keyframes dropship-lid-l {
  0% { transform:scaleX(0);opacity:0 }
  39.6% { transform:scaleX(0);opacity:1 }
  43%,61% { transform:none;opacity:1 }
  62%,100% { transform:scaleX(0);opacity:0 }
}
@keyframes dropship-lid-r {
  0% { transform:scaleX(0);opacity:0 }
  40.2% { transform:scaleX(0);opacity:1 }
  43.6%,61% { transform:none;opacity:1 }
  62%,100% { transform:scaleX(0);opacity:0 }
}
@keyframes dropship-tape-t {
  0% { transform:scaleY(0);opacity:0 }
  44% { transform:scaleY(0);opacity:1 }
  45.6%,61% { transform:none;opacity:1 }
  62%,100% { transform:scaleY(0);opacity:0 }
}
@keyframes dropship-tape-f {
  0% { transform:scaleY(0);opacity:0 }
  45.4% { transform:scaleY(0);opacity:1 }
  47%,61% { transform:none;opacity:1 }
  62%,100% { transform:scaleY(0);opacity:0 }
}
@keyframes dropship-sticker {
  0% { transform:scale(0) rotate(-14deg);opacity:0 }
  47% { transform:scale(0) rotate(-14deg);opacity:1 }
  49.2% { transform:scale(1.14) rotate(3deg);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  50.8%,61% { transform:none;opacity:1 }
  62%,100% { transform:scale(0) rotate(-14deg);opacity:0 }
}
@keyframes dropship-box {
  0% { transform:none;opacity:1 }
  23.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  24.6% { transform:translate(0,0) scale(1.03,.95);opacity:1 }
  26.2%,51.6% { transform:none;opacity:1 }
  53% { transform:translate(0,0) scale(1.05,.93);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  54.6% { transform:translate(4px,-18px) scale(.97,1.03);opacity:1;animation-timing-function:cubic-bezier(.33,0,.67,.33) }
  58% { transform:translate(24px,206px) scale(.6,.6);opacity:1 }
  59% { transform:translate(24px,210px) scale(.6,.6);opacity:0 }
  60% { transform:translate(0,-64px) scale(1,1);opacity:0 }
  66% { transform:translate(0,-64px) scale(1,1);opacity:0;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  68.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  69.3% { transform:translate(0,0) scale(1.06,.92);opacity:1 }
  70.5% { transform:translate(0,0) scale(.98,1.03);opacity:1 }
  71.7%,100% { transform:none;opacity:1 }
}
@keyframes dropship-van {
  0%,62% { transform:none;opacity:1 }
  74% { transform:translateX(-176px);opacity:1 }
  84% { transform:translateX(-176px);opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  91% { transform:translateX(-660px);opacity:1 }
  91.4% { transform:translateX(-660px);opacity:0 }
  91.6% { transform:translateX(300px);opacity:0 }
  92% { transform:translateX(300px);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  100% { transform:none;opacity:1 }
}
@keyframes dropship-van-body {
  0% { transform:none }
  58% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  59.2% { transform:translateY(3.5px) rotate(0deg) }
  61.4%,62% { transform:none }
  63.2% { transform:translateY(0) rotate(0.9deg) }
  66% { transform:translateY(-1.5px) rotate(0deg) }
  69% { transform:none }
  72% { transform:translateY(-1.5px) rotate(0deg) }
  73.6% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  75% { transform:translateY(0) rotate(-1.6deg) }
  77%,84% { transform:none }
  85.6% { transform:translateY(0) rotate(1deg) }
  88% { transform:none }
  97.6% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  98.8% { transform:translateY(0) rotate(-1.4deg) }
  100% { transform:none }
}
@keyframes dropship-wheel {
  0%,62% { transform:none }
  74% { transform:rotate(611deg) }
  84% { transform:rotate(611deg);animation-timing-function:cubic-bezier(.5,0,.75,0) }
  91%,91.4% { transform:rotate(2291deg) }
  91.6% { transform:rotate(-1041deg) }
  92% { transform:rotate(-1041deg);animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  100% { transform:none }
}
@keyframes dropship-puff1 {
  0%,61.6% { transform:translate(0,0) scale(.4);opacity:0 }
  62.8% { transform:translate(4px,-4px) scale(1);opacity:0.9;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  66.1%,100% { transform:translate(14px,-16px) scale(1.7);opacity:0 }
}
@keyframes dropship-puff2 {
  0%,62.6% { transform:translate(0,0) scale(.4);opacity:0 }
  63.8% { transform:translate(4px,-4px) scale(1);opacity:0.9;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  67.1%,100% { transform:translate(14px,-16px) scale(1.7);opacity:0 }
}
@keyframes dropship-dlv-x {
  0%,75% { transform:translateX(232px) }
  79%,100% { transform:none }
}
@keyframes dropship-dlv-y {
  0%,75% { transform:translateY(-30px) }
  77% { transform:translateY(-118px);animation-timing-function:cubic-bezier(.33,0,.67,.33) }
  79%,100% { transform:none }
}
@keyframes dropship-dlv {
  0%,74.6% { transform:none;opacity:0 }
  75% { transform:none;opacity:1 }
  79% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  79.7% { transform:scale(1.12,.86);opacity:1 }
  80.9% { transform:scale(.97,1.05);opacity:1 }
  82.1%,93% { transform:none;opacity:1 }
  96%,100% { transform:scale(.8,.8);opacity:0 }
}
@keyframes dropship-check {
  0% { transform:translateY(0) scale(0);opacity:0 }
  79.6% { transform:translateY(0) scale(0);opacity:1;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  82% { transform:none;opacity:1 }
  86% { transform:translateY(-4px) scale(1);opacity:1 }
  90% { transform:none;opacity:1 }
  92.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  95%,100% { transform:translateY(0) scale(.5);opacity:0 }
}
@keyframes dropship-plant {
  0% { transform:none }
  25% { transform:rotate(2.5deg) }
  75% { transform:rotate(-2.5deg) }
  100% { transform:none }
}
@keyframes dropship-route {
  0% { stroke-dashoffset:0 }
  100% { stroke-dashoffset:-88 }
}
@keyframes dropship-tree {
  0% { transform:none }
  30% { transform:rotate(-1.6deg) }
  80% { transform:rotate(1.2deg) }
  100% { transform:none }
}
