.kb-demo[data-astro-cid-ceab72rx]{margin:0;width:100%}.kb-demo[data-astro-cid-ceab72rx] svg[data-astro-cid-ceab72rx]{width:100%;height:auto;display:block;border-radius:14px}.kb-demo[data-astro-cid-ceab72rx] figcaption[data-astro-cid-ceab72rx]{text-align:center;font-size:.75rem;color:#f2e6cc66;margin-top:.75rem;font-style:italic}.hold-inactive[data-astro-cid-ceab72rx]{animation:holdInactive 6s ease-in-out infinite}.hold-active[data-astro-cid-ceab72rx]{opacity:0;animation:holdActive 6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,217,102,.7))}.hold-icon-inactive[data-astro-cid-ceab72rx]{animation:holdInactive 6s ease-in-out infinite}.hold-icon-active[data-astro-cid-ceab72rx]{opacity:0;animation:holdActive 6s ease-in-out infinite}@keyframes holdInactive{0%,15%{opacity:1}22%,88%{opacity:0}93%,to{opacity:1}}@keyframes holdActive{0%,15%{opacity:0}22%,88%{opacity:1}93%,to{opacity:0}}.finger1[data-astro-cid-ceab72rx]{opacity:0;animation:finger1Show 6s ease-in-out infinite}@keyframes finger1Show{0%,10%{opacity:0}17%,88%{opacity:1}93%,to{opacity:0}}.finger2[data-astro-cid-ceab72rx]{opacity:0;animation:finger2Show 6s ease-in-out infinite}.finger2-pos[data-astro-cid-ceab72rx]{animation:finger2Move 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes finger2Show{0%,22%{opacity:0}28%,83%{opacity:1}88%,to{opacity:0}}@keyframes finger2Move{0%,28%{transform:translate(520px,130px)}53%,58%{transform:translate(220px,130px)}83%,to{transform:translate(520px,130px)}}.keys-strip[data-astro-cid-ceab72rx]{animation:keysScroll 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes keysScroll{0%,28%{transform:translate(0)}53%,58%{transform:translate(-300px)}83%,to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hold-inactive[data-astro-cid-ceab72rx],.hold-active[data-astro-cid-ceab72rx],.hold-icon-inactive[data-astro-cid-ceab72rx],.hold-icon-active[data-astro-cid-ceab72rx],.finger1[data-astro-cid-ceab72rx],.finger2[data-astro-cid-ceab72rx],.finger2-pos[data-astro-cid-ceab72rx],.keys-strip[data-astro-cid-ceab72rx]{animation:none}.hold-inactive[data-astro-cid-ceab72rx],.hold-icon-inactive[data-astro-cid-ceab72rx]{opacity:0}.hold-active[data-astro-cid-ceab72rx],.hold-icon-active[data-astro-cid-ceab72rx],.finger1[data-astro-cid-ceab72rx],.finger2[data-astro-cid-ceab72rx]{opacity:1}.finger2-pos[data-astro-cid-ceab72rx]{transform:translate(360px,130px)}.keys-strip[data-astro-cid-ceab72rx]{transform:translate(-160px)}}.kb-zoom-demo[data-astro-cid-vj5o63fl]{margin:0;width:100%}.kb-zoom-demo[data-astro-cid-vj5o63fl] svg[data-astro-cid-vj5o63fl]{width:100%;height:auto;display:block;border-radius:14px}.kb-zoom-demo[data-astro-cid-vj5o63fl] figcaption[data-astro-cid-vj5o63fl]{text-align:center;font-size:.75rem;color:#f2e6cc66;margin-top:.75rem;font-style:italic}.hold-inactive[data-astro-cid-vj5o63fl]{animation:zHoldInactive 6s ease-in-out infinite}.hold-active[data-astro-cid-vj5o63fl]{opacity:0;animation:zHoldActive 6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,217,102,.7))}.hold-icon-inactive[data-astro-cid-vj5o63fl]{animation:zHoldInactive 6s ease-in-out infinite}.hold-icon-active[data-astro-cid-vj5o63fl]{opacity:0;animation:zHoldActive 6s ease-in-out infinite}@keyframes zHoldInactive{0%,15%{opacity:1}22%,88%{opacity:0}93%,to{opacity:1}}@keyframes zHoldActive{0%,15%{opacity:0}22%,88%{opacity:1}93%,to{opacity:0}}.finger1[data-astro-cid-vj5o63fl]{opacity:0;animation:zFinger1Show 6s ease-in-out infinite}@keyframes zFinger1Show{0%,10%{opacity:0}17%,88%{opacity:1}93%,to{opacity:0}}.finger2[data-astro-cid-vj5o63fl],.finger3[data-astro-cid-vj5o63fl]{opacity:0;animation:zFingerShow 6s ease-in-out infinite}.finger-zoom-pos-2[data-astro-cid-vj5o63fl]{animation:zFinger2Move 6s cubic-bezier(.4,0,.2,1) infinite}.finger-zoom-pos-3[data-astro-cid-vj5o63fl]{animation:zFinger3Move 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes zFingerShow{0%,22%{opacity:0}28%,83%{opacity:1}88%,to{opacity:0}}@keyframes zFinger2Move{0%,28%{transform:translate(260px,170px)}53%,58%{transform:translate(260px,60px)}83%,to{transform:translate(260px,170px)}}@keyframes zFinger3Move{0%,28%{transform:translate(360px,180px)}53%,58%{transform:translate(360px,70px)}83%,to{transform:translate(360px,180px)}}.keys-strip[data-astro-cid-vj5o63fl]{transform-origin:0 120px;animation:zKeysZoom 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes zKeysZoom{0%,28%{transform:scaleX(1)}53%,58%{transform:scaleX(1.5)}83%,to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hold-inactive[data-astro-cid-vj5o63fl],.hold-active[data-astro-cid-vj5o63fl],.hold-icon-inactive[data-astro-cid-vj5o63fl],.hold-icon-active[data-astro-cid-vj5o63fl],.finger1[data-astro-cid-vj5o63fl],.finger2[data-astro-cid-vj5o63fl],.finger3[data-astro-cid-vj5o63fl],.finger-zoom-pos-2[data-astro-cid-vj5o63fl],.finger-zoom-pos-3[data-astro-cid-vj5o63fl],.keys-strip[data-astro-cid-vj5o63fl]{animation:none}.hold-inactive[data-astro-cid-vj5o63fl],.hold-icon-inactive[data-astro-cid-vj5o63fl]{opacity:0}.hold-active[data-astro-cid-vj5o63fl],.hold-icon-active[data-astro-cid-vj5o63fl],.finger1[data-astro-cid-vj5o63fl],.finger2[data-astro-cid-vj5o63fl],.finger3[data-astro-cid-vj5o63fl]{opacity:1}.finger-zoom-pos-2[data-astro-cid-vj5o63fl]{transform:translate(260px,90px)}.finger-zoom-pos-3[data-astro-cid-vj5o63fl]{transform:translate(360px,100px)}.keys-strip[data-astro-cid-vj5o63fl]{transform:scaleX(1.35)}}