/* noUISlider */
.noUi-base,
.noUi-connects {
    border-radius: 100px;   
}
.noUi-horizontal {
    height: 8px;
    margin-top: 2px;
    margin-bottom: var(--ita-spacings-0)
}
.noUi-target {
    background-color: var(--ita-colors-border-base-light);
    border-radius: 100px;
}
.noUi-connect {
    background-color: var(--skoda-primary-light);
}
.noUi-handle {
    border: none;
    border-radius: 100px;
    background: center no-repeat var(--skoda-primary-base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yOTMgNC4yOTMgNy41ODYgMyA2LjI5MyAxLjcwN0ExIDEgMCAwIDEgNy43MDcuMjkzbDIgMmExIDEgMCAwIDEgMCAxLjQxNGwtMiAyYTEgMSAwIDEgMS0xLjQxNC0xLjQxNFptLTIuNTg2IDBMMi40MTQgM2wxLjI5My0xLjI5M0ExIDEgMCAwIDAgMi4yOTMuMjkzbC0yIDJhMSAxIDAgMCAwIDAgMS40MTRsMiAyYTEgMSAwIDAgMCAxLjQxNC0xLjQxNFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    cursor: default;
    box-shadow: none;
}
.noUi-active {
    background-color: var(--skoda-primary-base);
    border: none;
}
.noUi-pips {
    color: var(--ita-colors-background-base-tertiary);
}
.noUi-value-sub {
    color: var(--ita-colors-background-base-secondary);
    font-size: 10px
}
.noUi-marker {
    background: var(--skoda-primary-dark)
}
.noUi-marker-sub {
    background: var(--ita-colors-background-base-secondary)
}
.noUi-marker-large {
    background: var(--ita-colors-background-base-secondary)
}
.noUi-tooltip {
    font-family: var(--ita-fontFamilies-TYPO_3);
    border-radius: 1em;
    background-color: var(--skoda-primary-dark);
    color: white;
    padding: var(--ita-spacings-1);
}