.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;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.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)}@media (width>=1024px){.gc-grid{grid-auto-rows:88px}.gc-grid>.gc-cell{grid-row:var(--gc-row-start) / span var(--gc-row-span)}}.gc-editor-surface{border-radius:var(--radius-card,18px);--gc-hatch:var(--primary-subtle);--gc-rule:var(--border-primary);position:relative}.gc-editor-surface[data-dragging=true]{--gc-rule:var(--primary-subtle)}.gc-editor-surface:before{content:"";border-radius:var(--radius-card,18px);pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg, var(--gc-hatch) 0, var(--gc-hatch) 1px, transparent 1px, transparent 9px), repeating-linear-gradient(to right, var(--gc-rule) 0, var(--gc-rule) 1px, transparent 1px, transparent var(--gc-col-pitch,100%));opacity:.75;background-position:0 0,8px 0;background-repeat:repeat,repeat-y;transition:opacity .15s;position:absolute;inset:-8px}.gc-editor-surface[data-dragging=true]:before{opacity:1}.gc-editor.react-grid-layout{z-index:1;position:relative}.gc-editor .react-grid-item.react-grid-placeholder{background:var(--primary-subtle);border:1px dashed var(--primary);border-radius:var(--radius-card,18px);opacity:1}.gc-editor .react-grid-item>.react-resizable-handle{opacity:0;transition:opacity .12s}.gc-editor .react-grid-item:hover>.react-resizable-handle,.gc-editor .react-grid-item:focus-within>.react-resizable-handle{opacity:1}.gc-editor .react-grid-item>.react-resizable-handle:after{border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);width:7px;height:7px;bottom:6px;right:6px}.gc-editor .react-grid-item>.react-resizable-handle-s,.gc-editor .react-grid-item>.react-resizable-handle-e{width:28px;height:28px}.gc-editor .react-grid-item.react-draggable-dragging{cursor:grabbing}