.pata-de-gato{display:flex;position:relative}.paw{background:var(--dark-gray);width:4em;height:12em;position:relative}.paw-left{border-radius:100% 0 0;transform:translate(.1em)}.paw-right{border-radius:0 100% 0 0;transform:translate(-.1em)}.pad{background:var(--gray);border-radius:50%;width:1.6em;height:1.6em;position:absolute;top:2em;left:50%;transform:translate(-50%)}.pad:before{content:"";background:var(--gray);border-radius:50%;width:100%;height:100%;position:absolute;top:.9em;left:45%;transform:rotate(40deg)}.pad:after{content:"";background:var(--gray);border-radius:50%;width:100%;height:100%;position:absolute;top:.9em;right:45%;transform:rotate(-40deg)}.finger{background:var(--dark-gray);border-radius:50%;width:3.8em;height:4.5em;position:absolute}.finger-1{top:0;right:-.6em;transform:rotate(44deg)}.finger-2{top:-2em;right:1em;transform:rotate(34deg)}.finger-3{top:-2em;left:1em;transform:rotate(-34deg)}.finger-4{top:0;left:-.6em;transform:rotate(-44deg)}.finger-big{width:3.9em;height:5em}.finger-pad{content:"";background:var(--gray);border-radius:50%;width:1.7em;height:1.4em;position:absolute}.finger-pad-1{top:1.6em;right:.4em;transform:rotate(-45deg)}.finger-pad-2{top:-.7em;right:1.65em;transform:rotate(-45deg)}.finger-pad-3{top:-.7em;left:1.65em;transform:rotate(45deg)}.finger-pad-4{top:1.6em;left:.4em;transform:rotate(45deg)}.finger-pad-big{width:2.1em;height:1.7em}
.pelota-gato{--lado:1;--ancho:2rem;--alto:2rem;z-index:20;width:var(--ancho);height:var(--alto);margin-top:calc(var(--alto)/-2);pointer-events:none;position:fixed}.pelota-gato--raton{--ancho:2.75rem;--alto:1.75rem}.pelota-gato--derecha{right:calc(var(--ancho)/-2)}.pelota-gato--izquierda{--lado:-1;left:calc(var(--ancho)/-2)}.pelota-gato__pelota{filter:drop-shadow(0 2px 3px #0f1a2047);animation:.7s ease-out both pelota-gato-asoma,7s ease-in-out 2.5s infinite pelota-gato-juega;position:absolute;inset:0}.pelota-gato--raton .pelota-gato__pelota{animation:.6s ease-out both raton-gato-asoma,6s ease-in-out 2.5s infinite raton-gato-juega}.juguete-gato{width:100%;height:100%;transform:scaleX(var(--lado));display:block;overflow:visible}.juguete-gato--ovillo .juguete-gato__cuerpo{fill:var(--blue);stroke:var(--dark-blue);stroke-width:2.5px}.juguete-gato--ovillo .juguete-gato__vuelta{fill:none;stroke:var(--light-white);stroke-width:2.5px;stroke-linecap:round}.juguete-gato__hebra{fill:none;stroke:var(--blue);stroke-width:2.5px;stroke-linecap:round}.juguete-gato--raton{--rosa-raton:#f4a7b9}.juguete-gato--raton .juguete-gato__cuerpo,.juguete-gato__oreja{fill:var(--gray);stroke:var(--dark-gray);stroke-width:2.5px;stroke-linejoin:round}.juguete-gato__oreja-dentro,.juguete-gato__nariz{fill:var(--rosa-raton)}.juguete-gato__ojo{fill:var(--dark-blue)}.juguete-gato__bigote{stroke:var(--dark-gray);stroke-width:1.5px;stroke-linecap:round}.pelota-gato__blanco{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:-.5rem;bottom:-.5rem}.pelota-gato--derecha .pelota-gato__blanco{left:-.5rem;right:50%}.pelota-gato--izquierda .pelota-gato__blanco{left:50%;right:-.5rem}.pelota-gato--atrapando .pelota-gato__pelota{animation:1.2s both pelota-gato-se-la-lleva}.pelota-gato--raton.pelota-gato--atrapando .pelota-gato__pelota{animation:1.2s both raton-gato-se-lo-lleva}.pelota-gato--atrapando .pelota-gato__blanco{pointer-events:none}.pelota-gato__pata{width:8em;height:12em;margin:-6em 0 0 -4em;font-size:6px;animation:1.2s both pata-gato-atrapa;position:absolute;top:50%;left:50%}@keyframes pelota-gato-asoma{0%{transform:translateX(calc(var(--lado)*48px))rotate(calc(var(--lado)*240deg))}to{transform:translate(0)rotate(0)}}@keyframes pelota-gato-juega{0%,84%,to{transform:translate(0)rotate(0)}89%{transform:translateX(calc(var(--lado)*-6px))rotate(calc(var(--lado)*-45deg))}94%{transform:translateX(calc(var(--lado)*1px))rotate(calc(var(--lado)*8deg))}}@keyframes pelota-gato-se-la-lleva{0%{animation-timing-function:ease-out;transform:translate(0)rotate(0)}22%,55%{transform:translateX(calc(var(--lado)*-40px))rotate(calc(var(--lado)*-120deg))}62%{transform:translateX(calc(var(--lado)*-38px))rotate(calc(var(--lado)*-120deg));animation-timing-function:ease-in}to{transform:translateX(calc(var(--lado)*106px))rotate(calc(var(--lado)*-120deg))}}@keyframes pata-gato-atrapa{0%,25%{transform:translateX(calc(var(--lado)*100px))rotate(calc(var(--lado)*-90deg));animation-timing-function:ease-out}50%,55%{transform:translateX(calc(var(--lado)*-22px))rotate(calc(var(--lado)*-90deg))}62%{transform:translateX(calc(var(--lado)*-20px))rotate(calc(var(--lado)*-90deg));animation-timing-function:ease-in}to{transform:translateX(calc(var(--lado)*124px))rotate(calc(var(--lado)*-90deg))}}@keyframes raton-gato-asoma{0%{transform:translateX(calc(var(--lado)*56px))}to{transform:translate(0)}}@keyframes raton-gato-juega{0%,82%,to{transform:translate(0)}86%,90%{transform:translateX(calc(var(--lado)*-7px))}88%{transform:translateX(calc(var(--lado)*-5px))rotate(calc(var(--lado)*4deg))}}@keyframes raton-gato-se-lo-lleva{0%{animation-timing-function:ease-out;transform:translate(0)}22%,55%{transform:translateX(calc(var(--lado)*-40px))}62%{transform:translateX(calc(var(--lado)*-38px))rotate(calc(var(--lado)*12deg));animation-timing-function:ease-in}to{transform:translateX(calc(var(--lado)*106px))rotate(calc(var(--lado)*12deg))}}@media (prefers-reduced-motion:reduce){.pelota-gato{display:none}}