.ibz-design-material-panel {

    >.material-empty {
        text-align: center;
        color: var(--view-font-color-bright);
    }
}

.ibz-design-material-panel {
    position: relative;

    >.material-item {
        height: 30px;
        overflow: hidden;
        margin-top: 8px;

        >.svg-wrapper {
            margin-top: 0;
            position: relative;
            width: 100%;
            /*make sure to use same height/width as in the html*/
            height: 30px;
            display: inline-block;
            border-radius: 3px;

            >.content {
                height: 100%;
                width: 100%;
                cursor: move;
                border-radius: 3px;
                padding: 4px 0px 4px 10px;
                font-size: 12px;
                position: absolute;
                top: 0px;
                left: 0px;

                >.icon-svg {
                    position: absolute;
                    font-size: 16px;
                }
                >.editor-picture{
                    width: 16px;
                    height: 16px;
                    position: absolute;
                    margin-top: 1px;
                    font-size: 16px;
                }
                >.icon {
                    position: absolute;
                    margin-top: -3px;
                    font-size: 16px;
                }

                >.label {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    margin-left: 18px;
                }
            }

            #shape {
                stroke-width: 6px;
                fill: transparent;
                stroke: #009FFD;
                stroke-dasharray: 100 400;
                stroke-dashoffset: -175;
                transition: 1s all ease;
            }
        }

        >.svg-wrapper:hover {

            #shape {
                stroke-dasharray: 50 0;
                stroke-width: 3px;
                stroke-dashoffset: 0;
                stroke: #06D6A0;
            }
        }
    }
}

.ibz-design-material-panel.ant-row {
    zoom: 1;
    box-sizing: border-box;

    >.material-item {
        padding-left: 4px;
        padding-right: 4px;
    }
}