.tutorial-node[data-v-c010b158]{border-color:color-mix(in oklab,var(--tone) 55%,transparent);box-shadow:inset 6px 0 0 var(--tone);transition:opacity .5s ease,transform .5s ease,box-shadow .3s ease,border-color .3s ease}.tutorial-node.is-active[data-v-c010b158]{border-color:var(--km-link);box-shadow:inset 6px 0 0 var(--tone),0 0 0 6px color-mix(in oklab,var(--km-link) 22%,transparent),0 10px 30px -10px color-mix(in oklab,var(--km-link) 45%,transparent);transform:translateY(-3px)}.tutorial-node.is-hidden[data-v-c010b158]{opacity:0;transform:translateY(12px) scale(.97)}.tutorial-edge[data-v-c010b158]{transition:opacity .5s ease}.tutorial-edge.is-hidden[data-v-c010b158]{opacity:0}.tutorial-edge-label[data-v-c010b158]{font-size:17px;font-weight:600;paint-order:stroke;stroke:var(--ui-bg);stroke-width:6px}.tutorial-flow[data-v-c010b158]{animation:tutorial-flow-c010b158 .9s linear infinite}@keyframes tutorial-flow-c010b158{to{stroke-dashoffset:-28}}@media(prefers-reduced-motion:reduce){.tutorial-edge[data-v-c010b158],.tutorial-node[data-v-c010b158]{transition:none}.tutorial-node.is-active[data-v-c010b158]{transform:none}.tutorial-flow[data-v-c010b158]{animation:none}}.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSA0Mi45MSAzNC4wOCAyOC4yOSA0NC4zMyAxOGExIDEgMCAwIDAtLjMzLTEuNjFMMi4zNSAxLjA2YTEgMSAwIDAgMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMCAwIDEuNjUuMzZsMTAuMjUtMTAuMjggMTQuNjIgMTQuNjNhMSAxIDAgMCAwIDEuNDEgMGw0LjM4LTQuMzhhMSAxIDAgMCAwIC4wMS0xLjQybS01LjA5IDMuNjdMMjkgMzJhMSAxIDAgMCAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwIDAgMzIgMjlsMTQuNTkgMTQuNjJaIi8+PC9zdmc+);border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-radius:100%;margin-left:-37px;margin-top:-37px;border:4px solid rgba(73,80,246,0);transition:left 0s linear,top 0s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}.tutorial-replay[data-v-a17b482c],.tutorial-replay[data-v-a17b482c] *{pointer-events:none}.tutorial-replay[data-v-a17b482c] .replayer-wrapper{position:relative}.tutorial-flash[data-v-a17b482c]{animation:tutorial-flash-a17b482c .7s ease-out forwards}@keyframes tutorial-flash-a17b482c{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.tutorial-flash[data-v-a17b482c]{animation:tutorial-flash-fade-a17b482c .7s linear forwards}@keyframes tutorial-flash-fade-a17b482c{0%{opacity:1}to{opacity:0}}}.tutorial-spotlight[data-v-a17b482c]{outline:3px solid var(--km-link);outline-offset:0;box-shadow:0 0 0 9999px #00000047;transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease}