:root{--primary:#263238;--secondary:#ff5722;--secondaryPale:#f9cec1;--grey:#f5f5f5;--grey-darker:#86808b;--grey-opacity:rgba(59,61,64,0.75);--grey-opacity-hover:rgba(79,80,83,0.75);--border:rgba(0,0,0,0.12);--white:#fff;--black:#30313D;--black-hover:#0a0a0a;--c-grey:#93a5b1;--c-grey-darker:rgba(0,0,0,0.6);--toolbar:#2c2c2c;--black-border:#444444;--bg-filled:rgba(0,0,0,0.06);--bg-filled-hover:rgba(0,0,0,0.09);--negative-text:#2759d9;--selected:#0c8ce9;--xl:1536px;--lg:1200px;--md:900px;--sm:600px}body,html{padding:0;margin:0;color:#30313d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f5f8fa;min-height:100vh}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:1;border:3px solid var(--selected);border-radius:6px;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;border:3px solid var(--selected);border-radius:6px;will-change:transform}.react-grid-item.dropping{visibility:hidden}.layoutJSON{background:#ddd;border:1px solid black;margin-top:10px;padding:10px}.columns{columns:60px}.react-grid-item{box-sizing:border-box;background-color:#fff;color:black;cursor:-webkit-grab;cursor:grab}.react-grid-item:active{cursor:-webkit-grabbing;cursor:grabbing}.react-grid-placeholder{background:black;opacity:.2}.react-grid-item.resizing{opacity:.9}.react-grid-item .text{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:24px}.react-grid-item .minMax{font-size:12px}.react-grid-dragHandleExample{cursor:move;cursor:grab;cursor:-webkit-grab}.toolbox{background-color:#dfd;width:100%;height:120px;overflow:scroll}.hide-button{cursor:pointer;position:absolute;font-size:20px;top:0;right:5px}.toolbox__title{font-size:24px;margin-bottom:5px}.toolbox__items{display:block}.toolbox__items__item{display:inline-block;text-align:center;line-height:40px;cursor:pointer;width:40px;height:40px;padding:10px;margin:5px;border:1px solid black;background-color:#ddd}.droppable-element{width:240px;text-align:center;background:#ccc;margin:10px 0;padding:10px}.grab{cursor:-webkit-grab;cursor:grab}.grab:active{cursor:-webkit-grabbing;cursor:grabbing}.react-grid-item>.react-resizable-handle{position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:0;bottom:0;width:5px;height:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:0;width:8px;cursor:ew-resize}.react-resizable-handle-w{left:0;height:90%}.react-resizable-handle-e{right:-4px;top:50%;height:100%;transform:translateY(-50%)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:-4px;left:50%;width:100%;height:8px;transform:translate(-50%)}