/**
* Human Design Bodychart Default Styles
*/
#eidae-figure {
    width: auto;
    height: 79dvh;
    display: block;
    background: #021b33;
    border-radius: 8px;
    padding: 8px;
}

#gates path,
#gates line {
    stroke: rgba(var(--c-slate-rgb),var(--a-50));
}

#centers path {
    fill: #193541;
    stroke: #193541;
}

#centers ellipse {
    fill: none;
    stroke: none;
}

#centers text {
    fill: ivory;
    stroke: none;
    stroke-width: 0;
    font-family: 'ConsteiaCondensed';
    font-size: 6px;
}

#eidae-wheel-container #centers text,
#eidae-wheel-container [id$="-centers"] text {
    font-size: 8px;
}

#channels path {
    stroke: darkslategray;
}

#origin {
    font-family: "Dauphin Consteia";
    fill: #58448d;
    font-size: 7px;
}

/* Variable arrows: standaard verborgen, actieve pijl zichtbaar */
.vararrow {
    fill: palegoldenrod;
    opacity: 0;
}

#var-1l,
#var-1r,
#var-2l,
#var-2r {
    fill: pink;
}

.vararrow.var-active {
    opacity: 1;
}

.eidae-wheel #eidae-figure #logo,
.eidae-wheel #eidae-figure #origin,
.eidae-wheel [id$="-chart"] [id$="-logo"],
.eidae-wheel [id$="-chart"] [id$="-origin"] {
    display: none;
}

svg .varcontainer {
    fill: ivory;
    font-family: "Dauphin Consteia";
}

svg .varmain {
    font-size: 15px;
}

svg .varsub {
    font-size: 10px;
}

.eidae_astro_symbol {
    fill: darkgoldenrod;
    opacity: 1;
    stroke-width: 1px;
    stroke: darkgoldenrod;
}

.eidae-wheel .chart_arrows {
    display: none;
}

svg .adesign {
    fill: darkred;
    stroke: darkred;
    stroke-width: 0.5px;
    filter: drop-shadow(0 0 2px ivory);
}

svg .apersonality {
    fill: ivory;
    stroke: ivory;
    stroke-width: 0.5px;
    filter: drop-shadow(0 0 2px goldenrod);
}

svg .aboth {
    fill: lightblue;
    stroke: lightblue;
    stroke-width: 0.5px;
    filter: drop-shadow(0 0 2px goldenrod);
}

svg .rm-gate-labels {
    font-family: 'Dauphin Consteia';
}

/* ==========================================================================
   Wheel chart — identieke rules voor geneste chart in .eidae-wheel
   IDs zijn geprefixed met rm{n}-, vandaar [id$="..."] attribute selectors
   ========================================================================== */

.eidae-wheel [id$="-gates"] path,
.eidae-wheel [id$="-gates"] line {
    stroke: darkslategray;
}

.eidae-wheel [id$="-centers"] path {
    fill: darkslategray;
    stroke: darkslategray;
}

.eidae-wheel [id$="-centers"] ellipse {
    fill: none;
    stroke: none;
}

.eidae-wheel [id$="-centers"] text {
    fill: ivory;
    stroke: none;
    stroke-width: 0;
    font-family: 'ConsteiaCondensed';
    font-size: 8px;
}

.eidae-wheel [id$="-channels"] path {
    stroke: darkslategray;
}

.eidae-wheel [id$="-origin"] {
    font-family: "Dauphin Consteia";
    fill: #58448d;
    font-size: 7px;
}

.eidae-wheel [id$="-var-1l"],
.eidae-wheel [id$="-var-1r"],
.eidae-wheel [id$="-var-2l"],
.eidae-wheel [id$="-var-2r"] {
    fill: pink;
}