:root{--hand-highlight:#159cc9}.keyboard-stage{padding-bottom:115px}.hands.unified-hands{opacity:.48;overflow:hidden;mask-image:linear-gradient(to bottom,var(--color-white) 60%,transparent 100%)}.unified-hands svg{display:block;width:100%;height:100%;overflow:visible}.hand-motion{transition:transform 180ms ease-out}.hand-tint{fill:none;stroke:var(--hand-highlight);stroke-width:85;stroke-linecap:round;opacity:.75}.is-pressing .active-hand .hand-tint{animation:hand-press 180ms ease-out}.keyboard-help{margin:-60px 0 24px}.key.active{box-shadow:inset 0 0 0 2px var(--color-accent-dark)}@keyframes hand-press{from{opacity:1}to{opacity:.75}}@media(prefers-reduced-motion:reduce){.hand-motion{transition:none}.is-pressing .active-hand .hand-tint{animation:none}}@media(max-width:767px),(pointer:coarse) and (max-width:1024px){.hands.unified-hands{display:none}.keyboard-stage{padding-bottom:0}}