/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
:root{--el-fill-color-light:#f5f9ff;--el-border-color:#eee}.circle-container{z-index:2;cursor:pointer;background:#e7e7e7;border-radius:100%;width:100px;height:100px;position:relative;box-shadow:0 0 6px 4px #34a8531a}.circle-container.ing:before{background:#4485f5;animation:1s infinite reverse doing}.circle-container.ing .circle-end{background:#4485f5;animation:1s infinite doing}.circle-container.ing .circle{background:conic-gradient(from 0deg, #4485f5 var(--percentage), transparent 0)}@keyframes doing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circle-container.warn:before,.circle-container.warn .circle-end{background:#fcbc05}.circle-container.warn .circle{background:conic-gradient(from 0deg, #fcbc05 var(--percentage), transparent 0)}.circle-container.danger:before,.circle-container.danger .circle-end{background:#e94234}.circle-container.danger .circle{background:conic-gradient(from 0deg, #e94234 var(--percentage), transparent 0)}.circle-container:before,.circle-container .circle-end{z-index:1;content:"";transform-origin:5px 50px;background:#34a853;border-radius:100%;width:10px;height:10px;transition:all .3s;position:absolute;left:45px}.circle{z-index:1;background:conic-gradient(from 0deg, #34a853 var(--percentage), transparent 0);clip-path:circle(50%);border-radius:50%;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.circle-mark{z-index:2;background:#fff;border-radius:100%;width:80px;height:80px;position:absolute;top:10px;left:10px;box-shadow:0 0 5px 1px #0000000d}.percentage-text{z-index:3;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}