.pid-radial-progress{position:relative;display:inline-block;width:auto;height:auto}.pid-radial-progress .pid-radial{border-radius:50%;transition:transform 1s linear;transform:rotate(0)}.pid-radial-progress .pid-radial,.pid-radial-progress .pid-radial div{position:absolute;width:100%;height:100%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pid-radial-progress .pid-radial.pid-pie{transform:scale(1.2);background-color:#dbdbdb}.pid-radial-progress .pid-radial.pid-mask{background-color:#fff;transform:scale(1.1)}.pid-radial-progress .pid-radial .pid-right{right:0;transform-origin:0 50%;width:50%}.pid-radial-progress .pid-radial .pid-right .pid-radial{width:200%;right:0}.pid-radial-progress .pid-radial .pid-left{background-color:blue;left:0;transform-origin:100% 50%;width:50%}.pid-radial-progress .pid-radial .pid-left .pid-radial{width:200%;left:0}.pid-comment-avatar{width:50px;height:50px;display:inline-block}.pid-star{width:100px;height:100px;font-size:100px;margin:0;padding:0;line-height:100px;position:relative;display:inline-block}.pid-star .pid-star-bg{color:gray}.pid-star .pid-star-fg{color:#ff0;position:absolute;top:0;left:0;overflow:hidden}.pid-result.pid-result-top{margin-top:-1.8rem;margin-left:3rem;position:absolute}.pid-voting-bar{display:inline-block;text-align:center}.pid-voting-quantity{top:-25px;animation:pid-voting-quantity-animation 1s ease-in running;opacity:0}.pid-voting-message,.pid-voting-quantity{background-color:#0ea3a2;border-color:#00acb0;margin:0 auto;display:inline-block;padding:5px;border-radius:9999rem;position:absolute;font-size:12px}.pid-voting-message{top:-50px;animation:pid-voting-message-animation 2s ease-in running}.pid-voting-button.pid-upvote .pid-animation-active .pid-content{animation:pid-animation-upvote .5s ease-in running infinite}.pid-voting-button.pid-downvote .pid-animation-active .pid-content{animation:pid-animation-downvote .5s ease-in running infinite}@keyframes pid-animation-upvote{5%{transform:scale(1) rotate(0)}60%{transform:scale(1.3) rotate(-30deg)}95%{transform:scale(1) rotate(0)}}@keyframes pid-animation-downvote{20%{transform:scale(1) rotate(0)}60%{transform:scale(1.3) rotate(30deg)}80%{transform:scale(1) rotate(0)}}@keyframes pid-voting-message-animation{0%{transform:scale(1)}15%{transform:scale(1.1)}40%{transform:scale(1)}50%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-3px)}to{opacity:0;transform:translateY(-50px)}}@keyframes pid-voting-quantity-animation{0%{opacity:1;transform:scale(1)}15%{transform:scale(1.1)}40%{transform:scale(1)}50%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-3px)}to{opacity:0;transform:translateY(-50px)}}.pid-voting-button{display:inline-block;position:relative}.pid-voting-button-animation{opacity:0;animation:pid-voting-button-animation .2s ease-in running}.pid-voting-button-animation,.pid-voting-button-animation div{width:100%;height:100%;position:absolute;top:0;left:0}.pid-voting-button-animation .animation-unit>div{transform:translate(-20%,-20%);animation:pid-voting-button-animation-unit .2s ease-in running}.pid-voting-button-animation .animation-unit>div:before{position:absolute;top:0;left:0;content:""}.pid-voting-button-animation .animation-unit>div.animation-dot:before{width:10%;height:10%;background-color:#006eb3;border-radius:50%}.pid-voting-button-animation .animation-unit>div.animation-triangle:before{width:0;height:0;border-top:1px solid transparent;border-bottom:2px solid transparent;border-left:6px solid #ee6f70;transform:rotate(45deg)}@keyframes pid-voting-button-animation{0%{opacity:1}to{opacity:0}}@keyframes pid-voting-button-animation-unit{0%{transform:translate(-10%,-10%)}to{transform:translate(-50%,-50%)}}.pid-reaction-button{display:inline-block;position:relative}
/*# sourceMappingURL=app.ad81a9cc5dbc9883887b5d30176488b6.css.map */