.menu-container{display:none;position:absolute;background:#fff;z-index:2000;width:220px;border:1px solid #ccc}.menu-container .ant-menu-item{display:flex;justify-content:space-between}.menu-container .ant-menu-item:hover{background:#efefef}.ant-menu-item .item-shortcut{color:#ccc}.upload-list{margin:0;padding:0;list-style-type:none}.upload-list li{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;min-width:200px;position:relative}.upload-list li:first-child{margin-top:10px}.upload-list li .upload-list-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;position:relative;z-index:1;background-color:#fff;-o-object-fit:cover;object-fit:cover}.upload-list li .file-icon svg{margin-right:5px;color:rgba(0,0,0,.45)}.upload-list li .filename{margin-left:5px;margin-right:40px}.upload-list li.upload-error,.upload-list li.upload-error svg{color:#f5222d}.upload-list li .file-status{display:block;position:absolute;right:5px;top:0;line-height:inherit}.upload-list li .delete-icon{display:none;position:absolute;right:7px;top:0;line-height:inherit;cursor:pointer}.upload-list li:hover{background-color:#efefef}.upload-list li:hover .file-status{display:none}.upload-list li:hover .delete-icon{display:block}.styled-uploader .uploader-container{padding:8px;margin-bottom:16px;color:#fff;background:#1890ff;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1)}.styled-uploader .uploader-container:hover{background:#40a9ff}.styled-uploader .uploader-container h6{color:#fff;margin-bottom:0;margin-left:10px}.styled-uploader .uploader-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.component-item{width:100px;margin:0 auto;margin-bottom:15px}.component-item>*{position:static!important}.edit-wrapper{padding:0;cursor:pointer;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box!important}.edit-wrapper>*{position:static!important;width:100%!important;height:100%!important}.edit-wrapper:hover{border:1px dashed #ccc}.edit-wrapper.hidden{display:none}.edit-wrapper.active{border:1px solid #1890ff;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1500}.edit-wrapper .resizers{display:none}.edit-wrapper.active .resizers{display:block}.edit-wrapper.active .resizers .resizer{width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid #1890ff;position:absolute}.edit-wrapper .resizers .resizer.top-left{left:-5px;top:-5px;cursor:nwse-resize}.edit-wrapper .resizers .resizer.top-right{right:-5px;top:-5px;cursor:nesw-resize}.edit-wrapper .resizers .resizer.bottom-left{left:-5px;bottom:-5px;cursor:nesw-resize}.edit-wrapper .resizers .resizer.bottom-right{right:-5px;bottom:-5px;cursor:nwse-resize}.lego-color-picker{display:flex}.native-color-container{width:40%}.native-color-container input[type=color]{width:100%;cursor:pointer;height:50px;border:0;padding:0;background-color:transparent}.picked-color-list{padding:0 0 0 5px;margin:0;width:60%;display:flex;list-style-type:none;flex-wrap:wrap;justify-content:space-between}.picked-color-list li{flex:1;width:20%;min-width:20%;max-width:20%}.color-item{padding:3px;width:20px;height:20px;border-radius:3px;margin-right:5px;cursor:pointer;border:1px solid #ccc}.transparent-back{background:url(../img/transparent.f810f416.png) no-repeat}.image-processer{display:flex;justify-content:space-between}.image-preview{width:150px;height:84px;border:1px dashed #e6ebed;background:no-repeat 50%/contain}.image-preview.extraHeight{height:110px}.image-process{width:110px;padding:5px 0;margin-left:10px;display:flex;flex-direction:column;justify-content:space-between}.image-cropper img{display:block;max-width:100%}.shadow-item{display:flex;align-items:center;margin-bottom:10px}.shadow-item span{width:28%}.shadow-component{width:70%}.prop-item{display:flex;margin-bottom:10px;align-items:center}.label{width:28%}.prop-component{width:70%}.prop-item.no-text{display:inline-block;margin:0 10px 0 0}#item-fontWeight{margin-left:28%}.component-a-select .ant-select{width:150px}.prop-component.component-background-processer,.prop-component.component-image-processer,.prop-component.component-shadow-picker{width:100%}.inline-edit{cursor:pointer}.ant-input.input-error{border:1px solid #f5222d}.ant-input.input-error:focus{border-color:#f5222d}.ant-input.input-error::-moz-placeholder{color:#f5222d}.ant-input.input-error::placeholder{color:#f5222d}.ant-list-item[data-v-552e3e20]{padding:10px 15px;transition:all .5s ease-out;cursor:pointer;justify-content:normal;border:1px solid #fff;border-bottom-color:#f0f0f0}.ant-list-item.active[data-v-552e3e20]{border:1px solid #1890ff}.ant-list-item.ghost[data-v-552e3e20]{opacity:.5}.ant-list-item[data-v-552e3e20]:hover{background:#e6f7ff}.ant-list-item[data-v-552e3e20]>*{margin-right:10px}.ant-list-item button[data-v-552e3e20]{font-size:12px}.ant-list-item .handle[data-v-552e3e20]{cursor:move;margin-left:auto}.ant-list-item .edit-area[data-v-552e3e20]{width:100%}.user-profile-dropdown{border-radius:2px!important}.user-operation>*{margin-left:30px!important}.history-area{position:absolute;right:0;z-index:500}.operation-list{display:flex;align-items:center;gap:8px}.history-area .bold{font-weight:700}.shortcut-key{display:flex;align-items:center;justify-content:space-between}.shortcut-key span:first-child{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.shortcut-key span:last-child{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.left-col img{width:80%}.right-col img{width:80px}.left-gap{padding-left:5px;height:80px;display:flex;flex-direction:column;justify-content:center}.delete-area{position:absolute;top:10px;right:20px}.channel-item{padding:10px 0;border-bottom:1px solid #efefef;position:relative}.barcode-container{height:80px;width:80px}.template-submit{margin-top:20px}.final-preview,.template-submit{display:flex;justify-content:center}.final-preview{position:absolute;width:calc(100% - 400px);height:100%;background:transparent;top:0;left:0;z-index:1500;align-items:center}.final-preview-inner{width:430px;height:870px;padding:60px 28px;position:relative;background:url(../img/phone-back.4dd9c4dd.png) no-repeat;background-size:cover}.final-preview-inner .preview-title{height:44px;line-height:44px;text-align:center;font-weight:700}.iframe-container{width:100%;height:706px;overflow-y:auto;overflow-x:hidden}.iframe-placeholder{background:url(../img/loading.f560480a.svg) 50% 50% no-repeat;background-size:50px}.publish-form-container .file-upload-container{height:130px}.publish-form-container .ant-form-item-label{text-align:left}#preview-barcode-container{border:2px dotted #efefef;padding:10px}.editor-container .editor-content{height:calc(100vh - 64px)}.editor-container .preview-container{padding:24px;margin:0;min-height:85vh;display:flex;flex-direction:column;align-items:center;position:relative}.editor-container .preview-list{padding:0;margin:0;min-width:375px;min-height:200px;border:1px solid #efefef;background:#fff;overflow-x:hidden;overflow-y:auto;position:fixed;margin-top:50px;max-height:80vh}.sidebar-container .ant-tabs-nav{padding:0 24px}.page-title{display:flex}.page-title .inline-edit span{font-weight:500;margin-left:10px;font-size:16px}.preview-list.canvas-fix .edit-wrapper>*{box-shadow:none!important}.preview-list.canvas-fix{position:absolute;max-height:none}.settings-panel .ant-tabs-content-top{max-height:calc(100vh - 124px);overflow-y:auto}