.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;cursor:se-resize;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+) 100% 100% no-repeat content-box border-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute;bottom:16px;left:0;transform:rotate(90deg)translateY(-10px)}#content{background:#eee;width:100%;padding-bottom:200px}.layoutRoot{flex-wrap:wrap;display:flex}.box{text-align:center;box-sizing:border-box;background:#ccc;border:1px solid #000;margin:20px;padding:10px;display:inline-block;position:relative;overflow:hidden}.box .text{text-align:center;height:36px;margin:auto;position:absolute;inset:0}.box3 .react-resizable-handle{display:none}.box3:hover .react-resizable-handle{display:block}