.riskometer[data-v-bbda56d7] {
    --indicator-rotate: 0deg;
    --riskometer-width: 240px;
    --riskometer-height: calc(var(--riskometer-width) / 2);
    position: relative;
    display: flex;
    width: var(--riskometer-width);
    height: var(--riskometer-height);
    background-blend-mode: color-dodge;
    background: radial-gradient(at 50% var(--riskometer-height), transparent 50%, rgba(255, 255, 255, 0)), conic-gradient(from 270deg at bottom, #08a046 0, #08a046 30deg, #00cc1b 30deg, #00cc1b 60deg, #fe0 60deg, #fe0 90deg, #ffae07 90deg, #ffae07 120deg, #fc7a1e 120deg, #fc7a1e 150deg, #c80036 150deg, #c80036 180deg);
    border-radius: var(--riskometer-height) var(--riskometer-height) 0 0;
    justify-content: center;
    margin: 0 auto 30px;
    align-items: flex-end
}

.riskometer[data-v-bbda56d7]:before {
    --inner-circle-width-offset: calc(calc(var(--riskometer-height) * 20) / 100);
    --inner-circle-width: calc(var(--riskometer-height) + var(--inner-circle-width-offset));
    --inner-circle-height: calc(var(--inner-circle-width) / 2);
    width: var(--inner-circle-width);
    height: var(--inner-circle-height);
    background: #fff;
    z-index: 1;
    content: "";
    display: block;
    bottom: 0;
    border-radius: var(--inner-circle-width) var(--inner-circle-width) 0 0;
    position: absolute
}

.riskometer .indicator[data-v-bbda56d7] {
    --indicator-width-offset: calc(calc(var(--riskometer-height) * 10) / 100);
    --indicator-width: calc(var(--riskometer-height) - var(--indicator-width-offset));
    --indicator-height: calc(var(--indicator-width) / 2);
    width: var(--indicator-width);
    height: var(--indicator-height);
    position: absolute;
    z-index: 1
}

.riskometer .indicator[data-v-bbda56d7]:after {
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: absolute;
    top: calc(100% - 10px);
    left: 50%;
    margin-left: -10px;
    z-index: 1;
    background-color: var(--adminuiux-theme-accent-1);
    border: 2px solid var(--adminuiux-theme-1)
}

.riskometer .indicator[data-v-bbda56d7]:before {
    content: "";
    --arrow-width: calc(var(--riskometer-height) * .06);
    --arrow-height: calc(var(--riskometer-height) * .5);
    --arrow-width-double: calc(var(--arrow-width) * 2);
    display: block;
    border: var(--arrow-width) solid transparent;
    border-right: var(--arrow-height) solid var(--adminuiux-theme-1);
    position: absolute;
    width: calc(var(--riskometer-height) * .01);
    left: calc(var(--riskometer-height) * -.115);
    bottom: calc(var(--riskometer-height) * -.055);
    transform-origin: calc(var(--indicator-height) + var(--arrow-width-double)) var(--arrow-width);
    transition: rotate .2s;
    rotate: var(--indicator-rotate);
    z-index: 0
}