.hw-ob{display:block;overflow:visible}.hw-ob *{transform-box:fill-box}.hw-ob-arm{transform-origin:3% 100%;transition:transform .22s cubic-bezier(.3,1.4,.5,1);transform:rotate(-14deg)}.hw-ob-disc{transform-origin:50%}.hw-ob-out,.hw-ob-glass{transition:transform .36s cubic-bezier(.3,1.3,.5,1)}.hw-ob-hl{transform-origin:0}.hw-ob-key{transition:transform .14s var(--hw-ease)}.hw-ob-glow{transition:opacity .24s var(--hw-ease)}.hw-ob-lid{transform-origin:8% 100%;transition:transform .3s var(--hw-spring)}.hw-ob-peek{transition:transform .3s var(--hw-spring);transform:translateY(5px)}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-lid,.obj[aria-expanded=true] .hw-ob-lid{transform:rotate(-12deg)}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-peek,.obj[aria-expanded=true] .hw-ob-peek{transform:translateY(0)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-flash{animation:1s ease-in-out infinite hw-ob-flash}@keyframes hw-ob-flash{0%,55%,to{opacity:.25}60%,78%{opacity:1}}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-arm,.hw-obj.on .hw-ob-arm{animation:.8s cubic-bezier(.4,0,.2,1) infinite hw-ob-clap}@keyframes hw-ob-clap{0%,to{transform:rotate(-14deg)}40%{transform:rotate(0)}55%{transform:rotate(-3deg)}}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-out{transform:translate(4px)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-disc,.hw-obj.on .hw-ob-disc{animation:1.8s linear infinite hw-hw-spin}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-glass{transform:translate(-6px,-7px)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-hl{animation:hw-ob-hl 1s var(--hw-ease) both}@keyframes hw-ob-hl{0%{transform:scaleX(0)}}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(2){animation:.9s ease-in-out infinite hw-ob-press}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(3){animation:.9s ease-in-out .15s infinite hw-ob-press}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(4){animation:.9s ease-in-out .3s infinite hw-ob-press}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(5){animation:.9s ease-in-out .45s infinite hw-ob-press}@keyframes hw-ob-press{0%,30%,to{transform:translateY(0)}15%{transform:translateY(1.6px)}}:is(.hw-obj,.hw-ideas,.hw-capc):is(:hover,.demo-hover) .hw-ob-glow{opacity:.35}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-land{animation:3s linear infinite hw-ob-land}@keyframes hw-ob-land{to{transform:translate(-32px)}}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-caret{animation:1s steps(2,end) infinite hw-ob-blink}@keyframes hw-ob-blink{50%{opacity:0}}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-page,.hw-obj.on .hw-ob-page{animation:2.4s ease-in-out infinite hw-ob-scroll}@keyframes hw-ob-scroll{0%,15%{transform:translateY(0)}55%,70%{transform:translateY(-10px)}to{transform:translateY(0)}}.hw-ob-pad{transform-origin:50% 70%;transition:transform .3s var(--hw-spring)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-pad{transform:rotate(-6deg)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-btn:first-of-type,.hw-obj.on .hw-ob-btn:first-of-type{animation:.7s ease-in-out infinite hw-ob-tap}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-btn:nth-of-type(2),.hw-obj.on .hw-ob-btn:nth-of-type(2){animation:.7s ease-in-out .35s infinite hw-ob-tap}@keyframes hw-ob-tap{0%,40%,to{transform:scale(1)}20%{transform:scale(.7)}}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-wave,.hw-obj.on .hw-ob-wave{animation:1.2s ease-out infinite hw-ob-wave}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-wave.w2,.hw-obj.on .hw-ob-wave.w2{animation-delay:.3s}@keyframes hw-ob-wave{0%{opacity:0}30%{opacity:1}to{opacity:0}}.hw-scene{width:100%;height:100%;display:block;overflow:visible}.hw-scene *{transform-box:fill-box}.hw-sc-print{transform-origin:50% 100%;transform:rotate(var(--r));transition:transform .42s cubic-bezier(.3,1.3,.5,1)}.hw-capc:is(:hover,.demo-hover) .hw-sc-print{transform:rotate(calc(var(--r) * 1.6)) translateY(-4px)}.hw-sc-reel{transition:none}.hw-capc:is(:hover,.demo-hover) .hw-sc-reel,.hw-capt:hover .hw-sc-reel{animation:1.8s linear infinite hw-sc-reel}@keyframes hw-sc-reel{to{transform:translate(-168px)}}.hw-sc-bar{transform-origin:50% 100%}.hw-capc:is(:hover,.demo-hover) .hw-sc-bar,.hw-capt:hover .hw-sc-bar{animation:.7s ease-in-out infinite alternate hw-sc-bar}@keyframes hw-sc-bar{to{transform:scaleY(.45)}}.hw-sc-notes{transition:transform .6s var(--hw-ease)}.hw-capc:is(:hover,.demo-hover) .hw-sc-notes{transform:translateY(-6px)}.hw-capc:is(:hover,.demo-hover) .hw-sc-src{animation:hw-sc-src .5s var(--hw-ease) both}@keyframes hw-sc-src{0%{opacity:0;transform:translate(10px)}}.hw-capc:is(:hover,.demo-hover) .hw-sc-blk,.hw-capt:hover .hw-sc-blk{animation:hw-sc-blk .5s var(--hw-ease) both;animation-delay:var(--d)}@keyframes hw-sc-blk{0%{opacity:0;transform:translateY(8px)}}.hw-capc:is(:hover,.demo-hover) .hw-sc-hop,.hw-capt:hover .hw-sc-hop{animation:hw-sc-hop 1.1s var(--hw-ease) infinite}@keyframes hw-sc-hop{0%,to{transform:translate(0)}45%{transform:translate(28px,-34px)}70%{transform:translate(52px,-20px)}}.hw-capc:is(:hover,.demo-hover) .hw-sc-coin,.hw-capt:hover .hw-sc-coin{transform-origin:50%;animation:.8s linear infinite hw-sc-coin}@keyframes hw-sc-coin{50%{transform:scaleX(.15)}}.hw-sc-said{stroke-dasharray:60;stroke-dashoffset:0}.hw-capc:is(:hover,.demo-hover) .hw-sc-said,.hw-capt:hover .hw-sc-said{animation:1.6s linear infinite hw-sc-said}@keyframes hw-sc-said{0%{opacity:.25}}@media (prefers-reduced-motion:reduce){.hw-ob *,.hw-scene *{transition:none!important;animation:none!important}}