:root {
        --ss-primary-color: var(--bs-funda-gray-4);
        --ss-font-placeholder-color: var(--bs-funda-gray-5);
        --ss-focus-color: transparent;
}

.ss-arrow {
        display: none !important;
}

.ss-main .ss-values .ss-value {
        flex-direction: row-reverse;
}

.ss-main .ss-values .ss-value .ss-value-delete {
        border-left: unset;
        color: black;
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
        fill: none;
        stroke: #919191;
        stroke-width: 18;
        stroke-linecap: round;
        stroke-linejoin: round;
}

.ss-main .ss-values .ss-value .ss-value-text {
        color: black;
        padding-left: 0;
}

.ss-main:focus {
        box-shadow: 0 0 0 var(--ss-focus-color);
}

.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
        color: #000 !important;
        background-color: var(--ss-primary-color);
}

.ss-content.slim-select-filter {
        margin-top: 8px !important;
        padding: 0 !important;
}

.ss-content.slim-select-filter .ss-option {
        padding: 8px !important;
}

.ss-main .ss-values .ss-placeholder {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
}

.ss-main .ss-values:has(.ss-value) {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
}

.ss-main .ss-values:has(.ss-single) {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
}

.slim-select-filter {
        visibility: hidden;
        opacity: 0;
        transition: ease-in;
}

.slim-select-filter.show {
        visibility: visible;
        opacity: 1;
}