#wuxing-svg {
    max-width: 100%;
    max-height: 100%; 
    margin: 0 auto;
}

.tenGods {
    font-size: 12px;
    fill: #7d7676;
}

/* Круг баланса ИНЬ/ЯН */

.center-circle {
    fill: none;
    stroke: #999;
    stroke-width: 1;
}

.fill-center {opacity: 0.5;}
.fill-in {fill: #007bff;}
.fill-yan {fill: #f44336;}

/* линии пораждения */
.cycle-line {
    stroke: #bbb;
    stroke-width: 1.5;
    fill: none;
}
.cycle-arrow {fill: #bbb}

/* линии угнетения */
.pentagram-line {
    stroke: #e5c0c0;
    stroke-width: 1;
    stroke-dasharray: 3,3;
    fill: none;
}
.pentagram-arrow {fill: #e5c0c0;}


/* Круги 5 стихий */
.element-circle {
    fill: #ffffff;
    stroke-width: 2.5;
}

.wave-divider {
    stroke-width: 1;
    fill: none;
}

.right-half {opacity: 0.2;}
.left-half {opacity: 0.05;}
.fill-percent {opacity: 0.5;}

.corner-var {
    font-size: 14px;
    pointer-events: none;
    text-anchor: middle;
    dominant-baseline: middle;
}

.top-left-var {transform: translate(-15px, -15px);}
.top-right-var {transform: translate(25px, -15px);}
.bottom-left-var {transform: translate(-25px, 15px);}
.bottom-right-var {transform: translate(15px, 15px);}

.left-half:hover,
.right-half:hover {
    cursor: pointer;
    opacity: 0.3 !important;
}