@-webkit-keyframes metronome-example{0%{transform:scale(1)}to{transform:scale(0.5)}}@keyframes metronome-example{0%{transform:scale(1)}to{transform:scale(0.5)}}.q-avatar--metronome{-webkit-animation-name:metronome-example;animation-name:metronome-example;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;margin-bottom:2px;margin-left:4px}.text-left .subheading,.text-left .text-h2{color:rgba(0,0,0,0.54)}.card-wrapper{padding-left:16px;padding-right:16px}@-webkit-keyframes flipHeads{to{transform:rotateY(3780deg)}}@keyframes flipHeads{to{transform:rotateY(3780deg)}}@-webkit-keyframes flipTails{to{transform:rotateY(3600deg)}}@keyframes flipTails{to{transform:rotateY(3600deg)}}@-webkit-keyframes flipHeadsDone{to{transform:rotateY(180deg)}}@keyframes flipHeadsDone{to{transform:rotateY(180deg)}}@-webkit-keyframes flipTailsDone{to{transform:rotateY(0deg)}}@keyframes flipTailsDone{to{transform:rotateY(0deg)}}.heads{-webkit-animation:flipHeads 5s 1;animation:flipHeads 5s 1}.tails{-webkit-animation:flipTails 5s 1;animation:flipTails 5s 1}.headsDone{-webkit-animation:flipHeadsDone 0s 1;animation:flipHeadsDone 0s 1}.tailsDone{-webkit-animation:flipTailsDone 0s 1;animation:flipTailsDone 0s 1}span.coin-face{background:#fff url(https://static1.squarespace.com/static/5786a922cd0f688d44f9cab2/5786aa76fc0155c6b2110dd6/585d637559cc6871b4eccd82/1483061397189/quarter.png?format=500w) no-repeat 50%;background-size:64px 64px;right:auto;bottom:auto;margin-left:-32px;left:50%;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform-style:preserve-3d}span.coin-face,span.coin-face:before{display:block;width:64px;height:64px;color:green;font-family:sans-serif;position:absolute;text-align:center;line-height:64px;border-radius:32px;-webkit-backface-visibility:visible;backface-visibility:visible}span.coin-face:before{content:"";z-index:-1;background:#fff url(https://i2.wp.com/www.ericmacknight.com/abiqua/wp-content/uploads/2016/02/a-quarter.png) no-repeat 50%;background-size:64px 64px;top:0;right:0;bottom:0;left:0;transform:translateZ(4px)}span.coin-face:after{content:"";display:block;background:#fff;border-radius:5px;width:5px;height:64px;position:relative;top:0;left:50%;margin-left:-2.5px;transform:rotateY(90deg) translateX(-2px);-webkit-backface-visibility:visible;backface-visibility:visible;transform-style:preserve-3d}