/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--samples { --cycle: 16s; }
.wt .wt-anim--samples .s-lid, .wt .wt-anim--samples .s-jsh { opacity: 0; }
.wt .wt-anim--samples .s-spk { transform: scale(.85) rotate(45deg); }
.wt .wt-anim--samples .s-jx { transform: translateX(-98px); }
.wt .wt-anim--samples .s-jy { transform: translateY(-54px); }
.wt .wt-anim--samples .s-pk, .wt .wt-anim--samples .s-tag, .wt .wt-anim--samples .s-paid, .wt .wt-anim--samples .s-spk, .wt .wt-anim--samples .s-sh, .wt .wt-anim--samples .s-jsh { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--samples .s-sm, .wt .wt-anim--samples .s-jar, .wt .wt-anim--samples .s-lid { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--samples .s-row { transform-box: fill-box; transform-origin: 0% 50%; }
.wt .wt-anim--samples .s-arc { animation: samples-arc0 var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--samples .s-arc1 { animation-name: samples-arc1; }
.wt .wt-anim--samples .s-arc2 { animation-name: samples-arc2; }
.wt .wt-anim--samples .s-arc3 { animation-name: samples-arc3; }
.wt .wt-anim--samples .s-arc4 { animation-name: samples-arc4; }
.wt .wt-anim--samples .s-arc5 { animation-name: samples-arc5; }
.wt .wt-anim--samples .s-arc6 { animation-name: samples-arc6; }
.wt .wt-anim--samples .s-arc7 { animation-name: samples-arc7; }
.wt .wt-anim--samples .s-arc8 { animation-name: samples-arc8; }
.wt .wt-anim--samples .s-arc9 { animation-name: samples-arc9; }
.wt .wt-anim--samples .s-arc10 { animation-name: samples-arc10; }
.wt .wt-anim--samples .s-arc11 { animation-name: samples-arc11; }
.wt .wt-anim--samples .s-sh2 { animation: samples-sh2 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-sh6 { animation: samples-sh6 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-sh10 { animation: samples-sh10 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-pk0 { animation: samples-pk0 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-pk1 { animation: samples-pk1 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-pk2 { animation: samples-pk2 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-smx0 { animation: samples-smx0 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-smy0 { animation: samples-smy0 var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--samples .s-sm0 { animation: samples-sm0 var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--samples .s-tag0 { animation: samples-tag0 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-smx1 { animation: samples-smx1 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-smy1 { animation: samples-smy1 var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--samples .s-sm1 { animation: samples-sm1 var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--samples .s-tag1 { animation: samples-tag1 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-smx2 { animation: samples-smx2 var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-smy2 { animation: samples-smy2 var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--samples .s-sm2 { animation: samples-sm2 var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--samples .s-tag2 { animation: samples-tag2 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-jx { animation: samples-jx var(--cycle) linear infinite both; }
.wt .wt-anim--samples .s-jy { animation: samples-jy var(--cycle) cubic-bezier(.33,.67,.67,1) infinite both; }
.wt .wt-anim--samples .s-jar { animation: samples-jar var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--samples .s-jsh { animation: samples-jsh var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-tag3 { animation: samples-tag3 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-inv { animation: samples-inv var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-inv-f { animation: samples-inv-f var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
.wt .wt-anim--samples .s-rows { animation: samples-rows var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-total { animation: samples-total var(--cycle) cubic-bezier(.2,.8,.2,1) infinite both; }
.wt .wt-anim--samples .s-spk0 { animation: samples-spk0 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-spk1 { animation: samples-spk1 var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-paid { animation: samples-paid var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite both; }
.wt .wt-anim--samples .s-lid { animation: samples-lid var(--cycle) cubic-bezier(.5,0,.75,0) infinite both; }
.wt .wt-anim--samples .s-tray { animation: samples-tray var(--cycle) cubic-bezier(.37,0,.63,1) infinite both; }
@keyframes samples-arc0 {
  0%,2% { transform:none }
  2.9% { transform:translateY(-9px) }
  4%,100% { transform:none }
}
@keyframes samples-arc1 {
  0%,2.62% { transform:none }
  3.52% { transform:translateY(-9px) }
  4.62%,100% { transform:none }
}
@keyframes samples-arc2 {
  0%,3.24% { transform:none }
  4.14% { transform:translateY(-9px) }
  5.24% { transform:none }
  11% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  12%,15.2% { transform:translateY(-12px) }
  16.8%,100% { transform:none }
}
@keyframes samples-arc3 {
  0%,3.86% { transform:none }
  4.76% { transform:translateY(-9px) }
  5.86%,100% { transform:none }
}
@keyframes samples-arc4 {
  0%,4.48% { transform:none }
  5.38% { transform:translateY(-9px) }
  6.48%,100% { transform:none }
}
@keyframes samples-arc5 {
  0%,5.1% { transform:none }
  6% { transform:translateY(-9px) }
  7.1%,100% { transform:none }
}
@keyframes samples-arc6 {
  0%,5.72% { transform:none }
  6.62% { transform:translateY(-9px) }
  7.72% { transform:none }
  18% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  19%,22.2% { transform:translateY(-12px) }
  23.8%,100% { transform:none }
}
@keyframes samples-arc7 {
  0%,6.34% { transform:none }
  7.24% { transform:translateY(-9px) }
  8.34%,100% { transform:none }
}
@keyframes samples-arc8 {
  0%,6.96% { transform:none }
  7.86% { transform:translateY(-9px) }
  8.96%,100% { transform:none }
}
@keyframes samples-arc9 {
  0%,7.58% { transform:none }
  8.48% { transform:translateY(-9px) }
  9.58%,100% { transform:none }
}
@keyframes samples-arc10 {
  0%,8.2% { transform:none }
  9.1% { transform:translateY(-9px) }
  10.2% { transform:none }
  25% { transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  26%,29.2% { transform:translateY(-12px) }
  30.8%,100% { transform:none }
}
@keyframes samples-arc11 {
  0%,8.82% { transform:none }
  9.72% { transform:translateY(-9px) }
  10.82%,100% { transform:none }
}
@keyframes samples-sh2 {
  0%,11% { transform:none }
  12% { transform:scale(.72) }
  15.2% { transform:scale(.72);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  16.8%,100% { transform:none }
}
@keyframes samples-sh6 {
  0%,18% { transform:none }
  19% { transform:scale(.72) }
  22.2% { transform:scale(.72);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  23.8%,100% { transform:none }
}
@keyframes samples-sh10 {
  0%,25% { transform:none }
  26% { transform:scale(.72) }
  29.2% { transform:scale(.72);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  30.8%,100% { transform:none }
}
@keyframes samples-pk0 {
  0%,11.2% { transform:scale(0) }
  12.8% { transform:none }
  88% { transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  90.5%,100% { transform:scale(0) }
}
@keyframes samples-pk1 {
  0%,18.2% { transform:scale(0) }
  19.8% { transform:none }
  88% { transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  90.5%,100% { transform:scale(0) }
}
@keyframes samples-pk2 {
  0%,25.2% { transform:scale(0) }
  26.8% { transform:none }
  88% { transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  90.5%,100% { transform:scale(0) }
}
@keyframes samples-smx0 {
  0%,11.8% { transform:translateX(-86.5px) }
  13.2% { transform:translateX(-48.1px) }
  13.6% { transform:translateX(-48.1px);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  16.2%,100% { transform:none }
}
@keyframes samples-smy0 {
  0% { transform:translateY(-196.7px) }
  11.8% { transform:translateY(-196.7px);animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  13.2% { transform:translateY(-171.3px) }
  13.6% { transform:translateY(-175.3px) }
  16.2%,80.6% { transform:none }
  82.8%,100% { transform:translateY(28px) }
}
@keyframes samples-sm0 {
  0% { transform:scale(.6);opacity:0 }
  11.8% { transform:scale(.6);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  12.5% { transform:none;opacity:1 }
  16.2% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  16.9% { transform:scale(1.12,.86);opacity:1 }
  18% { transform:scale(.97,1.05);opacity:1 }
  19.1% { transform:none;opacity:1 }
  80.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  82.8%,100% { transform:none;opacity:0 }
}
@keyframes samples-tag0 {
  0%,16.8% { transform:scale(0) rotate(-10deg) }
  18.8%,92.2% { transform:none }
  92.4%,100% { transform:scale(0) rotate(-10deg) }
}
@keyframes samples-smx1 {
  0%,18.8% { transform:translateX(77.4px) }
  20.2% { transform:translateX(70.7px) }
  20.6% { transform:translateX(70.7px);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  23.2%,100% { transform:none }
}
@keyframes samples-smy1 {
  0% { transform:translateY(-301.8px) }
  18.8% { transform:translateY(-301.8px);animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  20.2% { transform:translateY(-256.3px) }
  20.6% { transform:translateY(-260.3px) }
  23.2%,80.6% { transform:none }
  82.8%,100% { transform:translateY(28px) }
}
@keyframes samples-sm1 {
  0% { transform:scale(.6);opacity:0 }
  18.8% { transform:scale(.6);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  19.5% { transform:none;opacity:1 }
  23.2% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  23.9% { transform:scale(1.12,.86);opacity:1 }
  25% { transform:scale(.97,1.05);opacity:1 }
  26.1% { transform:none;opacity:1 }
  80.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  82.8%,100% { transform:none;opacity:0 }
}
@keyframes samples-tag1 {
  0%,23.8% { transform:scale(0) rotate(-10deg) }
  25.8%,92.2% { transform:none }
  92.4%,100% { transform:scale(0) rotate(-10deg) }
}
@keyframes samples-smx2 {
  0%,25.8% { transform:translateX(199.3px) }
  27.2% { transform:translateX(155.6px) }
  27.6% { transform:translateX(155.6px);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  30.2%,100% { transform:none }
}
@keyframes samples-smy2 {
  0% { transform:translateY(-136.1px) }
  25.8% { transform:translateY(-136.1px);animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  27.2% { transform:translateY(-121.7px) }
  27.6% { transform:translateY(-125.7px) }
  30.2%,80.6% { transform:none }
  82.8%,100% { transform:translateY(28px) }
}
@keyframes samples-sm2 {
  0% { transform:scale(.6);opacity:0 }
  25.8% { transform:scale(.6);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  26.5% { transform:none;opacity:1 }
  30.2% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  30.9% { transform:scale(1.12,.86);opacity:1 }
  32% { transform:scale(.97,1.05);opacity:1 }
  33.1% { transform:none;opacity:1 }
  80.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  82.8%,100% { transform:none;opacity:0 }
}
@keyframes samples-tag2 {
  0%,30.8% { transform:scale(0) rotate(-10deg) }
  32.8%,92.2% { transform:none }
  92.4%,100% { transform:scale(0) rotate(-10deg) }
}
@keyframes samples-jx {
  0%,34% { transform:none }
  37.4%,92.2% { transform:translateX(-98px) }
  92.4%,100% { transform:none }
}
@keyframes samples-jy {
  0%,34% { transform:none }
  35.6% { transform:translateY(-150px);animation-timing-function:cubic-bezier(.33,0,.67,.33) }
  37.4% { transform:translateY(-54px) }
  80.6% { transform:translateY(-54px);animation-timing-function:cubic-bezier(.5,0,.75,0) }
  82.8%,92.2% { transform:translateY(-14px) }
  92.4%,100% { transform:none }
}
@keyframes samples-jar {
  0%,33% { transform:none;opacity:1 }
  33.9% { transform:scale(1.08,.9);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  34.4% { transform:scale(.95,1.06);opacity:1 }
  35.6% { transform:none;opacity:1 }
  37.4% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  38.1% { transform:scale(1.1,.88);opacity:1 }
  39.2% { transform:scale(.97,1.04);opacity:1 }
  40.3% { transform:none;opacity:1 }
  80.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  82.8%,92.2% { transform:none;opacity:0 }
  92.4%,100% { transform:none;opacity:1 }
}
@keyframes samples-jsh {
  0%,34% { transform:none;opacity:0.12 }
  35.4%,92.2% { transform:scale(.4);opacity:0 }
  92.4%,100% { transform:none;opacity:0.12 }
}
@keyframes samples-tag3 {
  0%,38% { transform:scale(0) rotate(-10deg) }
  40%,92.2% { transform:none }
  92.4%,100% { transform:scale(0) rotate(-10deg) }
}
@keyframes samples-inv {
  0%,43% { transform:translateY(28px);opacity:0 }
  47% { transform:none;opacity:1 }
  78% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  81% { transform:translateY(-18px);opacity:0 }
  82%,100% { transform:translateY(28px);opacity:0 }
}
@keyframes samples-inv-f {
  0%,58% { transform:none }
  66% { transform:translateY(-4px) }
  74%,100% { transform:none }
}
@keyframes samples-rows {
  0%,46.6% { transform:scaleX(0) }
  49.8%,81% { transform:none }
  82%,100% { transform:scaleX(0) }
}
@keyframes samples-total {
  0%,50.6% { transform:scaleX(0) }
  52.4%,81% { transform:none }
  82%,100% { transform:scaleX(0) }
}
@keyframes samples-spk0 {
  0%,56.4% { transform:scale(0) rotate(0deg) }
  58% { transform:scale(1) rotate(45deg);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  60.4%,100% { transform:scale(0) rotate(90deg) }
}
@keyframes samples-spk1 {
  0%,57.2% { transform:scale(0) rotate(0deg) }
  58.8% { transform:scale(1) rotate(45deg);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  61.2%,100% { transform:scale(0) rotate(90deg) }
}
@keyframes samples-paid {
  0%,54.6% { transform:scale(0) rotate(-20deg) }
  57%,81% { transform:none }
  82%,100% { transform:scale(0) rotate(-20deg) }
}
@keyframes samples-lid {
  0%,80.2% { transform:translateY(-70px) scale(1);opacity:0 }
  80.4% { transform:translateY(-70px) scale(1);opacity:1 }
  83% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  83.7% { transform:translateY(0) scale(1.02,.8);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  84.8%,92.2% { transform:none;opacity:1 }
  92.4%,100% { transform:translateY(-70px) scale(1);opacity:0 }
}
@keyframes samples-tray {
  0%,85.4% { transform:none;opacity:1 }
  86.8% { transform:translateX(-12px);opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  92% { transform:translateX(720px);opacity:1 }
  92.05% { transform:translateX(720px);opacity:0 }
  92.1% { transform:translateX(-720px);opacity:0 }
  92.2% { transform:translateX(-720px);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  100% { transform:none;opacity:1 }
}