@import '../../../../common';
.container {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    .outContainer {
        display: flex;
        width: calc(100% - 30px);
        overflow: hidden;
        .innerContainer {
            display: flex;
            .item {
                margin-right: 10px;
                //background: #e9eef9;
                border-radius: 12px;
                &.multi {
                    border-radius: @borderRadius;
                }
                .itemBgTxt {
                    height: 24px;
                    padding: 5px 10px;
                    line-height: 1;
                    font-size: 14px;
                    color: @textGeneralColor;
                }
                &:last-child {
                    margin-right: 0;
                }
            }
        }
    }
    .moreBtn {
        width: 30px;
        font-size: 12px;
        cursor: pointer;
        text-align: center;
        .extend {
            width: 14px;
            border-radius: 50%;
        }
    }
}
.popContainer{
    width: 200px;
    :global(.ant-popover-inner-content){
        padding: 0;
    }
    .popContent{
        padding: @paddingGen;
    }
}
.popItem {
    border-radius: @borderRadius;
    margin-bottom: @marginSm;
    background: #e9eef9;
    padding: @paddingSmX;
    display: flex;
    .popItemBgTxt {
        word-break: break-all;
        padding: 5px 10px;
        font-size: 14px;
    }
}