.progress-circle-container[data-v-9559cfbc]{display:inline-block;text-align:center;margin:10px}.circle-wrapper[data-v-9559cfbc]{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:3px;background:var(--wrapper-gradient,linear-gradient(1turn,#05f,#3ef))}.circle-wrapper[data-v-9559cfbc],.the-circle[data-v-9559cfbc]{border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease}.the-circle[data-v-9559cfbc]{position:relative;width:var(--circle-size,106px);height:var(--circle-size,106px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;cursor:pointer}.water-layer[data-v-9559cfbc]{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--water-gradient,linear-gradient(1turn,#05f,#33d6ff));border-radius:50%;overflow:hidden;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease}.water-layer[data-v-9559cfbc]:after{top:var(--after-top,0);width:162%;height:162%;border-radius:40%;background-color:#041839;-webkit-animation:waterReal-9559cfbc 5s linear infinite;animation:waterReal-9559cfbc 5s linear infinite;-webkit-transform:translate(-50%,-66%) rotate(0deg);transform:translate(-50%,-66%) rotate(0deg)}.water-layer[data-v-9559cfbc]:after,.water-layer[data-v-9559cfbc]:before{content:"";position:absolute;left:50%;-webkit-transition:top .8s ease;transition:top .8s ease}.water-layer[data-v-9559cfbc]:before{top:var(--before-top,0);width:150%;height:150%;border-radius:42%;background:var(--water-before-gradient,linear-gradient(1turn,#a3c0ff,#acecff));opacity:1;-webkit-animation:waterVirtual-9559cfbc 8s linear infinite;animation:waterVirtual-9559cfbc 8s linear infinite;-webkit-transform:translate(-50%,-60%) scale(1) rotate(0deg);transform:translate(-50%,-60%) scale(1) rotate(0deg)}.centered-text[data-v-9559cfbc]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:calc(var(--circle-size, 106px)*0.15);text-shadow:1px 1px 3px rgba(0,0,0,.7);z-index:2}.circle-title[data-v-9559cfbc]{width:118px;text-align:center;font-size:14px;margin-top:12px;color:#333;font-weight:500}@-webkit-keyframes waterReal-9559cfbc{0%{-webkit-transform:translate(-50%,-66%) rotate(0deg);transform:translate(-50%,-66%) rotate(0deg)}to{-webkit-transform:translate(-50%,-66%) rotate(1turn);transform:translate(-50%,-66%) rotate(1turn)}}@keyframes waterReal-9559cfbc{0%{-webkit-transform:translate(-50%,-66%) rotate(0deg);transform:translate(-50%,-66%) rotate(0deg)}to{-webkit-transform:translate(-50%,-66%) rotate(1turn);transform:translate(-50%,-66%) rotate(1turn)}}@-webkit-keyframes waterVirtual-9559cfbc{0%{-webkit-transform:translate(-50%,-60%) scale(1) rotate(0deg);transform:translate(-50%,-60%) scale(1) rotate(0deg)}to{-webkit-transform:translate(-50%,-60%) scale(1) rotate(1turn);transform:translate(-50%,-60%) scale(1) rotate(1turn)}}@keyframes waterVirtual-9559cfbc{0%{-webkit-transform:translate(-50%,-60%) scale(1) rotate(0deg);transform:translate(-50%,-60%) scale(1) rotate(0deg)}to{-webkit-transform:translate(-50%,-60%) scale(1) rotate(1turn);transform:translate(-50%,-60%) scale(1) rotate(1turn)}}@media (max-width:768px){.progress-circle-container[data-v-9559cfbc]{margin:8px}.the-circle[data-v-9559cfbc]{width:80px;height:80px}.circle-title[data-v-9559cfbc]{width:100px;font-size:12px}}