.eControls .eListBox {
    & .label__eListBox {
        height: 40px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

    & .k-selectable {
        width: 100%;
        border-radius: var(--radius-lg);
        border: 1px solid var(--gray-300);
        background: transparent;
    }

    & .eSearch {
        padding: 4px 12px;
    }

    & .icon-controls {
        align-items: center;
    }

    & .right-icon,
    & .left-icon,
    & .rightDouble-icon,
    & .leftDouble-icon {
        width: 28px;
        height: 28px;
        padding: 4px;
        border-radius: var(--radius-xs);
        background: transparent;
    }

        & .right-icon span,
        & .left-icon span,
        & .rightDouble-icon span,
        & .leftDouble-icon span {
            width: 20px;
            height: 20px;
        }

        & .right-icon span {
            background-image: url("/images/right-icon.svg");
        }

        & .left-icon span {
            background-image: url("/images/left-icon.svg");
        }

        & .rightDouble-icon span {
            background-image: url("/images/rightDouble-icon.svg");
        }

        & .leftDouble-icon span {
            background-image: url("/images/leftDouble-icon.svg");
        }

    & .k-list-item {
        width: 100%;
        /*max-width: 700px;*/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    & .k-list-item.k-selected {
        color: var(--brand-700) !important;
    }

    & .k-list {
        border-radius: var(--radius-md);
    }
}

.eControls[data-accent="dark"] .eListBox {
    & .label__eListBox {
        color: var(--gray-700) !important;
    }
}