@keyframes shake{0%,to{transform:translate(0) rotate(0deg)}10%,30%,50%,70%,90%{transform:translate(-3px,-1px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(3px,1px) rotate(1deg)}15%,55%,95%{transform:translate(-2px,2px) rotate(0deg)}35%,75%{transform:translate(2px,-2px) rotate(-1deg)}}.shaking{animation:shake .5s ease-in-out infinite}.shaker-container{perspective:1000px;position:relative;width:240px;height:240px;margin:0 auto;display:flex;justify-content:center;align-items:center;z-index:20}.shaker-plate{width:100%;height:100%;inset:0;z-index:10}.shaker-lid,.shaker-plate{position:absolute;display:flex;justify-content:center;align-items:center;background:transparent;border:none;box-shadow:none;border-radius:50%;overflow:hidden}.shaker-lid{width:70%;height:70%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform-origin:center bottom}.shaker-lid.open{transform:translateY(-200px) scale(.8);opacity:0;pointer-events:none}