.dropdownMenu {
    position: relative;
    width: 100%;
    border: 1px solid rgb(229, 231, 235);
    border-radius: 4px;
}

.dropdownSelected {
    border-radius: 10px;
    padding: 4px 16px;
    cursor: pointer;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdownSelected .dropdownSelectedText{
    pointer-events: none;
}

.dropdownSelected i{
    pointer-events: none;
}

.dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #bbb;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;

    transform-origin: top;
    transform: scale(0);
    transition: transform .3s;

}

.dropdown.active {
    transform: scale(1);
}

.dropdownSearch {
    width: 100%;
    border-radius: 4px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #d6d6d6;
    outline: none;
}

.dropdownItem {
    padding-top: 10px;
    padding: 5px;
    cursor: pointer;
    border-top: 1px solid #eaeaea;
    border-radius: 4px;
}

.dropdownItem.selected {
    color: white;
    background-color: rgb(37 99 235);
    padding: 4px 16px;
}