.progressmatify {
    &__control {
        height: auto !important;
        min-height: auto !important;
        box-shadow: none;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        padding: 0 5px;
    }
    &__value-container {
        height: 32px !important;
        min-height: auto !important;
        overflow: hidden !important;
    }
    &__single-value {
        &:focus {
            border: none;
            outline: none;
        }
    }
    &__option {
        height: auto !important;
        min-height: auto !important;
        padding: 2px 8px;
        background: #fff;
        padding: 0.5rem 1rem;
        font-size: 12px !important;
        &--is-focused {
            background-color: #e5e5e5;
        }
    }
    &__input-container {
        position: relative;
        height: auto;
        overflow: hidden;
        min-height: auto !important;
    }
    &__input {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        background: none;
        border-radius: 0;
        font-size: 12px !important;
        &:focus {
            box-shadow: none !important;
            outline: none !important;
        }
    }
    &__indicators {
        height: auto;
        min-height: auto !important;
    }
    &__indicator {
        padding-left: 8px;
        cursor: pointer;
        svg {
            fill: #aaaaaa;
        }
    }
    &__indicator-separator {
        background: #e5e5e5;
    }
    &__menu {
        border-radius: 3px;
        box-shadow: 0 0 0 1px #e5e5e5;
        margin-top: 3px;
        background: #fff;
    }
}

// multiple
.progressmatify__multi-value {
    background: #ebebeb !important;
    margin-right: 4px !important;
    padding: 3px !important;
    border-radius: 2px !important;
    font-size: 11px !important;
}

.progressmatify__placeholder {
    color: #9e9e9e !important;
}