#filterQueryContent .ant-popover-inner-content {
    padding: 0;
}

.selectedFilter {
    overflow: auto;
    display: flex;
    gap: 10px;
    max-width: 100%;
    margin-top: 10px;
    
    &::-webkit-scrollbar {
        // display: none; /* Chrome Safari */
        width: 1px;
        height: 1px;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
        background-color: #ddd;
        background: rgba(0, 0, 0, 0);
    }

    &:hover::-webkit-scrollbar-thumb {
        background: rgba(82, 82, 82, 0.3);
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    }

    >div {
        max-width: 250px;
        height: 32px;
        display: flex;
        align-items: center;
        gap: 10;
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        background-color: #F2F4F7;
        color: #313233;


        .text {
            width: calc(100% - 40px);
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 0 0 0 10px;
        }

        .close {
            height: 32px;
            width: 32px;
            border-left: 1px solid #d9d9d9;
            text-align: center;
            line-height: 32px;
            color: red;

            &:hover {
                color: #1890ff;
            }
        }
    }
}