@import (reference) "~examples/faas-ui/less/ui.less";

.svg-circle {
    text-align: center;
}
.path-base {
    stroke: fade(@color-base, 10%);
    stroke-linecap: round;
}
.path-fill {
    stroke: @color-primary;
    stroke-dashoffset: 0;
    animation: dash 1s linear;
}
@keyframes dash{
    0%{
        stroke-dashoffset: 200;
    }
    100%{
        stroke-dashoffset: 0;
    }
}
.svg-circle-count {
    font-size: @font-size-lger;
    font-weight: bold;
    text-anchor: middle;
    dominant-baseline: middle;
}
.amount-tip {
    font-size: @font-size-xs;
    color: fade(@color-base, 40%);
    margin-top: 8px;
}