.canvas-design{min-height:420px;position:absolute;top:0;bottom:0;min-width:inherit;width:100%;background:#f1f3f7}.canvas-design-side_left{position:absolute;left:0;top:0;bottom:0;width:200px;overflow:auto;background:#fff}.canvas-design-side_left .left-tabs,.canvas-design-side_right{border-left:1px solid #ddd}.canvas-design-side_right{position:absolute;right:0;top:0;bottom:0;width:300px;background:#fff;overflow:auto}.canvas-design-content{margin-left:220px;margin-right:320px;position:relative;height:calc(100% - 80px);text-align:center;overflow:hidden}.canvas-design-actions{margin-left:202px;margin-right:300px;padding:5px 20px;text-align:left;background-color:#fff;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #ddd;height:43px}.canvas-design-actions_left{-webkit-box-flex:1;-ms-flex:1;flex:1}.canvas-design .design-canvas{text-align:center;padding:10px 0;position:relative}.canvas-design .design-canvas-content{height:100%;background:#fff;margin:0 auto}.canvas-design .element-menu .element-group{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.canvas-design .element-menu .element-group .element-item{text-align:center}.canvas-design .element-menu .element-group .element-item_image{width:80px;height:80px}.canvas-design .element-menu .element-group .element-item_image img{width:100%;height:100%}.canvas-design .avatar-upload{width:100px;height:100px;border:1px solid #ddd}.canvas-design .form-wraper .form-title{padding:10px;border-bottom:1px solid #ddd;font-size:15px}.canvas-design .form-wraper .form-content{padding:10px}.canvas-design .form-wraper .form-content .ant-form-item{margin-bottom:10px}.canvas-design .color-picker_card{width:100%;height:30px;border:1px solid #ddd;margin-top:5px;border-radius:3px}.canvas-design .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:9.5px 16px;padding-left:40px}.image-wraper{position:relative}.image-wraper .remove-image-button{position:absolute;width:20px;height:20px;border-radius:20px;background:rgba(0,0,0,.2);top:-5px;right:-5px;z-index:10;color:#fff;line-height:20px}.image-wraper .remove-image-button:hover{background:rgba(0,0,0,.4)}.canvas-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.canvas-view{margin:0 auto;background:#fff}