.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper .tray > div{
    background-color: #EAECF1;
}

.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper .border1 {
    -moz-box-shadow: inset 0 0 0 var(--slsp-slider-border-width) #EAECF1;
    -webkit-box-shadow: inset 0 0 0 var(--slsp-slider-border-width) #EAECF1;
    box-shadow: inset 0 0 0 var(--slsp-slider-border-width) #EAECF1;
}

.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper div.dragger > div.border1 {
    opacity: 0;    
}

.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper div.dragger > div:nth-child(2) {
    opacity: 1;
    background-color: transparent;
}

.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper div.dragger > div:nth-child(2)::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #EAECF1;
    position: absolute;
    border-radius: 50%;
    outline: 2px solid #A3B5C9;
}


.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper .textBubble .cnt {
    font-size: var(--slsp-tooltip-bubble-font-size);
    color: #617388;
    border: solid 2px #A3B5C9;
    border-radius: 5px;
}

.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper .pin {
    width: 8px;
    height: 8px;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-right: solid 2px #A3B5C9;
    border-bottom: solid 2px #A3B5C9;
    clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
}


.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper .legend > div {
    font-weight: 500;
}


.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper .slider .tray{
    position: relative;
}

.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper.separators .slider .tray::before{
    content: "";
    position: absolute;
    width: 7px;
    height: 30px;
    background-color: #FFFFFF;
    z-index: 2;
    left: calc(50% + (var(--slsp-slider-output-size) * 0.5));
}

.slspInvesticnaKalkulackaContainer ._slsp_slider_wrapper.separators .slider .dragger{
    z-index: 5;
}





.legend.customLegend{
    
}

.legend.customLegend > div.inner{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

._slsp_slider_wrapper .legend.customLegend > div > div{
    margin-right: calc(var(--slsp-slider-output-size)* 1);
}

._slsp_slider_wrapper .legend.customLegend > div > div:not(:first-child):not(:last-child) {
    margin-right: calc(var(--slsp-slider-output-size) * 0.6);
}