.bell-clapper{animation:bell-clapper-idle var(--bell-idle-duration,3.5s) ease-in-out infinite alternate;animation-delay:.5s}.bell-clapper,.bell-clapper-rocker{transform-box:fill-box;transform-origin:50% 0}.bell-clapper.ringing .bell-clapper-rocker{animation:bell-clapper-ring var(--bell-ring-duration,3s) cubic-bezier(.33,0,.4,1) forwards}.bell-clapper-ball{transform-box:fill-box;transform-origin:50% 50%;animation:bell-clapper-ball-breath 5.7s ease-in-out infinite alternate}@keyframes bell-clapper-idle{0%{transform:translateX(var(--bell-clapper-idle-from,40%))}to{transform:translateX(var(--bell-clapper-idle-to,10%))}}@keyframes bell-clapper-ring{0%{transform:translateX(0) rotate(0deg)}7%{transform:translateX(calc(var(--bell-ring-swing, 200px) * -1)) rotate(-15deg)}21%{transform:translateX(calc(var(--bell-ring-swing, 200px) * .78)) rotate(12deg)}35%{transform:translateX(calc(var(--bell-ring-swing, 200px) * -.58)) rotate(-9deg)}49%{transform:translateX(calc(var(--bell-ring-swing, 200px) * .4)) rotate(6deg)}63%{transform:translateX(calc(var(--bell-ring-swing, 200px) * -.25)) rotate(-4deg)}77%{transform:translateX(calc(var(--bell-ring-swing, 200px) * .12)) rotate(2deg)}88%{transform:translateX(calc(var(--bell-ring-swing, 200px) * -.05)) rotate(-.7deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes bell-clapper-ball-breath{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}