.manager-picker {
    width: 100%;
    position: relative;
}

.manager-picker__trigger {
    cursor: pointer;
}

.manager-picker[data-loading="true"] .manager-picker__trigger {
    cursor: wait;
    opacity: .75;
}

.manager-picker__dropdown {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 6;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #ffffff;
}

.manager-picker__search {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    outline: none;
    text-align: left;
    color: #000000;
}

.manager-picker__options {
    max-height: 180px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.manager-picker__option,
.manager-picker__empty {
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 8px;
}

.manager-picker__option {
    cursor: pointer;
    color: #000000;
}

.manager-picker__option.is-current {
    background: var(--border);
}

@media (hover: hover) {
    .manager-picker__option:hover {
        background: var(--border);
    }
}

.manager-picker__empty {
    color: var(--p-gray);
}

@media screen and (max-width: 1000px) {
    .manager-picker__dropdown {
        padding: 6px;
        top: calc(100% + 4px);
        border-radius: 8px;
    }

    .manager-picker__search {
        height: 30px;
        margin-bottom: 6px;
        padding: 0 8px;
        border-radius: 5px;
    }

    .manager-picker__option,
    .manager-picker__empty {
        padding: 6px 8px;
        border-radius: 5px;
    }
}