/* Figma source: Kinetik marka / 02 and Açılış 09 / Mor – Beyaz.
   Original timing and easing retained; px translations scale with the 390px phone. */
.live-device.motion-ready .kinetic-preview .preview-aura{animation: kf_8847_9408_translate_0 3s linear, kf_8847_9408_scale_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8847_9408_translate_0 { 0% { animation-timing-function: ease-in-out; translate: -6.410256cqw 0.000000cqw; } 50% { animation-timing-function: ease-in-out; translate: 7.692308cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } } @keyframes kf_8847_9408_scale_0 { 0% { animation-timing-function: ease-in-out; scale: 0.9 0.9; } 50% { animation-timing-function: ease-in-out; scale: 1.12 1.12; } 100% { scale: 1 1; } }
.live-device.motion-ready .kinetic-preview .preview-copy{animation: kf_8847_9386_opacity_0 3s linear, kf_8847_9386_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8847_9386_opacity_0 { 0% { opacity: 0; } 10% { animation-timing-function: ease-out; opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8847_9386_translate_0 { 0% { translate: 0.000000cqw 2.564103cqw; } 10% { animation-timing-function: ease-out; translate: 0.000000cqw 2.564103cqw; } 28.333% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .kinetic-preview .preview-heading{animation: kf_8847_9417_opacity_0 3s linear, kf_8847_9417_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8847_9417_opacity_0 { 0% { animation-timing-function: ease-out; opacity: 0; } 18.333% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8847_9417_translate_0 { 0% { animation-timing-function: ease-out; translate: 0.000000cqw -6.153846cqw; } 23.333% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .kinetic-preview .preview-symbol{animation: kf_8847_9424_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8847_9424_translate_0 { 0% { animation-timing-function: ease-out; translate: 0.000000cqw -3.076923cqw; } 20% { animation-timing-function: ease-in-out; translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw -2.051282cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9021"]{animation: kf_8836_9021_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9021_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 3.333% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 6.667% { animation-timing-function: ease-out; translate: 0.000000cqw 2.307692cqw; } 12.667% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9022"]{animation: kf_8836_9022_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9022_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 6% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 9.333% { animation-timing-function: ease-out; translate: 0.000000cqw 1.794872cqw; } 15.333% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9023"]{animation: kf_8836_9023_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9023_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 8.667% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 12% { animation-timing-function: ease-out; translate: 0.000000cqw 1.282051cqw; } 18% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9025"]{animation: kf_8836_9025_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9025_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 13.333% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 16.667% { animation-timing-function: ease-out; translate: 0.000000cqw 3.589744cqw; } 21.667% { animation-timing-function: ease-in-out; translate: 0.000000cqw -0.512821cqw; } 26.667% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9027"]{animation: kf_8836_9027_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9027_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 17% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 20.333% { animation-timing-function: ease-out; translate: 0.000000cqw 3.589744cqw; } 25.333% { animation-timing-function: ease-in-out; translate: 0.000000cqw -0.512821cqw; } 30.333% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9029"]{animation: kf_8836_9029_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9029_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 20.667% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 24% { animation-timing-function: ease-out; translate: 0.000000cqw 3.589744cqw; } 29% { animation-timing-function: ease-in-out; translate: 0.000000cqw -0.512821cqw; } 34% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9031"]{animation: kf_8836_9031_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9031_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 24.333% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 27.667% { animation-timing-function: ease-out; translate: 0.000000cqw 3.589744cqw; } 32.667% { animation-timing-function: ease-in-out; translate: 0.000000cqw -0.512821cqw; } 37.667% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9034"]{animation: kf_8836_9034_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9034_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 28% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 31.333% { animation-timing-function: ease-out; translate: 0.000000cqw 3.589744cqw; } 36.333% { animation-timing-function: ease-in-out; translate: 0.000000cqw -0.512821cqw; } 41.333% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9036"]{animation: kf_8836_9036_translate_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9036_translate_0 { 0% { translate: 0.000000cqw 0.000000cqw; } 31.667% { animation-timing-function: ease-in; translate: 0.000000cqw 0.000000cqw; } 35% { animation-timing-function: ease-out; translate: 0.000000cqw 3.589744cqw; } 40% { animation-timing-function: ease-in-out; translate: 0.000000cqw -0.512821cqw; } 45% { translate: 0.000000cqw 0.000000cqw; } 100% { translate: 0.000000cqw 0.000000cqw; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9038"]{animation: kf_8836_9038_opacity_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9038_opacity_0 { 0% { opacity: 0; } 33.333% { animation-timing-function: ease-out; opacity: 0; } 41.667% { opacity: 1; } 100% { opacity: 1; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9039"]{animation: kf_8836_9039_opacity_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9039_opacity_0 { 0% { opacity: 0; } 33.333% { animation-timing-function: ease-out; opacity: 0; } 41.667% { opacity: 1; } 100% { opacity: 1; } }
.live-device.motion-ready .piano-preview [data-motion-node="8836:9040"]{animation: kf_8836_9040_opacity_0 3s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8836_9040_opacity_0 { 0% { opacity: 0; } 43.333% { animation-timing-function: ease-out; opacity: 0; } 51.667% { opacity: 1; } 100% { opacity: 1; } }
.reduce-motion .live-device *, .live-device:not(.is-visible) *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.live-device *{animation:none!important}}
.reduce-motion .live-device *{animation:none!important}