/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--paths { --cycle: 10s; }
.wt .wt-anim--paths .s-t { stroke-dasharray: 1 1.2; }
.wt .wt-anim--paths .s-b0, .wt .wt-anim--paths .s-b3 { opacity: 0; }
.wt .wt-anim--paths .s-b0, .wt .wt-anim--paths .s-b1, .wt .wt-anim--paths .s-b2, .wt .wt-anim--paths .s-b3, .wt .wt-anim--paths .s-parcel { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--paths .s-node, .wt .wt-anim--paths .s-ring, .wt .wt-anim--paths .s-tag { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--paths .s-lbl { transform-box: fill-box; transform-origin: 0 50%; }
.wt .wt-anim--paths .s-door { animation: paths-door var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-b0 { animation: paths-b0 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-t0 { animation: paths-t0 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-t1 { animation: paths-t1 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-t2 { animation: paths-t2 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-t3 { animation: paths-t3 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-node { animation: paths-node var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-ring { animation: paths-ring var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-b1 { animation: paths-b1 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-b2 { animation: paths-b2 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-b3 { animation: paths-b3 var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-parcel { animation: paths-parcel var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-lbl { animation: paths-lbl var(--cycle) linear infinite both; }
.wt .wt-anim--paths .s-tag { animation: paths-tag var(--cycle) linear infinite both; }
@keyframes paths-door {
  0%, 1% { transform: translateX(0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  7% { transform: translateX(-46px); }
  93% { transform: translateX(-46px); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  99%, 100% { transform: translateX(0); }
}
@keyframes paths-b0 {
  0%, 3% { opacity: 0; transform: translate(0, 0); }
  4.5% { opacity: 1; transform: translate(0, 0); animation-timing-function: ease-in-out; }
  7.5% { transform: translate(0, 2px) scale(1.04, .93); animation-timing-function: ease-out; }
  9.0% { transform: translate(18.0px, 2.0px); }
  10.42% { transform: translate(21.1px, 4.6px); }
  11.83% { transform: translate(30.3px, 10.8px); }
  13.25% { transform: translate(45.8px, 17.3px); }
  14.67% { transform: translate(66.5px, 21.4px); }
  16.08% { transform: translate(90.4px, 20.7px); }
  17.5% { transform: translate(114.4px, 12.7px); }
  18.92% { transform: translate(131.9px, -5.0px); }
  20.33% { transform: translate(140.0px, -27.5px); }
  21.75% { transform: translate(146.0px, -47.7px); }
  23.17% { transform: translate(153.3px, -62.9px); }
  24.58% { transform: translate(162.0px, -69.5px); }
  26.0% { transform: translate(166.0px, -70.0px); }
  29% { transform: translate(166.0px, -70.0px) scale(1); animation-timing-function: ease-in-out; }
  31.5% { transform: translate(166.0px, -68.0px) scale(1.06, .9); animation-timing-function: ease-out; }
  33.3% { opacity: 1; transform: translate(166.0px, -74.0px) scale(.98, 1.04); }
  33.6% { opacity: 0; transform: translate(166.0px, -74.0px) scale(1); }
  34%, 100% { opacity: 0; transform: translate(0, 0); }
}
@keyframes paths-t0 {
  0%, 9% { stroke-dashoffset: 1.05; opacity: 1; }
  10.42% { stroke-dashoffset: 0.9803; }
  11.83% { stroke-dashoffset: 0.9259; }
  13.25% { stroke-dashoffset: 0.8438; }
  14.67% { stroke-dashoffset: 0.7407; }
  16.08% { stroke-dashoffset: 0.6238; }
  17.5% { stroke-dashoffset: 0.5000; }
  18.92% { stroke-dashoffset: 0.3762; }
  20.33% { stroke-dashoffset: 0.2593; }
  21.75% { stroke-dashoffset: 0.1562; }
  23.17% { stroke-dashoffset: 0.0741; }
  24.58% { stroke-dashoffset: 0.0197; }
  26.0% { stroke-dashoffset: 0.0000; }
  90% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: ease-in; }
  94% { stroke-dashoffset: 0; opacity: 0; }
  94.5%, 100% { stroke-dashoffset: 1.05; opacity: 1; }
}
@keyframes paths-node {
  0%, 32.5% { transform: scale(1); animation-timing-function: ease-out; }
  34% { transform: scale(1.35); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  38%, 100% { transform: scale(1); }
}
@keyframes paths-ring {
  0%, 33.4% { opacity: 0; transform: scale(1); animation-timing-function: ease-out; }
  33.6% { opacity: .9; transform: scale(1); animation-timing-function: ease-out; }
  40%, 100% { opacity: 0; transform: scale(3.2); }
}
@keyframes paths-b1 {
  0%, 33.4% { opacity: 0; transform: translate(-254.0px, 124.0px) scale(.8); }
  33.5% { opacity: 1; transform: translate(-254.0px, 124.0px) scale(1.12); }
  34.96% { transform: translate(-249.5px, 122.6px) scale(1); }
  36.42% { transform: translate(-242.2px, 111.5px) scale(1); }
  37.88% { transform: translate(-236.6px, 92.1px) scale(1); }
  39.33% { transform: translate(-231.1px, 67.3px) scale(1); }
  40.79% { transform: translate(-223.1px, 39.6px) scale(1); }
  42.25% { transform: translate(-208.0px, 13.3px) scale(1); }
  43.71% { transform: translate(-180.7px, 2.0px) scale(1); }
  45.17% { transform: translate(-151.9px, 2.0px) scale(1); }
  46.62% { transform: translate(-126.5px, 2.0px) scale(1); }
  48.08% { transform: translate(-106.3px, 2.0px) scale(1); }
  49.54% { transform: translate(-92.9px, 2.0px) scale(1); }
  51.0% { transform: translate(-88.0px, 2.0px) scale(1); animation-timing-function: ease-out; }
  53% { transform: translate(-47px, -34px) scale(1); animation-timing-function: ease-in; }
  55% { transform: translate(0, 0) scale(1.05, .9); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  57%, 90% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  93.5% { opacity: 0; transform: translate(0, 0) scale(1); }
  100% { opacity: 0; transform: translate(0, 0) scale(.8); }
}
@keyframes paths-t1 {
  0%, 33.5% { stroke-dashoffset: 1.05; opacity: 1; }
  34.96% { stroke-dashoffset: 0.9803; }
  36.42% { stroke-dashoffset: 0.9259; }
  37.88% { stroke-dashoffset: 0.8438; }
  39.33% { stroke-dashoffset: 0.7407; }
  40.79% { stroke-dashoffset: 0.6238; }
  42.25% { stroke-dashoffset: 0.5000; }
  43.71% { stroke-dashoffset: 0.3762; }
  45.17% { stroke-dashoffset: 0.2593; }
  46.62% { stroke-dashoffset: 0.1562; }
  48.08% { stroke-dashoffset: 0.0741; }
  49.54% { stroke-dashoffset: 0.0197; }
  51.0% { stroke-dashoffset: 0.0000; }
  90% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: ease-in; }
  94% { stroke-dashoffset: 0; opacity: 0; }
  94.5%, 100% { stroke-dashoffset: 1.05; opacity: 1; }
}
@keyframes paths-b2 {
  0%, 33.4% { opacity: 0; transform: translate(-284.0px, -7.0px) scale(.8); }
  33.5% { opacity: 1; transform: translate(-284.0px, -7.0px) scale(1.12); }
  34.96% { transform: translate(-279.7px, -7.0px) scale(1); }
  36.42% { transform: translate(-267.7px, -6.6px) scale(1); }
  37.88% { transform: translate(-249.7px, -5.1px) scale(1); }
  39.33% { transform: translate(-227.2px, -2.0px) scale(1); }
  40.79% { transform: translate(-201.5px, 0.5px) scale(1); }
  42.25% { transform: translate(-174.2px, 1.0px) scale(1); }
  43.71% { transform: translate(-146.9px, 1.0px) scale(1); }
  45.17% { transform: translate(-121.2px, 1.0px) scale(1); }
  46.62% { transform: translate(-98.5px, 1.0px) scale(1); }
  48.08% { transform: translate(-80.3px, 1.0px) scale(1); }
  49.54% { transform: translate(-68.4px, 1.0px) scale(1); }
  51.0% { transform: translate(-64.0px, 1.0px) scale(1); animation-timing-function: ease-out; }
  53% { transform: translate(-32px, -26px) scale(1); animation-timing-function: ease-in; }
  55% { transform: translate(0, 0) scale(1.05, .9); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  57%, 90% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  93.5% { opacity: 0; transform: translate(0, 0) scale(1); }
  100% { opacity: 0; transform: translate(0, 0) scale(.8); }
}
@keyframes paths-t2 {
  0%, 33.5% { stroke-dashoffset: 1.05; opacity: 1; }
  34.96% { stroke-dashoffset: 0.9803; }
  36.42% { stroke-dashoffset: 0.9259; }
  37.88% { stroke-dashoffset: 0.8438; }
  39.33% { stroke-dashoffset: 0.7407; }
  40.79% { stroke-dashoffset: 0.6238; }
  42.25% { stroke-dashoffset: 0.5000; }
  43.71% { stroke-dashoffset: 0.3762; }
  45.17% { stroke-dashoffset: 0.2593; }
  46.62% { stroke-dashoffset: 0.1562; }
  48.08% { stroke-dashoffset: 0.0741; }
  49.54% { stroke-dashoffset: 0.0197; }
  51.0% { stroke-dashoffset: 0.0000; }
  90% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: ease-in; }
  94% { stroke-dashoffset: 0; opacity: 0; }
  94.5%, 100% { stroke-dashoffset: 1.05; opacity: 1; }
}
@keyframes paths-b3 {
  0%, 33.4% { opacity: 0; transform: translate(-190.0px, -154.0px) scale(.8); }
  33.5% { opacity: 1; transform: translate(-190.0px, -154.0px) scale(1.12); }
  34.96% { transform: translate(-184.8px, -151.6px) scale(1); }
  36.42% { transform: translate(-177.8px, -137.0px) scale(1); }
  37.88% { transform: translate(-172.5px, -113.1px) scale(1); }
  39.33% { transform: translate(-167.1px, -82.7px) scale(1); }
  40.79% { transform: translate(-159.4px, -48.6px) scale(1); }
  42.25% { transform: translate(-144.5px, -14.9px) scale(1); }
  43.71% { transform: translate(-112.6px, 0.0px) scale(1); }
  45.17% { transform: translate(-77.6px, 0.0px) scale(1); }
  46.62% { transform: translate(-46.8px, 0.0px) scale(1); }
  48.08% { transform: translate(-22.2px, 0.0px) scale(1); }
  49.54% { transform: translate(-5.9px, 0.0px) scale(1); }
  51.0% { transform: translate(0.0px, 0.0px) scale(1); animation-timing-function: ease-out; }
  52.5% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  54% { opacity: 0; transform: translate(0, 0) scale(.6); }
  54.1%, 100% { opacity: 0; transform: translate(0, 0) scale(.6); }
}
@keyframes paths-t3 {
  0%, 33.5% { stroke-dashoffset: 1.05; opacity: 1; }
  34.96% { stroke-dashoffset: 0.9803; }
  36.42% { stroke-dashoffset: 0.9259; }
  37.88% { stroke-dashoffset: 0.8438; }
  39.33% { stroke-dashoffset: 0.7407; }
  40.79% { stroke-dashoffset: 0.6238; }
  42.25% { stroke-dashoffset: 0.5000; }
  43.71% { stroke-dashoffset: 0.3762; }
  45.17% { stroke-dashoffset: 0.2593; }
  46.62% { stroke-dashoffset: 0.1562; }
  48.08% { stroke-dashoffset: 0.0741; }
  49.54% { stroke-dashoffset: 0.0197; }
  51.0% { stroke-dashoffset: 0.0000; }
  90% { stroke-dashoffset: 0; opacity: 1; animation-timing-function: ease-in; }
  94% { stroke-dashoffset: 0; opacity: 0; }
  94.5%, 100% { stroke-dashoffset: 1.05; opacity: 1; }
}
@keyframes paths-parcel {
  0%, 52.5% { opacity: 0; transform: translate(-30.5px, 0) scale(.5); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  55% { opacity: 1; transform: translate(-30.5px, 0) scale(1); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  59%, 90% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  93.5% { opacity: 0; transform: translate(0, 0) scale(1); }
  100% { opacity: 0; transform: translate(-30.5px, 0) scale(.5); }
}
@keyframes paths-lbl {
  0%, 57% { opacity: 0; transform: scaleX(.1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  57.3% { opacity: 1; }
  60.5%, 100% { opacity: 1; transform: scaleX(1); }
}
@keyframes paths-tag {
  0%, 59% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  62.5% { opacity: 1; transform: translateY(0) scale(1); animation-timing-function: ease-in-out; }
  76% { transform: translateY(-3px) scale(1); animation-timing-function: ease-in-out; }
  89% { opacity: 1; transform: translateY(0) scale(1); animation-timing-function: ease-in; }
  92.5%, 100% { opacity: 0; transform: translateY(0) scale(.9); }
}