.widget-grid .react-grid-item{transition:transform .22s,width .22s,height .22s;overflow:visible}.widget-grid .react-grid-item.resizing{z-index:50;transition:none}.widget-grid .react-grid-item.react-draggable-dragging{z-index:60;cursor:grabbing;transition:none}.widget-grid .react-grid-item.react-grid-placeholder{opacity:1;transition:transform .1s;background:hsl(var(--foreground) / .08)!important;border:2px dashed hsl(var(--foreground) / .25)!important;border-radius:1rem!important}.widget-grid .react-grid-item>.react-resizable-handle{z-index:5;background:0 0;margin:0;position:absolute;transform:none}.widget-grid .react-grid-item>.react-resizable-handle:after{display:none}.widget-grid .react-grid-item>.react-resizable-handle:before{content:"";background:hsl(var(--flash-green));opacity:0;pointer-events:none;border-radius:9999px;transition:opacity .15s,width .15s,height .15s;position:absolute}.widget-grid .react-grid-item>.react-resizable-handle:hover:before{opacity:1}.widget-grid .react-grid-item>.react-resizable-handle-e,.widget-grid .react-grid-item>.react-resizable-handle-w{cursor:ew-resize;width:10px;height:100%;top:0}.widget-grid .react-grid-item>.react-resizable-handle-e{right:-5px}.widget-grid .react-grid-item>.react-resizable-handle-w{left:-5px}.widget-grid .react-grid-item>.react-resizable-handle-e:before,.widget-grid .react-grid-item>.react-resizable-handle-w:before{width:3px;height:36px;top:50%;transform:translateY(-50%)}.widget-grid .react-grid-item>.react-resizable-handle-e:before{right:3.5px}.widget-grid .react-grid-item>.react-resizable-handle-w:before{left:3.5px}.widget-grid .react-grid-item>.react-resizable-handle-e:hover:before,.widget-grid .react-grid-item>.react-resizable-handle-w:hover:before{height:44px}.widget-grid .react-grid-item>.react-resizable-handle-n,.widget-grid .react-grid-item>.react-resizable-handle-s{cursor:ns-resize;width:100%;height:10px;left:0}.widget-grid .react-grid-item>.react-resizable-handle-n{top:-5px}.widget-grid .react-grid-item>.react-resizable-handle-s{bottom:-5px}.widget-grid .react-grid-item>.react-resizable-handle-n:before,.widget-grid .react-grid-item>.react-resizable-handle-s:before{width:36px;height:3px;left:50%;transform:translate(-50%)}.widget-grid .react-grid-item>.react-resizable-handle-n:before{top:3.5px}.widget-grid .react-grid-item>.react-resizable-handle-s:before{bottom:3.5px}.widget-grid .react-grid-item>.react-resizable-handle-n:hover:before,.widget-grid .react-grid-item>.react-resizable-handle-s:hover:before{width:44px}