.finger-wrapper{--skin-color:#1f1f1f;--tap-speed:0.6s;--tap-stagger:0.1s;position:relative;width:80px;height:60px;margin-left:80px;opacity:.3}.finger-wrapper:before{content:"";display:block;width:180%;height:75%;position:absolute;top:70%;right:20%;background-color:#000;border-radius:40px 10px;filter:blur(10px);opacity:.3}.finger-2{display:block;width:100%;height:100%;top:0;left:0;border-radius:10px 40px}.finger-1,.finger-2{position:absolute;background-color:var(--skin-color)}.finger-1{width:120%;height:38px;bottom:-18%;right:1%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-20deg);border-radius:30px 20px 20px 10px;border-bottom:2px solid rgba(0,0,0,.1);border-left:2px solid rgba(0,0,0,.1)}.finger-1:after{width:20%;height:60%;content:"";background-color:hsla(0,0%,100%,.3);position:absolute;bottom:-8%;left:5px;border-radius:60% 10% 10% 30%;border-right:2px solid rgba(0,0,0,.05)}.finger{width:80%;height:35px;bottom:32%;right:64%;transform-origin:100% 20px;animation-duration:calc(var(--tap-speed) * 2);animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform:rotate(10deg)}.finger,.finger:before{position:absolute;background-color:var(--skin-color)}.finger:before{content:"";width:140%;height:30px;bottom:8%;right:65%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-60deg);border-radius:20px}.finger:first-child{animation-delay:0;filter:brightness(70%);animation-name:tap-upper-1}.finger:nth-child(2){animation-delay:var(--tap-stagger);filter:brightness(80%);animation-name:tap-upper-2}.finger:nth-child(3){animation-delay:calc(var(--tap-stagger) * 2);filter:brightness(90%);animation-name:tap-upper-3}.finger:nth-child(4){animation-delay:calc(var(--tap-stagger) * 3);filter:brightness(100%);animation-name:tap-upper-4}@keyframes tap-upper-1{0%,50%,to{transform:rotate(10deg) scale(.4)}40%{transform:rotate(50deg) scale(.4)}}@keyframes tap-upper-2{0%,50%,to{transform:rotate(10deg) scale(.6)}40%{transform:rotate(50deg) scale(.6)}}@keyframes tap-upper-3{0%,50%,to{transform:rotate(10deg) scale(.8)}40%{transform:rotate(50deg) scale(.8)}}@keyframes tap-upper-4{0%,50%,to{transform:rotate(10deg) scale(1)}40%{transform:rotate(50deg) scale(1)}}