.MotionSample-module__H8EETa__stage{aspect-ratio:16/10;background-image:linear-gradient(to right, var(--ds-kadr-night-line) 1px, transparent 1px), linear-gradient(to bottom, var(--ds-kadr-night-line) 1px, transparent 1px);background-size:10cqw 10cqw;border-radius:2px;position:relative;overflow:hidden;container-type:inline-size}.MotionSample-module__H8EETa__ballStage,.MotionSample-module__H8EETa__loaderStage,.MotionSample-module__H8EETa__transitionStage,.MotionSample-module__H8EETa__logoStage{position:absolute;inset:0}.MotionSample-module__H8EETa__floor{background:var(--ds-kadr-fog);block-size:1px;position:absolute;inset-block-start:54.5cqw;inset-inline:6cqw}.MotionSample-module__H8EETa__ball,.MotionSample-module__H8EETa__ballShadow{position:absolute;inset-inline-start:10cqw;translate:62cqw}.MotionSample-module__H8EETa__ball{background:var(--ds-color-accent);transform-origin:50% 100%;border-radius:50%;block-size:10cqw;inline-size:10cqw;inset-block-start:8cqw;transform:translateY(36.5cqw)}.MotionSample-module__H8EETa__ballShadow{background:color-mix(in srgb, var(--ds-kadr-fog) 45%, transparent);border-radius:50%;block-size:2cqw;inline-size:10cqw;inset-block-start:53.5cqw}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__ball{animation:1.6s 2 both MotionSample-module__H8EETa__ball-bounce,1.6s linear 2 both MotionSample-module__H8EETa__ball-travel}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__ballShadow{animation:1.6s 2 both MotionSample-module__H8EETa__ball-shadow,1.6s linear 2 both MotionSample-module__H8EETa__ball-travel}@keyframes MotionSample-module__H8EETa__ball-travel{0%{translate:0}to{translate:62cqw}}@keyframes MotionSample-module__H8EETa__ball-bounce{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(0)scale(.9,1.1)}30%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(36.5cqw)scale(1.3,.7)}52%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(16cqw)scale(.95,1.05)}70%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(36.5cqw)scale(1.2,.8)}82%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(27cqw)scale(1)}92%{transform:translateY(36.5cqw)scale(1.1,.9)}to{transform:translateY(36.5cqw)scale(1)}}@keyframes MotionSample-module__H8EETa__ball-shadow{0%{opacity:.2;scale:.4 1}30%,70%,92%,to{opacity:1;scale:1}52%{opacity:.45;scale:.6 1}82%{opacity:.7;scale:.8 1}}.MotionSample-module__H8EETa__loaderButton{background:var(--ds-color-accent);border-radius:6cqw;place-items:center;block-size:12cqw;inline-size:12cqw;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.MotionSample-module__H8EETa__loaderLabel,.MotionSample-module__H8EETa__loaderSpinner,.MotionSample-module__H8EETa__loaderCheck{grid-area:1/1}.MotionSample-module__H8EETa__loaderLabel{background:var(--ds-kadr-night);opacity:0;border-radius:1cqw;block-size:2cqw;inline-size:24cqw}.MotionSample-module__H8EETa__loaderSpinner{border:.9cqw solid color-mix(in srgb, var(--ds-kadr-night) 25%, transparent);border-block-start-color:var(--ds-kadr-night);opacity:0;border-radius:50%;block-size:6cqw;inline-size:6cqw}.MotionSample-module__H8EETa__loaderCheck{border-block-end:1cqw solid var(--ds-kadr-night);border-inline-end:1cqw solid var(--ds-kadr-night);block-size:5cqw;inline-size:2.6cqw;translate:0 -.6cqw;rotate:45deg}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__loaderButton{animation:2.6s cubic-bezier(.65,0,.35,1) both MotionSample-module__H8EETa__loader-button}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__loaderLabel{animation:2.6s both MotionSample-module__H8EETa__loader-label}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__loaderSpinner{animation:2.6s both MotionSample-module__H8EETa__loader-spinner-fade,.7s linear 3 MotionSample-module__H8EETa__loader-spin}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__loaderCheck{animation:2.6s cubic-bezier(.34,1.56,.64,1) both MotionSample-module__H8EETa__loader-check}@keyframes MotionSample-module__H8EETa__loader-button{0%,22%{background:var(--ds-kadr-paper);inline-size:44cqw;scale:1}26%{inline-size:44cqw;scale:.95}36%,76%{background:var(--ds-kadr-paper);inline-size:12cqw;scale:1}84%,to{background:var(--ds-color-accent);inline-size:12cqw}}@keyframes MotionSample-module__H8EETa__loader-label{0%,24%{opacity:1}32%,to{opacity:0}}@keyframes MotionSample-module__H8EETa__loader-spinner-fade{0%,34%{opacity:0}40%,74%{opacity:1}80%,to{opacity:0}}@keyframes MotionSample-module__H8EETa__loader-spin{to{rotate:360deg}}@keyframes MotionSample-module__H8EETa__loader-check{0%,80%{opacity:0;scale:0}92%,to{opacity:1;scale:1}}.MotionSample-module__H8EETa__row,.MotionSample-module__H8EETa__rowTail{border-radius:1cqw;position:absolute}.MotionSample-module__H8EETa__row{background:var(--ds-kadr-night-raised);block-size:9cqw;box-shadow:inset 0 0 0 1px var(--ds-kadr-night-line);opacity:0;inset-inline:12cqw}.MotionSample-module__H8EETa__row:first-child{inset-block-start:11cqw}.MotionSample-module__H8EETa__row:nth-child(2){inset-block-start:23cqw}.MotionSample-module__H8EETa__row:nth-child(3){inset-block-start:35cqw}.MotionSample-module__H8EETa__rowShared{background:var(--ds-kadr-paper);opacity:1;block-size:auto;inset:5cqw 8cqw}.MotionSample-module__H8EETa__rowTail{background:var(--ds-color-accent);block-size:26cqw;inset-block-start:10cqw;inset-inline:13cqw}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__row:not(.MotionSample-module__H8EETa__rowShared){animation:2.4s cubic-bezier(.65,0,.35,1) both MotionSample-module__H8EETa__row-leave}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__rowShared{animation:2.4s cubic-bezier(.65,0,.35,1) both MotionSample-module__H8EETa__row-expand}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__rowTail{animation:2.4s cubic-bezier(.16,1,.3,1) both MotionSample-module__H8EETa__row-tail}@keyframes MotionSample-module__H8EETa__row-leave{0%,28%{opacity:1;translate:0}42%,to{opacity:0;translate:0 3cqw}}@keyframes MotionSample-module__H8EETa__row-expand{0%,30%{background:var(--ds-kadr-night-raised);inset:23cqw 12cqw 30.5cqw}34%{background:var(--ds-kadr-paper)}72%,to{background:var(--ds-kadr-paper);inset:5cqw 8cqw}}@keyframes MotionSample-module__H8EETa__row-tail{0%,66%{opacity:0;translate:0 3cqw}90%,to{opacity:1;translate:0}}.MotionSample-module__H8EETa__logoFrame{border:1.4cqw solid var(--ds-kadr-paper);block-size:32cqw;inline-size:32cqw;position:absolute;inset-block-start:15cqw;inset-inline-start:18cqw}.MotionSample-module__H8EETa__logoKey{background:var(--ds-color-accent);block-size:10cqw;inline-size:10cqw;position:absolute;inset-block-start:26cqw;inset-inline-start:29cqw;rotate:45deg}.MotionSample-module__H8EETa__logoBar{background:var(--ds-kadr-paper);block-size:7cqw;inline-size:26cqw;position:absolute;inset-block-start:27.5cqw;inset-inline-start:56cqw}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__logoFrame{animation:2s cubic-bezier(.65,0,.35,1) both MotionSample-module__H8EETa__logo-frame}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__logoKey{animation:2s both MotionSample-module__H8EETa__logo-key}.MotionSample-module__H8EETa__stage[data-playing] .MotionSample-module__H8EETa__logoBar{animation:2s cubic-bezier(.16,1,.3,1) both MotionSample-module__H8EETa__logo-bar}@keyframes MotionSample-module__H8EETa__logo-frame{0%{clip-path:inset(0 100% 100% 0)}40%,to{clip-path:inset(0)}}@keyframes MotionSample-module__H8EETa__logo-key{0%,42%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);scale:0}66%,to{scale:1}}@keyframes MotionSample-module__H8EETa__logo-bar{0%,60%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.ExercisePreviewStage-module__ZagFSG__stage{align-self:start}.ExercisePreviewStage-module__ZagFSG__easingStage,.ExercisePreviewStage-module__ZagFSG__wordStage,.ExercisePreviewStage-module__ZagFSG__iconStage,.ExercisePreviewStage-module__ZagFSG__handoffStage{position:absolute;inset:0}.ExercisePreviewStage-module__ZagFSG__easingStage{align-content:center;gap:3cqw;padding-inline:8cqw;display:grid}.ExercisePreviewStage-module__ZagFSG__easingLane{border-block-end:1px solid var(--ds-kadr-night-line);block-size:9cqw;position:relative}.ExercisePreviewStage-module__ZagFSG__easingCard{background:var(--ds-kadr-paper);border-radius:1cqw;block-size:7cqw;inline-size:14cqw;position:absolute;inset-block-end:1cqw;inset-inline-start:0;translate:70cqw}.ExercisePreviewStage-module__ZagFSG__easeOut{background:var(--ds-color-accent)}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__easingCard{animation:1.4s 2 both ExercisePreviewStage-module__ZagFSG__easing-move}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__linear{animation-timing-function:linear}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__easeIn{animation-timing-function:cubic-bezier(.55,0,1,.45)}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__easeOut{animation-timing-function:cubic-bezier(0,.55,.45,1)}@keyframes ExercisePreviewStage-module__ZagFSG__easing-move{0%{translate:0}to{translate:70cqw}}.ExercisePreviewStage-module__ZagFSG__wordStage{justify-content:center;align-items:flex-end;gap:2.5cqw;padding-block-end:16cqw;display:flex}.ExercisePreviewStage-module__ZagFSG__wordBar{background:var(--ds-kadr-paper);transform-origin:50% 100%;block-size:30cqw;inline-size:9cqw}.ExercisePreviewStage-module__ZagFSG__wordBar:nth-child(3){background:var(--ds-color-accent)}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__wordBar{animation:1.2s cubic-bezier(.34,1.56,.64,1) 2 both ExercisePreviewStage-module__ZagFSG__word-pulse}@keyframes ExercisePreviewStage-module__ZagFSG__word-pulse{0%{scale:1 .15}45%{scale:1 1.12}to{scale:1}}.ExercisePreviewStage-module__ZagFSG__iconStage{place-items:center;display:grid}.ExercisePreviewStage-module__ZagFSG__iconRing,.ExercisePreviewStage-module__ZagFSG__iconHeart{grid-area:1/1}.ExercisePreviewStage-module__ZagFSG__iconRing{border:1cqw solid var(--ds-color-accent);opacity:0;border-radius:50%;block-size:30cqw;inline-size:30cqw}.ExercisePreviewStage-module__ZagFSG__iconHeart{block-size:22cqw;inline-size:22cqw;fill:var(--ds-color-accent)}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__iconHeart{animation:1.6s both ExercisePreviewStage-module__ZagFSG__icon-press}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__iconRing{animation:1.6s cubic-bezier(.16,1,.3,1) both ExercisePreviewStage-module__ZagFSG__icon-ring}@keyframes ExercisePreviewStage-module__ZagFSG__icon-press{0%,20%{fill:var(--ds-kadr-night-line);scale:1}35%{fill:var(--ds-kadr-night-line);animation-timing-function:cubic-bezier(.34,1.8,.64,1);scale:.78}60%,to{fill:var(--ds-color-accent);scale:1}}@keyframes ExercisePreviewStage-module__ZagFSG__icon-ring{0%,36%{opacity:0;scale:.5}45%{opacity:1}85%,to{opacity:0;scale:1.35}}.ExercisePreviewStage-module__ZagFSG__handoffStage{align-content:center;gap:3cqw;padding-inline:8cqw;display:grid}.ExercisePreviewStage-module__ZagFSG__handoffRow{border-block-end:1px solid var(--ds-kadr-night-line);block-size:7cqw;display:block}.ExercisePreviewStage-module__ZagFSG__handoffBar{background:var(--ds-kadr-paper);border-radius:.5cqw;block-size:5cqw;display:block}.ExercisePreviewStage-module__ZagFSG__handoffRow:first-child .ExercisePreviewStage-module__ZagFSG__handoffBar{inline-size:40%}.ExercisePreviewStage-module__ZagFSG__handoffRow:nth-child(2) .ExercisePreviewStage-module__ZagFSG__handoffBar{background:var(--ds-color-accent);inline-size:55%;margin-inline-start:18%}.ExercisePreviewStage-module__ZagFSG__handoffRow:nth-child(3) .ExercisePreviewStage-module__ZagFSG__handoffBar{inline-size:35%;margin-inline-start:50%}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__handoffBar{animation:1.2s cubic-bezier(.16,1,.3,1) both ExercisePreviewStage-module__ZagFSG__handoff-draw}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__handoffRow:nth-child(2) .ExercisePreviewStage-module__ZagFSG__handoffBar{animation-delay:.25s}.ExercisePreviewStage-module__ZagFSG__stage[data-playing] .ExercisePreviewStage-module__ZagFSG__handoffRow:nth-child(3) .ExercisePreviewStage-module__ZagFSG__handoffBar{animation-delay:.5s}@keyframes ExercisePreviewStage-module__ZagFSG__handoff-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}