.kub-figure .cat-eyes{transform-box:fill-box;transform-origin:center;animation:kub-figure-blink 3.4s .8s infinite}.kub-figure .cat-tail{transform-box:fill-box;transform-origin:0 100%;animation:kub-figure-wag 1.4s ease-in-out infinite}.kub-figure .kub-walk .cat-foot{transform-box:fill-box;animation:kub-figure-step .3s ease-in-out infinite alternate}.kub-figure .kub-walk .cat-foot:nth-child(2n){animation-delay:.3s}@keyframes kub-figure-blink{0%,90%,to{scale:1 1}94%{scale:1 .1}}@keyframes kub-figure-wag{0%,to{rotate:-10deg}50%{rotate:14deg}}@keyframes kub-figure-step{to{translate:0 -2.5px}}@media (prefers-reduced-motion:reduce){.kub-figure *{animation-delay:0s!important;animation-play-state:paused!important}}.kub-demo{--kub-loop:12s}.kub-demo .click,.kub-demo .kub-caption,.kub-demo .photon{opacity:0}.kub-demo .photon-a{animation:photon-a var(--kub-loop) ease-in-out infinite}.kub-demo .photon-b{animation:photon-b var(--kub-loop) ease-in-out infinite}.kub-demo .photon-a .pol-h{animation:photon-a-h var(--kub-loop) linear infinite}.kub-demo .photon-a .pol-v{animation:photon-a-v var(--kub-loop) linear infinite}.kub-demo .photon-b .pol-h{animation:photon-b-h var(--kub-loop) linear infinite}.kub-demo .photon-b .pol-v{animation:photon-b-v var(--kub-loop) linear infinite}.kub-demo .detector-h{animation:detector-h var(--kub-loop) linear infinite}.kub-demo .detector-v{animation:detector-v var(--kub-loop) linear infinite}.kub-demo .click-h{animation:click-h var(--kub-loop) linear infinite}.kub-demo .click-v{animation:click-v var(--kub-loop) linear infinite}.kub-demo .kub-caption-1{animation:caption-1 var(--kub-loop) linear infinite}.kub-demo .kub-caption-2{animation:caption-2 var(--kub-loop) linear infinite}.kub-demo .kub-caption-3{animation:caption-3 var(--kub-loop) linear infinite}.kub-demo .kub-caption-4{animation:caption-4 var(--kub-loop) linear infinite}.kub-demo .kub-hop{animation:kub-hop var(--kub-loop) ease-in-out infinite}.kub-demo .cat-eyes{transform-box:fill-box;transform-origin:center;animation:kub-blink 3.4s .8s infinite}.kub-demo .cat-tail{transform-box:fill-box;transform-origin:0 100%;animation:kub-wag 1.4s ease-in-out infinite}@keyframes photon-a{0%,2%{translate:194px 182px;opacity:0}3%{opacity:1}28%,32%{translate:400px 182px}38%{translate:556px 182px;opacity:1}41%,to{translate:556px 182px;opacity:0}}@keyframes photon-b{0%,52%{translate:194px 182px;opacity:0}53%{opacity:1}78%,82%{translate:400px 182px}88%{translate:400px 96px;opacity:1}91%,to{translate:400px 96px;opacity:0}}@keyframes photon-a-h{0%,28%{opacity:.55}29%,31%{opacity:1}30%{opacity:.15}32%,to{opacity:1}}@keyframes photon-a-v{0%,28%{opacity:.55}29%,31%{opacity:.15}30%{opacity:1}32%,to{opacity:0}}@keyframes photon-b-h{0%,78%{opacity:.55}79%,81%{opacity:1}80%{opacity:.15}82%,to{opacity:0}}@keyframes photon-b-v{0%,78%{opacity:.55}79%,81%{opacity:.15}80%{opacity:1}82%,to{opacity:1}}@keyframes detector-h{0%,37%,48%,to{fill:#ffffff}38%,46%{fill:#020617}}@keyframes detector-v{0%,87%,98%,to{fill:#ffffff}88%,96%{fill:#020617}}@keyframes click-h{0%,37%,48%,to{opacity:0}38%,46%{opacity:1}}@keyframes click-v{0%,87%,98%,to{opacity:0}88%,96%{opacity:1}}@keyframes caption-1{0%,31%,to{opacity:0}2%,28%{opacity:1}}@keyframes caption-2{0%,31%,51%,to{opacity:0}34%,48%{opacity:1}}@keyframes caption-3{0%,51%,81%,to{opacity:0}54%,78%{opacity:1}}@keyframes caption-4{0%,81%,to{opacity:0}84%,97%{opacity:1}}@keyframes kub-hop{0%,38%,44%,88%,94%,to{translate:0 0}40%,90%{translate:0 -10px}42%,92%{translate:0 0}43%,93%{translate:0 -3px}}@keyframes kub-blink{0%,90%,to{scale:1 1}94%{scale:1 .1}}@keyframes kub-wag{0%,to{rotate:-10deg}50%{rotate:14deg}}@media (prefers-reduced-motion:reduce){.kub-demo *,.kub-demo :before{animation:none!important}.kub-demo .photon-a{opacity:1;translate:400px 182px}.kub-demo .photon-a .pol-h,.kub-demo .photon-a .pol-v{opacity:.55}.kub-demo .kub-caption-1{opacity:1}}