.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width,height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;-o-user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{width:20px;height:20px;position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.config-container-KGOBgz{padding:0;display:flex;overflow:hidden}.config-container-KGOBgz .react-grid-layout{box-sizing:content-box;z-index:2;grid-area:1/1/-1/-1;min-height:calc(100% - 60px);overflow:hidden auto}.config-container-KGOBgz .columns{-moz-columns:120px;-webkit-columns:120px;columns:120px}.config-container-KGOBgz .react-grid-item{box-sizing:border-box}.config-container-KGOBgz .react-grid-item.resizing{opacity:.9}.config-container-KGOBgz .react-grid-item.static{background:#cce}.config-container-KGOBgz .react-grid-item .text{text-align:center;height:24px;margin:auto;font-size:24px;position:absolute;top:0;bottom:0;left:0;right:0}.config-container-KGOBgz .react-grid-item .minMax{font-size:12px}.config-container-KGOBgz .react-grid-item .add{cursor:pointer}.config-container-KGOBgz .react-grid-dragHandleExample{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.config-container-KGOBgz .react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;-o-user-select:none;pointer-events:none;background-color:#0000;transition-duration:.1s}.config-container-KGOBgz .config-center-Nj5AyM{background-color:#f7f7f7;flex:1;position:relative;overflow:hidden}.config-container-KGOBgz .config-center-Nj5AyM::-webkit-scrollbar{width:0!important}.config-container-KGOBgz .config-center-Nj5AyM .config-phone-I4oIDJ{border-radius:8px;margin:50px auto 120px;transition:background .3s;position:relative;overflow-y:auto;box-shadow:0 0 14px #0000001a}.config-container-KGOBgz .config-center-Nj5AyM .config-grid-item-Q8QMwI{cursor:grab;border-radius:4px;box-shadow:0 6px 12px #00000040}.config-container-KGOBgz .config-center-Nj5AyM .config-grid-item-Q8QMwI .item-tag-Mrmzrd{color:#000;z-index:99;white-space:nowrap;background:#fafa00;border-radius:4px;height:24px;padding:0 10px;font-size:14px;line-height:24px;position:absolute;top:0;left:0}.config-container-KGOBgz .config-center-Nj5AyM .config-grid-item-Q8QMwI .item-remove-xCChOh{z-index:99;color:red;background:#0000001a;border-radius:0;align-items:center;width:36px;height:16px;padding:0 10px;line-height:16px;display:none;position:absolute;top:3px;right:0}.config-container-KGOBgz .config-center-Nj5AyM .config-grid-item-Q8QMwI .item-remove-xCChOh .anticon-xq41wi{font-size:12px}.config-container-KGOBgz .config-center-Nj5AyM .config-grid-item-Q8QMwI:hover .item-remove-xCChOh{display:flex}.config-container-KGOBgz .config-center-Nj5AyM .config-grid-item-Q8QMwI:after{content:"";z-index:1;pointer-events:none;background:#0003;border:2px solid #fafa00;width:100%;height:100%;position:absolute;top:0;left:0}.config-container-KGOBgz .config-center-Nj5AyM .page-content-wrapper-ML9jmP{box-sizing:content-box;min-height:calc(100% - 60px);padding-bottom:60px;display:grid;position:relative;overflow:hidden auto}.config-container-KGOBgz .config-center-Nj5AyM .page-content-tooltip-o2Vxnp{color:#ccc;text-align:center;z-index:-1;width:100%;height:60px;font-size:12px;line-height:60px;position:absolute;bottom:0}.config-container-KGOBgz .config-center-Nj5AyM .bg-image-rKSjiM{z-index:-2;grid-area:1/1/-1/-1}.config-container-KGOBgz .right-panel-wrapper-aWB7Je{flex-shrink:0;position:relative;overflow:visible}.config-container-KGOBgz .right-panel-wrapper-aWB7Je .collapse-btn-HZmHAB{cursor:pointer;z-index:9;color:#8d97a8;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d9d9d9;border-radius:4px;justify-content:center;align-items:center;width:24px;height:48px;font-size:12px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:50%;left:-20px;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.config-container-KGOBgz .right-panel-wrapper-aWB7Je .collapse-btn-HZmHAB.closed-isbnve{left:-20px}.config-container-KGOBgz .right-panel-wrapper-aWB7Je .collapse-btn-HZmHAB:hover{background:#f5f5f5}.config-container-KGOBgz .right-panel-wrapper-aWB7Je .collapse-btn-HZmHAB:active{background:#e6e6e6}.config-container-KGOBgz .config-right-nUjYKz{-ms-overflow-style:none;z-index:10;background-color:#fff;border-left:1px solid #d8deeb;width:420px;height:100%;padding:10px 20px;position:relative;overflow-y:auto}.config-container-KGOBgz .config-right-nUjYKz::-webkit-scrollbar{width:0!important}.config-container-KGOBgz .page-btn-c10G3A{color:#586070;border-color:#d8deeb}.config-container-KGOBgz .config-center-line-fhTUp3{z-index:999;opacity:.5;border-left:2px dashed green;width:0;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.config-container-KGOBgz .ant-collapse-header-kA96ve{align-items:center!important}.config-container-KGOBgz .ant-drawer-content-wrapper-wpIMs_{transition:none!important}.config-container-KGOBgz .centered-Ofjz14 .react-grid-placeholder-ua7KY3{background-color:green;position:static}.config-container-KGOBgz ::-webkit-scrollbar{width:0;height:6px}.iphone-top-container-pv3YBj{z-index:99;background-color:#fff;border-radius:8px 8px 0 0;width:100%;height:66px;top:-2px}.iphone-top-bar-PAQ7Kz{justify-content:space-between;align-items:center;padding:8px 10px;font-size:10px;display:flex}.iphone-top-bar-PAQ7Kz .iphone-time-OjuMLl{font-size:14px}.iphone-signal-Zflw4Y img,.iphone-battery-uHLoe0 img{width:20px;height:20px;margin-right:5px}.iphone-nav-EwqA7q{justify-content:space-between;align-items:center;padding:5px 10px;font-size:17px;display:flex}.iphone-middle-yoI03Q{text-align:center;width:max-content;position:absolute;left:50%;transform:translate(-50%)}.container-IjQBym{z-index:10;position:absolute;top:20px;right:0}.content-pVPt7K{width:280px;height:auto;transition:transform .3s;position:absolute;top:20px;left:0;transform:translate(0)}.content-pVPt7K .toolBox-ap_4o5{z-index:999;background-color:#fff;height:40px;overflow:hidden}.triggerBtn-bcX6qG{cursor:pointer;z-index:10;flex-direction:column;justify-content:space-around;align-items:flex-end;width:40px;height:40px;transition-duration:.1s;display:flex;position:absolute;top:0;left:-30px}.open-iuEHKH{transform:translate(-100%)}.open-iuEHKH .toolBox-ap_4o5{opacity:1;height:auto}.open-iuEHKH .triggerBtn-bcX6qG{height:55px}.wraper-wqov1b{z-index:99;box-sizing:border-box;background-color:#fff;border:1px solid #d8deeb;border-left:none;border-right:none;justify-content:flex-start;align-items:center;height:55px;padding:0 15px;display:flex;position:relative}.zoomSlider-EYXFiL{width:90px}.zoomInput-fyWhzs{width:90px!important}