/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--label-choice { --cycle: 10s; }
.wt .wt-anim--label-choice .s-p1, .wt .wt-anim--label-choice .s-p2, .wt .wt-anim--label-choice .s-end, .wt .wt-anim--label-choice .s-check, .wt .wt-anim--label-choice .s-tag, .wt .wt-anim--label-choice .s-reel { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--label-choice .s-p0 { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--label-choice .s-l1, .wt .wt-anim--label-choice .s-l2 { transform-box: fill-box; transform-origin: 0 50%; }
.wt .wt-anim--label-choice .s-lanes { animation: label-choice-lanes var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-p0 { animation: label-choice-p0 var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-p1 { animation: label-choice-p1 var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-p2 { animation: label-choice-p2 var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-l1 { animation: label-choice-l1 var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-l2 { animation: label-choice-l2 var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-hand { animation: label-choice-hand var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-reel { animation: label-choice-reel var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-tag { animation: label-choice-tag var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-end { animation: label-choice-end var(--cycle) linear infinite both; }
.wt .wt-anim--label-choice .s-check { animation: label-choice-check var(--cycle) linear infinite both; }
@keyframes label-choice-lanes { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -44.4; } }
@keyframes label-choice-p0 {
  0% { opacity: 0; transform: translate(0, 30px) scale(1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  3.5% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in-out; }
  5.5% { transform: translate(0, 3px) scale(1.04, .92); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  8% { transform: translate(36.6px, -46px) scale(.98, 1.04); animation-timing-function: ease-in; }
  10.5% { transform: translate(73.2px, -10.0px) scale(1.05, .9); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  12% { opacity: 1; transform: translate(73.2px, -10.0px) scale(1); }
  12.8% { opacity: 0; transform: translate(73.2px, -10.0px) scale(1); }
  12.9%, 100% { opacity: 0; transform: translate(0, 30px) scale(1); }
}
@keyframes label-choice-p1 {
  0%, 12% { opacity: 0; transform: translate(-164.8px, 97.0px); animation-timing-function: ease-in; }
  12.5% { opacity: 1; }
  15% { transform: translate(-142.7px, 72.0px); }
  17% { transform: translate(-133.3px, 25.2px); }
  19.5% { transform: translate(-114.8px, -1.0px); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  23%, 38% { opacity: 1; transform: translate(0px, 0px); animation-timing-function: ease-in; }
  42% { transform: translate(71.3px, 0.0px); }
  45% { transform: translate(154.4px, 33.5px); }
  47.5% { transform: translate(165.2px, 81.6px); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  50% { opacity: 1; transform: translate(230.5px, 94.7px) scale(1); animation-timing-function: ease-in-out; }
  52% { opacity: 1; transform: translate(230.5px, 94.7px) scale(1.25); }
  52.6% { opacity: 0; transform: translate(230.5px, 94.7px) scale(1.25); }
  52.7%, 100% { opacity: 0; transform: translate(-164.8px, 97.0px); }
}
@keyframes label-choice-p2 {
  0%, 12% { opacity: 0; transform: translate(-261.8px, -135.0px); animation-timing-function: ease-in; }
  12.5% { opacity: 1; }
  15% { transform: translate(-241.2px, -100.9px); }
  17% { transform: translate(-234.7px, -37.0px); }
  19.5% { transform: translate(-217.8px, -1.0px); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  22% { transform: translate(-174px, 0.0px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  36%, 42% { opacity: 1; transform: translate(0px, 0px); animation-timing-function: ease-in; }
  44.5% { transform: translate(58.2px, -1.0px); }
  48% { transform: translate(71.6px, -48.2px); }
  51% { transform: translate(71.7px, -114.1px); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  54% { opacity: 1; transform: translate(133.5px, -137.3px) scale(1); animation-timing-function: ease-in-out; }
  55.5% { opacity: 1; transform: translate(133.5px, -137.3px) scale(1.25); }
  56.3% { opacity: 0; transform: translate(133.5px, -137.3px) scale(1.25); }
  56.4%, 100% { opacity: 0; transform: translate(-261.8px, -135.0px); }
}
@keyframes label-choice-l1 { 0%, 29.5% { opacity: 0; transform: scaleX(.1); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 29.8% { opacity: 1; } 32%, 52.5% { opacity: 1; transform: scaleX(1); } 53%, 100% { opacity: 0; transform: scaleX(.1); } }
@keyframes label-choice-l2 { 0%, 28.5% { opacity: 0; transform: scaleX(.1); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 28.8% { opacity: 1; } 31.5%, 56.5% { opacity: 1; transform: scaleX(1); } 57%, 100% { opacity: 0; transform: scaleX(.1); } }
@keyframes label-choice-hand {
  0%, 22.5% { opacity: 0; transform: translate(64px, -72px); animation-timing-function: ease-out; }
  24.5% { opacity: 1; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  28% { transform: translate(0, -5px); animation-timing-function: ease-in; }
  29.5% { transform: translate(0, 1px); animation-timing-function: ease-out; }
  31% { opacity: 1; transform: translate(0, 0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  35% { opacity: 1; transform: translate(64px, -72px); animation-timing-function: ease-in; }
  36.5%, 100% { opacity: 0; transform: translate(64px, -72px); }
}
@keyframes label-choice-reel { 0%, 22% { transform: rotate(0); animation-timing-function: cubic-bezier(.45,0,.55,1); } 36%, 100% { transform: rotate(300deg); } }
@keyframes label-choice-tag {
  0%, 30.5% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  34%, 89% { opacity: 1; transform: scale(1); animation-timing-function: ease-in; }
  92%, 100% { opacity: 0; transform: scale(.9); }
}
@keyframes label-choice-end {
  0%, 51.5% { opacity: 0; transform: translate(0, 0) scale(1); animation-timing-function: ease-out; }
  52.5% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in-out; }
  55.5% { transform: translate(0, 0) scale(1); animation-timing-function: ease-out; }
  56.5% { transform: translate(0, 0) scale(1.05); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  59% { transform: translate(0, 0) scale(1); animation-timing-function: ease-in-out; }
  72% { transform: translate(0, -3px) scale(1); animation-timing-function: ease-in-out; }
  84%, 88.5% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  92.5% { opacity: 0; transform: translate(26px, 0) scale(1); }
  100% { opacity: 0; transform: translate(0, 0) scale(1); }
}
@keyframes label-choice-check {
  0%, 57% { opacity: 0; transform: scale(.3); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  60.5% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in-out; }
  72% { transform: translate(0, -3px) scale(1); animation-timing-function: ease-in-out; }
  84%, 88.5% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  92.5% { opacity: 0; transform: translate(26px, 0) scale(1); }
  100% { opacity: 0; transform: scale(.3); }
}