.kp{width:100%;height:auto;display:block;overflow:visible}.kp .kp-c,.kp .kp-pop,.kp .kp-bar,.kp .kp-draw,.kp .kp-curtain,.kp .kp-now{transform-box:fill-box}.kp .kp-pop{transform-origin:50%}.kp .kp-draw{transform-origin:0}.kp .kp-curtain{transform-origin:100%;transform:scaleX(0)}.kp[data-state=pending] .kp-c{opacity:0;transform:translateY(5px)}.kp[data-state=pending] .kp-pop{opacity:0;transform:scale(.55)}.kp[data-state=pending] .kp-bar{transform:scaleY(0)}.kp[data-state=pending] .kp-draw{transform:scaleX(0)}.kp[data-state=pending] .kp-curtain{transform:scaleX(1)}.kp[data-state=pending] .kp-now{opacity:0}.kp[data-state=shown] .kp-c{transition:opacity .28s,transform .4s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--t) * var(--dur))}.kp[data-state=shown] .kp-pop{transition:opacity .2s,transform .5s cubic-bezier(.3,1.7,.5,1);transition-delay:calc(var(--t) * var(--dur) + 50ms)}.kp[data-state=shown] .kp-bar{transition:transform .45s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--t) * var(--dur))}.kp[data-state=shown] .kp-draw{transition:transform calc((var(--t1) - var(--t0)) * var(--dur) + .15s) linear;transition-delay:calc(var(--t0) * var(--dur))}.kp[data-state=shown] .kp-curtain{transition:transform var(--dur) linear}.kp[data-state=shown] .kp-now{transition:opacity .4s ease calc(var(--dur) + .1s)}@media (prefers-reduced-motion:reduce){.kp *{transition:none!important}}.kp-replay{opacity:0;transition:opacity .2s}.kp-cell:hover .kp-replay,.kp-cell:focus-visible .kp-replay{opacity:1}@media (hover:none){.kp-replay{opacity:.7}}.kp-step{transition:opacity .25s,transform .25s}.kp-step[data-in="0"]{opacity:0;transform:translateY(4px)}