/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--pilot { --cycle: 12s; }
.wt .wt-anim--pilot .s-imprint, .wt .wt-anim--pilot .s-count, .wt .wt-anim--pilot .s-sh, .wt .wt-anim--pilot .s-swatch, .wt .wt-anim--pilot .s-tag, .wt .wt-anim--pilot .s-s1, .wt .wt-anim--pilot .s-s2, .wt .wt-anim--pilot .s-s3, .wt .wt-anim--pilot .s-s4, .wt .wt-anim--pilot .s-stamp, .wt .wt-anim--pilot .s-col { transform-box: fill-box; }
.wt .wt-anim--pilot .s-imprint, .wt .wt-anim--pilot .s-count, .wt .wt-anim--pilot .s-sh, .wt .wt-anim--pilot .s-swatch { transform-origin: 50% 50%; }
.wt .wt-anim--pilot .s-s1, .wt .wt-anim--pilot .s-s2, .wt .wt-anim--pilot .s-s3, .wt .wt-anim--pilot .s-s4, .wt .wt-anim--pilot .s-stamp, .wt .wt-anim--pilot .s-col { transform-origin: 50% 100%; }
.wt .wt-anim--pilot .s-tag { transform-origin: 0 0; }
.wt .wt-anim--pilot .s-s1, .wt .wt-anim--pilot .s-s2, .wt .wt-anim--pilot .s-stamp, .wt .wt-anim--pilot .s-pen { opacity: 0; }
.wt .wt-anim--pilot .s-line, .wt .wt-anim--pilot .s-mark { stroke-dasharray: 1 1.2; }
.wt .wt-anim--pilot .s-line { animation: pilot-line var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-mark { animation: pilot-mark var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-swatch { animation: pilot-swatch var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-pen { animation: pilot-pen var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-s1 { animation: pilot-s1 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-s2 { animation: pilot-s2 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-s3 { animation: pilot-s3 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-s4 { animation: pilot-s4 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-sh1 { animation: pilot-sh1 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-sh2 { animation: pilot-sh2 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-tag { animation: pilot-tag var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-stamp { animation: pilot-stamp var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-imprint { animation: pilot-imprint var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-dark { animation: pilot-dark var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-count { animation: pilot-count var(--cycle) linear infinite both; }
@keyframes pilot-line {
  0%, 3% { opacity: 1; stroke-dashoffset: 1.05; }
  10%, 92% { opacity: 1; stroke-dashoffset: 0; animation-timing-function: ease-in; }
  95% { opacity: 0; stroke-dashoffset: 0; }
  95.5%, 100% { opacity: 1; stroke-dashoffset: 1.05; }
}
@keyframes pilot-mark {
  0%, 26% { opacity: 1; stroke-dashoffset: 1.05; }
  33%, 92% { opacity: 1; stroke-dashoffset: 0; animation-timing-function: ease-in; }
  95% { opacity: 0; stroke-dashoffset: 0; }
  95.5%, 100% { opacity: 1; stroke-dashoffset: 1.05; }
}
@keyframes pilot-swatch {
  0%, 33% { opacity: 0; transform: scale(.3); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  35.5%, 92% { opacity: 1; transform: scale(1); animation-timing-function: ease-in; }
  95% { opacity: 0; transform: scale(1); }
  95.5%, 100% { opacity: 0; transform: scale(.3); }
}
@keyframes pilot-pen {
  0%, 3% { opacity: 1; transform: translate(-86.5px, 0); }
  10% { opacity: 1; transform: translate(0, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  14%, 22% { transform: translate(52px, -40px); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  26% { transform: translate(-50px, -106.5px); }
  27% { transform: translate(-85px, -94.5px); }
  28% { transform: translate(-92px, -62.5px); }
  29.5% { transform: translate(-52px, -45.5px); }
  31% { transform: translate(-8px, -62.5px); }
  32% { transform: translate(-11px, -91.5px); }
  33% { opacity: 1; transform: translate(-46px, -104.5px); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  36.5% { opacity: 1; transform: translate(52px, -40px); animation-timing-function: ease-in; }
  40% { opacity: 0; transform: translate(70px, -52px); }
  96.9% { opacity: 0; transform: translate(-86.5px, 0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  100% { opacity: 1; transform: translate(-86.5px, 0); }
}
@keyframes pilot-s1 {
  0%, 12% { opacity: 0; transform: translateY(-40px); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  12.8% { opacity: 1; }
  16.5% { transform: translateY(0) scale(1.04, .92); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  18.5%, 34% { opacity: 1; transform: translateY(0) scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  38%, 100% { opacity: 0; transform: translateY(-40px); }
}
@keyframes pilot-s2 {
  0%, 13.5% { opacity: 0; transform: translateY(-30px); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  14.3% { opacity: 1; }
  18% { transform: translateY(0) scale(1.04, .92); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  20%, 35% { opacity: 1; transform: translateY(0) scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  39%, 100% { opacity: 0; transform: translateY(-30px); }
}
@keyframes pilot-s3 {
  0%, 38.5% { opacity: 0; transform: translateY(-40px); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  39.3% { opacity: 1; }
  43% { transform: translateY(0) scale(1.04, .92); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  45%, 92.5% { opacity: 1; transform: translateY(0) scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  96%, 100% { opacity: 0; transform: translateY(-40px); }
}
@keyframes pilot-s4 {
  0%, 40% { opacity: 0; transform: translateY(-30px); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  40.8% { opacity: 1; }
  44.5% { transform: translateY(0) scale(1.04, .92); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  46.5%, 93% { opacity: 1; transform: translateY(0) scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  96.5%, 100% { opacity: 0; transform: translateY(-30px); }
}
@keyframes pilot-sh1 {
  0%, 12% { opacity: 0; transform: scale(.4); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  16.5%, 34% { opacity: .14; transform: scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  37%, 38.5% { opacity: 0; transform: scale(.4); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  43%, 92.5% { opacity: .14; transform: scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  95.5%, 100% { opacity: 0; transform: scale(.4); }
}
@keyframes pilot-sh2 {
  0%, 13.5% { opacity: 0; transform: scale(.4); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  18%, 35% { opacity: .14; transform: scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  38%, 40% { opacity: 0; transform: scale(.4); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  44.5%, 93% { opacity: .14; transform: scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  96%, 100% { opacity: 0; transform: scale(.4); }
}
@keyframes pilot-tag {
  0%, 18% { opacity: 0; transform: rotate(-24deg); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  19.5% { opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  23% { transform: rotate(4deg); animation-timing-function: ease-in-out; }
  26% { transform: rotate(-1deg); animation-timing-function: ease-in-out; }
  48% { transform: rotate(2deg); animation-timing-function: ease-in-out; }
  72% { transform: rotate(-1.5deg); animation-timing-function: ease-in-out; }
  92.5% { opacity: 1; transform: rotate(0); animation-timing-function: ease-in; }
  95.5% { opacity: 0; transform: rotate(-10deg); }
  100% { opacity: 0; transform: rotate(-24deg); }
}
@keyframes pilot-stamp {
  0%, 47% { opacity: 0; transform: translate(120px, -104px) scale(.85); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  48.5% { opacity: 1; transform: translate(104px, -100px) scale(1); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  50% { transform: translate(0, 0) scale(1); animation-timing-function: ease-out; }
  50.8% { transform: translate(0, 2px) scale(1.03, .9); animation-timing-function: ease-out; }
  52% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  54% { opacity: 1; transform: translate(104px, -100px) scale(1); animation-timing-function: ease-in; }
  55%, 100% { opacity: 0; transform: translate(120px, -104px) scale(.85); }
}
@keyframes pilot-imprint {
  0%, 50% { opacity: 0; transform: scale(1.12); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  50.4% { opacity: 1; }
  53%, 92% { opacity: 1; transform: scale(1); animation-timing-function: ease-in; }
  95% { opacity: 0; transform: scale(1); }
  95.5%, 100% { opacity: 0; transform: scale(1.12); }
}
@keyframes pilot-dark { 0%, 50.2% { opacity: 0; animation-timing-function: ease-in-out; } 54%, 93% { opacity: 1; animation-timing-function: ease-in-out; } 96.5%, 100% { opacity: 0; } }
.wt .wt-anim--pilot .s-c1 { animation: pilot-c1 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c2 { animation: pilot-c2 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c3 { animation: pilot-c3 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c4 { animation: pilot-c4 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c5 { animation: pilot-c5 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c6 { animation: pilot-c6 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c7 { animation: pilot-c7 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c8 { animation: pilot-c8 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c9 { animation: pilot-c9 var(--cycle) linear infinite both; }
.wt .wt-anim--pilot .s-c10 { animation: pilot-c10 var(--cycle) linear infinite both; }
@keyframes pilot-c1 { 0%, 54.0% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 57.0%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c2 { 0%, 55.2% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 58.2%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c3 { 0%, 56.4% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 59.4%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c4 { 0%, 57.6% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 60.6%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c5 { 0%, 58.8% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 61.8%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c6 { 0%, 60.0% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 63.0%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c7 { 0%, 61.2% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 64.2%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c8 { 0%, 62.4% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 65.4%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c9 { 0%, 63.6% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 66.6%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-c10 { 0%, 64.8% { opacity: 0; transform: translateY(-9px) scaleY(.7); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 67.8%, 92% { opacity: 1; transform: none; animation-timing-function: ease-in; } 95% { opacity: 0; transform: none; } 100% { opacity: 0; transform: translateY(-9px) scaleY(.7); } }
@keyframes pilot-count {
  0%, 67% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  70% { opacity: 1; transform: scale(1); animation-timing-function: ease-in-out; }
  81% { transform: translateY(-2px); animation-timing-function: ease-in-out; }
  92% { opacity: 1; transform: translateY(0); animation-timing-function: ease-in; }
  95% { opacity: 0; transform: scale(.9); }
  100% { opacity: 0; transform: scale(.6); }
}