/*
Custom style for the jMeeoSlider plugins (in addition to the default noUiSlider css)
static class assigned to the container is:
.jmeeo-slider
*/

.noUi-target {
    background-color: var(--bg-color-3) !important;
    border-color: var(--bg-color-3) !important;
    box-shadow: inset 0 0 1px var(--bg-color-1),inset 0 1px 7px var(--bg-color-2),0 3px 6px -3px var(--bg-color-1) !important;
}

.noUi-handle {
    background-color: var(--bg-color-3) !important;
    border-color: var(--bg-color-3) !important;
    box-shadow: inset 0 0 1px var(--bg-color-1),inset 0 1px 7px var(--bg-color-2),0 3px 6px -3px var(--bg-color-1) !important;
}

.noUi-connect {
    background-color: var(--portal-accent-color);
}

.noUi-handle::after, .noUi-handle::before {
    background-color: var(--main-text-color) !important;
}

.noUi-tooltip {
    background-color: var(--bg-color-3) !important;
    border-color: var(--bg-color-3) !important;
    color: var(--main-text-color);
}