/* GERADO por tools/preparar_instrucoes.py --arte -- nao editar a mao.
   As tres paginas de instrucao sao um clipe so no original, que desliza
   634.75px por seta. Posicao, tamanho e movimento saem das tags do SWF, a
   30 quadros por segundo. */

#app .j7c-instrucao-palco {
  --j7c-recorte-esquerda: 6.1702cqw;
  --j7c-recorte-direita: 5.7979cqw;
}

#app .j7c-instrucao-faixa {
  left: 16.6702cqw;
  top: 26.9821cqh;
  --j7c-passo: 67.5266cqw;
  transition: transform 0.60s cubic-bezier(0.22, 1, 0.36, 1);
}

#app .j7c-passo-1 {
  left: 5.6702cqw;
  top: 1.6696cqh;
  width: 45.2485cqw;
  height: 13.1457cqh;
}

#app .j7c-passo-2 {
  left: 73.4255cqw;
  top: 1.6696cqh;
  width: 46.5054cqw;
  height: 17.3653cqh;
}

#app .j7c-passo-3 {
  left: 141.1915cqw;
  top: 1.6607cqh;
  width: 48.8259cqw;
  height: 13.1457cqh;
}

#app .j7c-roleta-1 {
  left: 10.7699cqw;
  top: 13.9139cqh;
  width: 14.6116cqw;
  height: 30.5219cqh;
}

#app .j7c-roleta-2 {
  left: 26.5199cqw;
  top: 13.9139cqh;
  width: 14.6116cqw;
  height: 30.5219cqh;
}

#app .j7c-roleta-3 {
  left: 41.9561cqw;
  top: 13.9139cqh;
  width: 14.6116cqw;
  height: 30.5219cqh;
}

#app .j7c-roleta img {
  animation-duration: 0.400s;
}

#app .j7c-roleta img:nth-child(1) {
  animation-name: j7c-roleta-1;
}

#app .j7c-roleta img:nth-child(2) {
  animation-name: j7c-roleta-2;
}

#app .j7c-roleta img:nth-child(3) {
  animation-name: j7c-roleta-3;
}

#app .j7c-roleta img:nth-child(4) {
  animation-name: j7c-roleta-4;
}

#app .j7c-roleta img:nth-child(5) {
  animation-name: j7c-roleta-5;
}

#app .j7c-roleta img:nth-child(6) {
  animation-name: j7c-roleta-6;
}

#app .j7c-roleta img:nth-child(7) {
  animation-name: j7c-roleta-7;
}

#app .j7c-roleta img:nth-child(8) {
  animation-name: j7c-roleta-8;
}

#app .j7c-roleta img:nth-child(9) {
  animation-name: j7c-roleta-9;
}

#app .j7c-roleta img:nth-child(10) {
  animation-name: j7c-roleta-10;
}

#app .j7c-roleta img:nth-child(11) {
  animation-name: j7c-roleta-11;
}

#app .j7c-roleta img:nth-child(12) {
  animation-name: j7c-roleta-12;
}

