circle {
    cursor: default;
    fill: #FFBD33;
    stroke: #FF5733;
    stroke-width: 0;
    r: var(--node-r);
}

    circle.setting:hover {
        stroke-width: 0.02px;
        cursor: pointer;
    }

    circle.setting:active {
        stroke-width: 0.02px;
        stroke: green;
    }

    circle.active {
        stroke-width: 0.02px;
        stroke: green;
    }

    circle:hover + text.setting {
        transition-delay: 0.1s;
        font-weight: bold;
    }

    circle + text {
        transition-delay: 0.3s;
        font-size: 0.01em;
        font-weight: normal;
    }

text {
    dominant-baseline: middle;
    text-anchor: middle;
    fill: red;
    transform: scale(1, -1);
    user-select: none;
}