.ibz-design-item.drag-item-container {
    display: flex;
    align-items: center;
    width: calc(100% - 4px);
    min-height: 40px;

    >.drag-handle {
        background: var(--item-border-hover-color);
    }

    >.drag-item-actions {
        background: var(--item-border-hover-color);
    }

    // 表单项基础样式
    .design-design-item {
        height: 100%;
        padding: 0px;
        width: 100%;

        .design-design-label {
            white-space: nowrap;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            overflow: hidden;

            label {
                width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
        }

        .design-design-editor-container {
            display: flex;
            align-items: center;
            overflow: hidden;
            width: 100%;

            .design-design-editor {
                height: inherit;
                display: flex;
                align-items: center;
            }

            .ant-calendar-picker {
                width: 100%;
            }
        }
    }

    // 表单项标签在左
    .design-design-item.top {

        .design-design-label {
            margin-bottom: 3px;
        }
    }

    // 表单项标签在左
    .design-design-item.left {
        display: flex;

        .design-design-label {

            label {
                text-align: right;
            }
        }
    }

    // 表单项标签在右
    .design-design-item.right {
        display: flex;
        flex-direction: row-reverse;
    }

    // 表单项标签在右
    .design-design-item.bottom {
        display: flex;
        flex-direction: column-reverse;
    }

    // 表单项标签在右
    .design-design-item.none {

        .design-design-label {
            display: none;
        }
    }
}

.design-item.drag-item-container.active {
    outline: 2px solid var(--item-border-hover-color);
    border: 1px solid var(--item-border-hover-color);
}

.design-item.drag-item-container:hover {
    border-color: var(--item-border-hover-color);

    >.drag-handle {
        display: block;
    }
}