/* сам контейнер селекта */
.ss-main {
    width: 100%;
    border: 1px solid #b9bdc4;
    border-radius: 8px;
    background: #23272e;
    padding: 10px 12px;
    font-size: 16px;
    outline: none;
    color: #b9bdc4;
}

/* выбранное значение */
.ss-main .ss-single {
    color: #b9bdc4;
    font-weight: 500;
}

/* стрелка */
.ss-main .ss-arrow path {
    stroke: #b9bdc4;
    stroke-width: 3px;
}

.ss-content {
    border-radius: 8px;
    border: 1px solid #b9bdc4;
    background: #23272e;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.ss-option {
    padding: 10px 14px;
}

.ss-option:hover {
    background: #33ff628e;
    color: #fff;
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    background-color: #16ff4cd1;
}
.ss-content .ss-list .ss-option:hover {
    background-color: #1bff6b7e;
}