.ball[data-v-2f58da29]{width:100%;height:100%;position:relative}.ball .ball-border-outer[data-v-2f58da29]{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes rotate2-data-v-2f58da29{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.ball .ball-border-inner[data-v-2f58da29]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:0 0;width:79%;height:79%}@keyframes rotate1-data-v-2f58da29{0%{transform:rotate(0deg) translate(-50%,-50%)}to{transform:rotate(1turn) translate(-50%,-50%)}}.ball .ball-water[data-v-2f58da29]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68%;height:68%;border-radius:50%;border:.6px solid var(--color);box-shadow:inset 0 0 16px 0 var(--color);overflow:hidden}.ball .ball-water .ball-water-inner[data-v-2f58da29]{width:100%;height:100%;position:absolute;left:0;bottom:calc(-131% + var(--per))}.ball .ball-water .box-waves[data-v-2f58da29]{position:absolute;left:0;bottom:100%;width:200%;stroke:none}.ball .ball-water .box-waves[data-v-2f58da29]:first-child{transform:translate(-50%);z-index:3;animation:wave-move1-data-v-2f58da29 1.5s linear infinite;margin-bottom:-2px;bottom:0}.ball .ball-water .box-waves[data-v-2f58da29]:nth-child(2){opacity:.5;transform:translate(0);z-index:2;animation:wave-move2-data-v-2f58da29 3s linear infinite}@keyframes wave-move1-data-v-2f58da29{to{transform:translate(0)}}@keyframes wave-move2-data-v-2f58da29{to{transform:translate(-50%)}}.ball .ball-value[data-v-2f58da29]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;width:60%;overflow:hidden}.ball .ball-value .ball-value-text[data-v-2f58da29]{max-width:100%;font-family:D-DIN Bold;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ball .ball-value .ball-value-unit[data-v-2f58da29]{max-width:100%;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}