frontend/magic-web/src/opensource/pages/flow/components/ToolsSelect/components/ToolsSelectedCard/ToolSelectedCard.module.less
.overlay {
    left: 0!important;
    top: 50px!important;
}

.toolsSelectedCard {
    border-radius: 8px;
    background-color: #fff;
    padding: 6px 12px;
    position: relative;
    // &:hover {
    //     background-color: #2E2F380D;

    // }
    .avatar {

        border-radius: 8px;
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }

    .title {
        height: 20px;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-wrap: nowrap;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px; /* 137.5% */
        overflow: hidden;
        text-wrap: nowrap;
        width: 380px;
        text-overflow: ellipsis;
    }
    .desc {
        height: 16px;
        color: rgba(28, 29, 35, 0.35);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; /* 133.333% */
        overflow: hidden;
        text-wrap: nowrap;
        width: 380px;
        text-overflow: ellipsis;
    }
    .deleteBtn {
        color: #FF4D3A;
        background-color: #FFF0EB;
        border: none;
        &:hover {
            color: #FF4D3A!important;
            background-color: #FFF0EB!important;
            opacity: 0.6;

        }
    }
    .settingBtnWrap {
        padding: 6px;
        width: 36px;
        height: 32px;
        border-radius: 8px;
        cursor: pointer;
        &:hover {
            background-color: #2E2F380D;
        }
    }
}