/* === Custom Block Styling === */
.renderSVGChart{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.svgChart__heading{
    color: var(--FC-primary-color);
}

#_100XT{
    background-color: var(--FC-white);
}

.svgChart__svgLink{
    width: 100%;
    height: 100%;
    transition: var(--FC-default-transition);
}

.svgChart__svgLink:hover, .svgChart__svgLink.active{
    transform: translateY(-10px);
    transition: var(--FC-default-transition);
}

.cls-2 {
    transition: var(--FC-default-transition);
}

.cls-2.active {
    transition: var(--FC-default-transition);
    transform: translateY(-10px);
}


.svgChart__svgLink.faded, .cls-2.faded{
    opacity: .25;
}



/* === 100XT Page Styles */
.chart__100XT a:not([data-id="100XT"]) .cls-4 {
    fill: var(--FC-black) !important;
}
.chart__100XT .svgChart__svgLink:not([data-id="100XT"]){
    transform: scale(0.75) translate(-15px, 25px);
    transform-origin: center center;
    transform-box: fill-box;
}

.chart__100XT .svgChart__svgLink:not([data-id="100XT"]):hover,
.chart__100XT .svgChart__svgLink:not([data-id="100XT"]).active {
    transform: scale(0.75) translate(-15px, 15px);
}





/* === 150XT Page Styles === */
.chart__150XT a:not([data-id="150XT"]) .cls-4 {
    fill: var(--FC-black) !important;
}
.chart__150XT .svgChart__svgLink:not([data-id="150XT"]){
    transform: scale(0.75) translate(-15px, 25px);
    transform-origin: center center;
    transform-box: fill-box;
}

.chart__150XT .svgChart__svgLink:not([data-id="150XT"]):hover,
.chart__150XT .svgChart__svgLink:not([data-id="150XT"]).active {
    transform: scale(0.75) translate(-15px, 15px);
}





/* === 350XT Page Styles === */
.chart__350XT a:not([data-id="350XT"]) .cls-4 {
    fill: var(--FC-black) !important;
}
.chart__350XT .svgChart__svgLink:not([data-id="350XT"]){
    transform: scale(0.75) translate(-15px, 25px);
    transform-origin: center center;
    transform-box: fill-box;
}

.chart__350XT .svgChart__svgLink:not([data-id="350XT"]):hover,
.chart__350XT .svgChart__svgLink:not([data-id="350XT"]).active {
    transform: scale(0.75) translate(-15px, 15px);
}





/* === 400XT Page Styles === */
.chart__400XT a:not([data-id="400XT"]) .cls-4 {
    fill: var(--FC-black) !important;
}
.chart__400XT .svgChart__svgLink:not([data-id="400XT"]){
    transform: scale(0.75) translate(-15px, 25px);
    transform-origin: center center;
    transform-box: fill-box;
}

.chart__400XT .svgChart__svgLink:not([data-id="400XT"]):hover,
.chart__400XT .svgChart__svgLink:not([data-id="400XT"]).active {
    transform: scale(0.75) translate(-15px, 15px);
}