@keyframes j7c-roleta-1 {
  0%, 0.0000% { opacity: 0; }
  0.0000%, 8.3332% { opacity: 1; }
  8.3333%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-2 {
  0%, 8.3332% { opacity: 0; }
  8.3333%, 16.6666% { opacity: 1; }
  16.6667%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-3 {
  0%, 16.6666% { opacity: 0; }
  16.6667%, 24.9999% { opacity: 1; }
  25.0000%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-4 {
  0%, 24.9999% { opacity: 0; }
  25.0000%, 33.3332% { opacity: 1; }
  33.3333%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-5 {
  0%, 33.3332% { opacity: 0; }
  33.3333%, 41.6666% { opacity: 1; }
  41.6667%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-6 {
  0%, 41.6666% { opacity: 0; }
  41.6667%, 49.9999% { opacity: 1; }
  50.0000%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-7 {
  0%, 49.9999% { opacity: 0; }
  50.0000%, 58.3332% { opacity: 1; }
  58.3333%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-8 {
  0%, 58.3332% { opacity: 0; }
  58.3333%, 66.6666% { opacity: 1; }
  66.6667%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-9 {
  0%, 66.6666% { opacity: 0; }
  66.6667%, 74.9999% { opacity: 1; }
  75.0000%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-10 {
  0%, 74.9999% { opacity: 0; }
  75.0000%, 83.3332% { opacity: 1; }
  83.3333%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-11 {
  0%, 83.3332% { opacity: 0; }
  83.3333%, 91.6666% { opacity: 1; }
  91.6667%, 100% { opacity: 0; }
}

@keyframes j7c-roleta-12 {
  0%, 91.6666% { opacity: 0; }
  91.6667%, 99.9999% { opacity: 1; }
  100.0000%, 100% { opacity: 0; }
}

#app .j7c-demo-pote-1 {
  left: 80.9795cqw;
  top: 19.6602cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-2 {
  left: 102.6071cqw;
  top: 19.6602cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-3 {
  left: 117.0274cqw;
  top: 19.6602cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-4 {
  left: 80.9529cqw;
  top: 33.5173cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-5 {
  left: 95.3678cqw;
  top: 33.4994cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-6 {
  left: 116.9954cqw;
  top: 33.4994cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-7 {
  left: 95.3997cqw;
  top: 19.6602cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-8 {
  left: 109.7880cqw;
  top: 33.5173cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-9 {
  left: 88.1550cqw;
  top: 19.6602cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-10 {
  left: 102.6071cqw;
  top: 33.4994cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-11 {
  left: 88.1550cqw;
  top: 33.4994cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-pote-12 {
  left: 109.8199cqw;
  top: 19.6602cqh;
  width: 5.9345cqw;
  height: 12.3965cqh;
}

#app .j7c-demo-cursor {
  left: 126.3482cqw;
  top: 49.7946cqh;
  width: 3.2716cqw;
  height: 6.4069cqh;
  animation-name: j7c-demo-cursor;
  animation-duration: 5.300s;
}

@keyframes j7c-demo-cursor {
  0% { transform: translate(0.0000cqw, 0.0000cqh); }
  0.629% { transform: translate(-0.9202cqw, -0.4107cqh); }
  1.258% { transform: translate(-1.8191cqw, -0.8214cqh); }
  1.887% { transform: translate(-2.7021cqw, -1.2232cqh); }
  2.516% { transform: translate(-3.5638cqw, -1.6161cqh); }
  3.145% { transform: translate(-4.4096cqw, -2.0000cqh); }
  3.774% { transform: translate(-5.2340cqw, -2.3750cqh); }
  4.403% { transform: translate(-6.0372cqw, -2.7411cqh); }
  5.031% { transform: translate(-6.8298cqw, -3.0982cqh); }
  5.66% { transform: translate(-7.5957cqw, -3.4464cqh); }
  6.289% { transform: translate(-8.3457cqw, -3.7857cqh); }
  6.918% { transform: translate(-9.0745cqw, -4.1161cqh); }
  7.547% { transform: translate(-9.7872cqw, -4.4464cqh); }
  8.176% { transform: translate(-10.4787cqw, -4.7589cqh); }
  8.805% { transform: translate(-11.1489cqw, -5.0625cqh); }
  9.434% { transform: translate(-11.8032cqw, -5.3661cqh); }
  10.063% { transform: translate(-12.4415cqw, -5.6518cqh); }
  10.692% { transform: translate(-13.0585cqw, -5.9286cqh); }
  11.321% { transform: translate(-13.6543cqw, -6.2054cqh); }
  11.95% { transform: translate(-14.2340cqw, -6.4643cqh); }
  12.579% { transform: translate(-14.7926cqw, -6.7232cqh); }
  13.208% { transform: translate(-15.3298cqw, -6.9643cqh); }
  13.836% { transform: translate(-15.8511cqw, -7.2054cqh); }
  14.465% { transform: translate(-16.3564cqw, -7.4286cqh); }
  15.094% { transform: translate(-16.8404cqw, -7.6518cqh); }
  15.723% { transform: translate(-17.3032cqw, -7.8661cqh); }
  16.352% { transform: translate(-17.7500cqw, -8.0625cqh); }
  16.981% { transform: translate(-18.1755cqw, -8.2589cqh); }
  17.61% { transform: translate(-18.5851cqw, -8.4464cqh); }
  18.239% { transform: translate(-18.9734cqw, -8.6250cqh); }
  18.868% { transform: translate(-19.3404cqw, -8.7946cqh); }
  19.497% { transform: translate(-19.6915cqw, -8.9464cqh); }
  20.126% { transform: translate(-20.0266cqw, -9.0982cqh); }
  20.755% { transform: translate(-20.3404cqw, -9.2411cqh); }
  21.384% { transform: translate(-20.6330cqw, -9.3750cqh); }
  22.013% { transform: translate(-20.9096cqw, -9.5000cqh); }
  22.642% { transform: translate(-21.1649cqw, -9.6161cqh); }
  23.27% { transform: translate(-21.3989cqw, -9.7232cqh); }
  23.899% { transform: translate(-21.6170cqw, -9.8304cqh); }
  24.528% { transform: translate(-21.8191cqw, -9.9196cqh); }
  25.157% { transform: translate(-22.0000cqw, -10.0000cqh); }
  25.786% { transform: translate(-22.1596cqw, -10.0714cqh); }
  26.415% { transform: translate(-22.3032cqw, -10.1339cqh); }
  27.044% { transform: translate(-22.4255cqw, -10.1964cqh); }
  27.673% { transform: translate(-22.5266cqw, -10.2411cqh); }
  28.302% { transform: translate(-22.6117cqw, -10.2768cqh); }
  28.931% { transform: translate(-22.6809cqw, -10.3125cqh); }
  29.56% { transform: translate(-22.7287cqw, -10.3304cqh); }
  30.189% { transform: translate(-22.7553cqw, -10.3482cqh); }
  30.818% { transform: translate(-22.7660cqw, -10.3571cqh); }
  31.447% { transform: translate(-22.7660cqw, -9.6429cqh); }
  32.075% { transform: translate(-22.7660cqw, -10.3571cqh); }
  32.704% { transform: translate(-23.7713cqw, -10.4196cqh); }
  33.333% { transform: translate(-24.7394cqw, -10.4821cqh); }
  33.962% { transform: translate(-25.6702cqw, -10.5357cqh); }
  34.591% { transform: translate(-26.5638cqw, -10.5893cqh); }
  35.22% { transform: translate(-27.4255cqw, -10.6429cqh); }
  35.849% { transform: translate(-28.2500cqw, -10.6964cqh); }
  36.478% { transform: translate(-29.0319cqw, -10.7500cqh); }
  37.107% { transform: translate(-29.7819cqw, -10.7946cqh); }
  37.736% { transform: translate(-30.5000cqw, -10.8393cqh); }
  38.365% { transform: translate(-31.1755cqw, -10.8750cqh); }
  38.994% { transform: translate(-31.8138cqw, -10.9196cqh); }
  39.623% { transform: translate(-32.4202cqw, -10.9554cqh); }
  40.252% { transform: translate(-32.9894cqw, -10.9911cqh); }
  40.881% { transform: translate(-33.5213cqw, -11.0268cqh); }
  41.509% { transform: translate(-34.0160cqw, -11.0536cqh); }
  42.138% { transform: translate(-34.4787cqw, -11.0804cqh); }
  42.767% { transform: translate(-34.8989cqw, -11.1071cqh); }
  43.396% { transform: translate(-35.2872cqw, -11.1339cqh); }
  44.025% { transform: translate(-35.6383cqw, -11.1518cqh); }
  44.654% { transform: translate(-35.9521cqw, -11.1786cqh); }
  45.283% { transform: translate(-36.2287cqw, -11.1964cqh); }
  45.912% { transform: translate(-36.4681cqw, -11.2054cqh); }
  46.541% { transform: translate(-36.6755cqw, -11.2232cqh); }
  47.17% { transform: translate(-36.8457cqw, -11.2321cqh); }
  47.799% { transform: translate(-36.9734cqw, -11.2411cqh); }
  48.428% { transform: translate(-37.0691cqw, -11.2411cqh); }
  49.057% { transform: translate(-37.1330cqw, -11.2500cqh); }
  49.686% { transform: translate(-37.1543cqw, -11.2500cqh); }
  50.314% { transform: translate(-37.1543cqw, -10.5357cqh); }
  50.943% { transform: translate(-37.1543cqw, -11.2500cqh); }
  51.572% { transform: translate(-36.1223cqw, -12.1071cqh); }
  52.201% { transform: translate(-35.1330cqw, -12.9286cqh); }
  52.83% { transform: translate(-34.1755cqw, -13.7232cqh); }
  53.459% { transform: translate(-33.2606cqw, -14.4821cqh); }
  54.088% { transform: translate(-32.3777cqw, -15.2143cqh); }
  54.717% { transform: translate(-31.5372cqw, -15.9107cqh); }
  55.346% { transform: translate(-30.7287cqw, -16.5804cqh); }
  55.975% { transform: translate(-29.9574cqw, -17.2232cqh); }
  56.604% { transform: translate(-29.2287cqw, -17.8304cqh); }
  57.233% { transform: translate(-28.5319cqw, -18.4018cqh); }
  57.862% { transform: translate(-27.8777cqw, -18.9464cqh); }
  58.491% { transform: translate(-27.2553cqw, -19.4643cqh); }
  59.119% { transform: translate(-26.6755cqw, -19.9464cqh); }
  59.748% { transform: translate(-26.1277cqw, -20.4018cqh); }
  60.377% { transform: translate(-25.6223cqw, -20.8214cqh); }
  61.006% { transform: translate(-25.1489cqw, -21.2143cqh); }
  61.635% { transform: translate(-24.7181cqw, -21.5714cqh); }
  62.264% { transform: translate(-24.3191cqw, -21.9018cqh); }
  62.893% { transform: translate(-23.9628cqw, -22.1964cqh); }
  63.522% { transform: translate(-23.6383cqw, -22.4643cqh); }
  64.151% { transform: translate(-23.3564cqw, -22.7054cqh); }
  64.78% { transform: translate(-23.1064cqw, -22.9107cqh); }
  65.409% { transform: translate(-22.8936cqw, -23.0804cqh); }
  66.038% { transform: translate(-22.7234cqw, -23.2232cqh); }
  66.667% { transform: translate(-22.5851cqw, -23.3393cqh); }
  67.296% { transform: translate(-22.4894cqw, -23.4196cqh); }
  67.925% { transform: translate(-22.4309cqw, -23.4732cqh); }
  68.553% { transform: translate(-22.4043cqw, -23.4911cqh); }
  69.182% { transform: translate(-22.4043cqw, -22.5982cqh); }
  69.811% { transform: translate(-22.4043cqw, -23.4911cqh); }
  70.44% { transform: translate(-21.4787cqw, -22.5268cqh); }
  71.069% { transform: translate(-20.5745cqw, -21.5714cqh); }
  71.698% { transform: translate(-19.6915cqw, -20.6429cqh); }
  72.327% { transform: translate(-18.8245cqw, -19.7411cqh); }
  72.956% { transform: translate(-17.9787cqw, -18.8482cqh); }
  73.585% { transform: translate(-17.1543cqw, -17.9821cqh); }
  74.214% { transform: translate(-16.3457cqw, -17.1429cqh); }
  74.843% { transform: translate(-15.5585cqw, -16.3125cqh); }
  75.472% { transform: translate(-14.7926cqw, -15.5089cqh); }
  76.101% { transform: translate(-14.0426cqw, -14.7232cqh); }
  76.73% { transform: translate(-13.3138cqw, -13.9554cqh); }
  77.358% { transform: translate(-12.6011cqw, -13.2143cqh); }
  77.987% { transform: translate(-11.9149cqw, -12.4911cqh); }
  78.616% { transform: translate(-11.2394cqw, -11.7857cqh); }
  79.245% { transform: translate(-10.5904cqw, -11.1071cqh); }
  79.874% { transform: translate(-9.9574cqw, -10.4375cqh); }
  80.503% { transform: translate(-9.3457cqw, -9.7946cqh); }
  81.132% { transform: translate(-8.7500cqw, -9.1786cqh); }
  81.761% { transform: translate(-8.1755cqw, -8.5714cqh); }
  82.39% { transform: translate(-7.6223cqw, -7.9911cqh); }
  83.019% { transform: translate(-7.0904cqw, -7.4286cqh); }
  83.648% { transform: translate(-6.5745cqw, -6.8929cqh); }
  84.277% { transform: translate(-6.0798cqw, -6.3750cqh); }
  84.906% { transform: translate(-5.6011cqw, -5.8750cqh); }
  85.535% { transform: translate(-5.1436cqw, -5.3929cqh); }
  86.164% { transform: translate(-4.7074cqw, -4.9375cqh); }
  86.792% { transform: translate(-4.2872cqw, -4.5000cqh); }
  87.421% { transform: translate(-3.8883cqw, -4.0804cqh); }
  88.05% { transform: translate(-3.5106cqw, -3.6786cqh); }
  88.679% { transform: translate(-3.1489cqw, -3.3036cqh); }
  89.308% { transform: translate(-2.8085cqw, -2.9464cqh); }
  89.937% { transform: translate(-2.4894cqw, -2.6071cqh); }
  90.566% { transform: translate(-2.1862cqw, -2.2946cqh); }
  91.195% { transform: translate(-1.9043cqw, -2.0000cqh); }
  91.824% { transform: translate(-1.6436cqw, -1.7232cqh); }
  92.453% { transform: translate(-1.3989cqw, -1.4643cqh); }
  93.082% { transform: translate(-1.1755cqw, -1.2321cqh); }
  93.711% { transform: translate(-0.9734cqw, -1.0179cqh); }
  94.34% { transform: translate(-0.7872cqw, -0.8214cqh); }
  94.969% { transform: translate(-0.6223cqw, -0.6518cqh); }
  95.597% { transform: translate(-0.4787cqw, -0.5000cqh); }
  96.226% { transform: translate(-0.3511cqw, -0.3661cqh); }
  96.855% { transform: translate(-0.2447cqw, -0.2589cqh); }
  97.484% { transform: translate(-0.1543cqw, -0.1607cqh); }
  98.113% { transform: translate(-0.0851cqw, -0.0893cqh); }
  98.742% { transform: translate(-0.0372cqw, -0.0446cqh); }
  99.371% { transform: translate(-0.0106cqw, -0.0089cqh); }
  100% { transform: translate(0.0000cqw, 0.0000cqh); }
}

#app .j7c-passo3-arte {
  left: 146.3072cqw;
  top: 13.9139cqh;
  width: 45.1594cqw;
  height: 30.5219cqh;
}

#app .j7c-seta {
  width: 3.7766cqw;
  height: 11.8750cqh;
  --j7c-seta-anda: 0.5319cqw;
}

#app .j7c-seta-direita {
  left: 79.3617cqw;
  top: 52.2321cqh;
}

#app .j7c-seta-esquerda {
  left: 18.9309cqw;
  top: 51.8929cqh;
  transform: rotate(180deg);
}