/* Knotel card motion. Scoped the same way as the Journeys card. */

.knotel-stage .cam{transition:transform 1.2s cubic-bezier(.65,0,.35,1)}
.knotel-stage .cursor{transition-property:left,top,opacity;transition-timing-function:cubic-bezier(.65,0,.35,1),cubic-bezier(.65,0,.35,1),ease}
.knotel-stage .ring{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s ease}
.knotel-stage .flip{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 50%}
.knotel-stage .screen{transition:transform .6s cubic-bezier(.3,1.18,.5,1),opacity .45s ease}
.knotel-stage .in{transition:opacity .45s ease,transform .6s cubic-bezier(.2,1.5,.4,1)}
.knotel-stage .pop{transition:opacity .3s ease,transform .55s cubic-bezier(.18,1.9,.4,1)}
.knotel-stage .press{transition:transform .15s ease,background-color .2s ease}
.knotel-stage .bar{transition:width 1.1s cubic-bezier(.3,1.3,.5,1)}
.knotel-stage .slide{transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
.knotel-stage .caret{display:inline-block;width:1.5px;height:13px;margin-left:1px;vertical-align:-2px;background:#2F6FE4;animation:knotel-blink 1s steps(1) infinite}
@keyframes knotel-blink{50%{opacity:0}}
.knotel-stage .spark{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;opacity:0}
.knotel-stage .go .spark{animation:knotel-spark .7s cubic-bezier(.2,.8,.3,1) .1s 1}
@keyframes knotel-spark{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}
.knotel-stage .tapring{position:absolute;left:-19px;top:-19px;width:38px;height:38px;box-sizing:border-box;border-radius:999px;border:2px solid rgba(47,111,228,.8);animation:knotel-tapr 1.1s ease-out infinite}
@keyframes knotel-tapr{0%{transform:scale(.45);opacity:1}100%{transform:scale(1.5);opacity:0}}
.knotel-stage .tap{transition:opacity .25s ease,left .45s cubic-bezier(.65,0,.35,1),top .45s cubic-bezier(.65,0,.35,1)}
.knotel-stage .swipe{transition:opacity .3s ease,left 1s cubic-bezier(.33,0,.15,1),top .5s cubic-bezier(.65,0,.35,1)}
.knotel-stage .pager{transition:transform 1s cubic-bezier(.33,0,.15,1)}
.knotel-stage .sheet{transition:transform .5s cubic-bezier(.32,.72,0,1)}
.knotel-stage .dim{transition:opacity .35s ease}
.knotel-stage .row{transition:background-color .35s ease,opacity .45s ease,transform .6s cubic-bezier(.2,1.5,.4,1)}
.knotel-stage .reset{transition:opacity .45s ease,transform .9s cubic-bezier(.3,1.35,.5,1)}
@keyframes knotel-ptr{to{transform:rotate(360deg)}}
.knotel-stage .ptr{transition:transform .55s cubic-bezier(.3,1.3,.5,1)}
.knotel-stage .tab{transition:left 1s cubic-bezier(.33,0,.15,1),top 1s cubic-bezier(.33,0,.15,1),font-size 1s cubic-bezier(.33,0,.15,1),color 1s ease}
.knotel-stage .thumb{transition:transform .5s cubic-bezier(.18,1.9,.4,1)}
.knotel-stage .thumb path{transition:fill .25s ease}