.root[data-slider-input]:not([data-orientation='vertical']):has(.markLabel) {
    margin-bottom: var(--mantine-spacing-sm);
}

.track:not([data-inverted]) {
    &::before {
        background-color: var(--mantine-color-gray-light);
    }
}

.mark:not([data-filled]) {
    border-color: var(--mantine-color-gray-light);
}

.track .markLabel {
    color: var(--mantine-color-text);
}

.track[data-disabled] .markLabel {
    color: var(--mantine-color-disabled-color);
}

.bar {
    &:where([data-disabled]) {
        background-color: var(--coveo-color-input-border);
    }
}