#chart svg {
    font-size: 7px;
    align-items: center;
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
}


.zodiac .aries.hasplanets, .leo.hasplanets, .sagittarius.hasplanets {
    fill: none !important;
}

.zodiac .libra.hasplanets, .gemini.hasplanets, .aquarius.hasplanets{
    fill: var(--circle-fill)!important;
}


.zodiac .capricorn.hasplanets, .taurus.hasplanets, .virgo.hasplanets {
    fill: var(--circle-fill)!important;
}

.zodiac .cancer.hasplanets, .pisces.hasplanets, .scorpio.hasplanets {
    fill: var(--circle-fill)!important;
}

.zodiac .hasplanets text {
    fill: var(--planet-glyph)!important;
}
.zodiac text {
    fill: var(--planet-glyph)!important;
}

.zodiac {
    fill: var(--circle-fill)!important;
    stroke: var(--zodiac-stroke) !important;
    stroke-width: .8px !important;
    filter: var(--zodiac-shadow)!important;
}

.aspects {
    stroke-width: 0.2 !important;
    stroke: #0000003b !important;
   
}

.backgrounds:nth-child(2) {
    fill: var(--circle-fill)!important;
}

.planets g .planet-glyph {
    fill: var(--zodiac-stroke)!important ;
    font-size: 9px;
    stroke: none;
}

.planets g .degree {
    fill: #000000ab;
    font-size: 4px;
    stroke: none;
}

.planets path {
    stroke: var(--zodiac-stroke)!important;
}

.houses {
    stroke: var(--zodiac-stroke)!important;
}

.aspects .descendant.ascendant {
    stroke: none!important;
}

.aspects .descendant.imumcoeli {
    stroke: none!important;
}

.aspects .imumcoeli.ascendant {
    stroke: none!important;
}

.aspects .imumcoeli.midheaven {
    stroke: none!important;
}

.aspects .midheaven.ascendant {
    stroke: none!important;
}

.aspects .midheaven.descendant {
    stroke: none!important;
}

.aspects .north.south {
    stroke: none!important;
}