.search-box {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        border: 0.8px solid transparent;
        padding: 0 8px;
    }

        .search-box input {
            border: transparent;
        }

    .dropdown-input {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        width: calc(100% - 32.25px);
        margin-left: 8px;
    }

        .dropdown-input input {
            margin-left: 8px;
            font-size: 16px;
            color: var(--neutral-4);
            width: calc(100% - 16px);
        }

    .multiple-select-dropdown dxbl-scroll-viewer .dxbl-scroll-viewer-content .dxbl-list-box {
        --dxbl-list-box-border-color: transparent;
    }

    .dw-combo-box-multi-select {
        max-width: 680px;
        width: 100% !important;
        height: 32px !important;
        border: 1px solid var(--light-4) !important;
        background-color: var(--light) !important;
        color: var(--neutral-4) !important;
        font-size: 16px !important;
    }

    .multiple-select-dropdown dxbl-scroll-viewer .dxbl-scroll-viewer-content .search-box {
        border-bottom: solid 1px var(--neutral-3);
    }


    .multiple-select-dropdown dxbl-scroll-viewer .dxbl-scroll-viewer-content .dxbl-list-box.valid.modified:not([type=checkbox]) {
        --dxbl-list-box-border-color: var(--light-4) !important;
    }

    .dxbl-text-edit.dxbl-focused,
    .dxbl-text-edit:has(:focus) {
        border-color: var(--light-4) !important;
    }

    .dxbl-text-edit {
        --dxbl-text-edit-border-color: var(--light-4) !important;
        --dxbl-text-edit-focus-border-color: var(--light-4) !important;
    }

    .dw-list-box {
        border: 0;
    }

        .dw-list-box ul {
            width: 100% !important;
        }

        .dw-list-box li {
            padding: 0 8px !important;
            background-color: var(--light) !important;
            color: var(--neutral-4) !important;
            font-size: 16px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            width: 100% !important;
        }

        .dw-list-box.dxbl-list-box.dxbl-list-box-multi-select > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected {
            background-color: var(--neutral-2) !important;
        }

        .dw-list-box.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover:not(.dxbl-list-box-item-focused):not(:focus) {
            background-color: var(--light-2) !important;
        }

    .close-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        padding: 0;
        border-radius: 100%;
        background: transparent;
    }

        .close-button:hover i,
        .close-button:hover {
            background-color: var(--light-4);
            cursor: pointer;
        }