svg._purple-circle ellipse,
svg._purple-circle circle {
    fill: #B381CD;
}

svg._yellow-circle ellipse,
svg._yellow-circle circle {
    fill: #FFB833;
}

svg._green-circle ellipse,
svg._green-circle circle {
    fill: #89E8AF;
}

svg._blue-circle ellipse,
svg._blue-circle circle {
    fill: #89E8AF;
}

svg._hide-circle ellipse,
svg._hide-circle circle {
    display: none;
}

.__svg-style-2 {
    color: #A3EDC1;
}

.__svg-style-2 circle {
    fill: #046873;
}

.__svg-style-2 .__lines {
    fill: #A3EDC1;
}
.__mo-icon .__lines {
    fill: transparent !important;
}

.__svg-style-1 .__circle {
    fill: #89E8AF;
}

.__svg-style-1 .__lines {
    /* fill: #00237C; */
    stroke: #00237C;
}

.__svg-style-2 .__icon-bg {
    fill: #046873;
}

.__svg-style-2 .__lines {
    /* fill: #A3EDC1; */
    stroke: #A3EDC1;
}

.__svg-style-3 .__lines {
    /* fill: #00237C; */
    stroke: #00237C;
}

.__svg-style-4 .__lines {
    /* fill: #00237C; */
    stroke: #00237C;
}

/*********************************************************
            SVG COMPONENT STYLES
*********************************************************/
.__mo-icon-container {
    position: relative;
    display: inline-flex;
}
.__mo-icon {
    z-index: 2;
    position: relative;
}
.__mo-icon.__icon-color-teal .__lines {
    stroke: #A3EDC1;
    color: #A3EDC1;
} 
.__style-mint .__mo-icon .__lines {
    stroke: #046873;
    color: #046873;
}
.__style-neutral-blue .__mo-icon .__lines {
    stroke: #0E1E47;
    color: #0E1E47;
}
.__mo-icon.__icon-color-blue .__lines {
    stroke: #00237C;
    color: #00237C;
}
.__mo-icon.__icon-color-dark-green .__lines {
    stroke: #046873;
    color: #046873;
}
.__mo-icon.__mo-icon.__with-background .__lines {
    stroke: var(--stroke-teal);
    color: var(--stroke-teal);
}
/* .__mo-icon-container.__with-background {
    transform: translate(36%, 36%);
} */
.__mo-icon.__mo-icon.__icon-color-white .__lines {
    stroke: #fff;
}

.__mo-icon.__icon-color-white.__with-background ~ .__icon-helper {
    background-color: #00237C;
}

.__mo-icon.__with-dot-circle ~ .__icon-helper {
    display: inline-block;
    position: absolute;
    width: 34%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #89E8AF;
}
.__with-dot-circle.__top-left ~ .__icon-helper {
    top: 0;
    left: 1px;
}
.__with-dot-circle.__top-right ~ .__icon-helper {
    top: 0;
    right: 1px;
}
.__with-dot-circle.__top-center ~ .__icon-helper {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.__with-dot-circle.__center-left ~ .__icon-helper {
    top: 50%;
    left: 1px;
    transform: translateY(-60%);
}
.__with-dot-circle.__center-right ~ .__icon-helper {
    top: 50%;
    right: 1px;
    transform: translateY(-60%);
}
.__with-dot-circle.__center-center ~ .__icon-helper {
    top: 50%;
    left: 50%;
    transform: translateY(-60%);
    transform: translateX(-50%);
}
.__with-dot-circle.__bottom-left ~ .__icon-helper {
    bottom: 0;
    left: 1px;
}
.__with-dot-circle.__bottom-right ~ .__icon-helper {
    bottom: 0;
    right: 0;
}
.__with-dot-circle.__bottom-center ~ .__icon-helper {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* .__mo-icon.__with-background .__lines {
    transform-origin: center center;
} */
.__mo-icon.__with-background ~ .__icon-helper {
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #046873;
    transform: scale(1.76);
}

/* .__mo-icon.__with-border-circle .__lines {
    transform-origin: center center;
} */
.__mo-icon.__with-border-circle ~ .__icon-helper {
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px solid #00237C;
    transform: scale(1.86);
}
.__mo-icon.__icon-color-teal ~ .__icon-helper {
    border-color: #A3EDC1;
}
.__mo-icon.__icon-color-blue ~ .__icon-helper {
    border-color: #00237C;
}
.__mo-icon.__icon-color-dark-green ~ .__icon-helper {
    border-color: #046873;
}
.__mo-icon.__icon-color-white ~ .__icon-helper {
    border-color: #fff;
}

.__mo-icon.__with-dot-circle.__yellow_dot ~ .__icon-helper {
    background-color: #FFB833;
}
.__mo-icon.__with-dot-circle.__purple_dot ~ .__icon-helper {
    background-color: #B381CD;
}
.__mo-icon.__with-dot-circle.__green_dot ~ .__icon-helper {
    background-color: #89E8AF;
}
.__mo-icon.__with-dot-circle.__blue_dot ~ .__icon-helper {
    background-color: #5887F5;
}