.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)}.form-layout-builder__canvas{background-image:linear-gradient(90deg,#94a3b81f 1px,#0000 1px),linear-gradient(#94a3b81a 1px,#0000 1px);background-position:4px 4px;background-size:calc(16.6667% - 11.6667px) 90px,calc(16.6667% - 11.6667px) 90px}.form-layout-builder .react-grid-layout{min-height:100%}.form-layout-builder .react-grid-item{transition-property:transform,width,height,box-shadow,border-color}.form-layout-builder .react-grid-item.react-draggable-dragging .form-layout-builder__tile,.form-layout-builder .react-grid-item.resizing .form-layout-builder__tile{border-color:#3b82f6d9;box-shadow:0 18px 46px #0f172a2e}.form-layout-builder .react-grid-item.react-grid-placeholder{opacity:1;background:#3b82f629;border:1px dashed #3b82f6;border-radius:12px}.form-layout-builder .react-grid-item>.react-resizable-handle{opacity:.5;width:14px;height:auto;transition:background-color .12s,opacity .12s;top:0;bottom:0}.form-layout-builder .react-grid-item:hover>.react-resizable-handle,.form-layout-builder .react-grid-item.resizing>.react-resizable-handle{opacity:1}.form-layout-builder .react-grid-item>.react-resizable-handle:after{border-bottom:0;border-left:2px solid #3b82f6e6;border-right:2px solid #3b82f6e6;width:6px;height:12px;margin-top:-6px;top:50%;bottom:auto;right:5px}.form-layout-builder .react-grid-item>.react-resizable-handle.react-resizable-handle-e,.form-layout-builder .react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize}.form-layout-builder .react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:none}.form-layout-builder .react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:none}.form-layout-builder .react-grid-item>.react-resizable-handle.react-resizable-handle-e:hover,.form-layout-builder .react-grid-item>.react-resizable-handle.react-resizable-handle-w:hover,.form-layout-builder .react-grid-item.resizing>.react-resizable-handle{background:#3b82f61f}.form-layout-builder__tile{cursor:grab;height:100%;transition:border-color .12s,box-shadow .12s,background-color .12s;position:relative}.form-layout-builder__tile:active{cursor:grabbing}.form-layout-builder__tile--field{text-align:center;justify-content:center;align-items:center;padding:18px 36px;display:flex}.form-layout-builder__tile-body{height:calc(100% - 46px);overflow:hidden}.form-layout-builder__tile-body--decorator{height:100%;padding:10px 36px 10px 14px}.form-layout-builder__decorator-control{margin-top:6px}.form-layout-builder__decorator-input{box-sizing:border-box;width:100%;max-width:100%;display:block}textarea.form-layout-builder__decorator-input{height:100%;min-height:0}.form-layout-builder__tile-remove{z-index:2;color:#94a3b8;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:10px;right:10px}.form-layout-builder__tile-remove:hover{color:#f87171;background:#f871711a}.form-layout-builder__field-tile-content{pointer-events:none;min-width:0;max-width:100%}.form-layout-builder__field-tile-kind{letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:700}.form-layout-builder__field-tile-title{text-overflow:ellipsis;white-space:nowrap;color:#111827;margin-top:6px;font-size:15px;font-weight:700;overflow:hidden}.dark .form-layout-builder__field-tile-title{color:#f5f5f5}