@keyframes pop{0%{box-shadow:var(--box-shadow);transform:scale(1)}to{transform:scale(var(--scale));box-shadow:var(--box-shadow-picked-up)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ItemWrapper{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scaleX(var(--scale-x,1))scaleY(var(--scale-y,1));transform-origin:0 0;touch-action:manipulation;will-change:transform;&.fadeIn{animation:.5s fadeIn}&.dragOverlay{--box-shadow:0 0 0 calc(1px/var(--scale-x,1))#3f3f440d,0 1px calc(3px/var(--scale-x,1))0 #22215126;--box-shadow-picked-up:0 0 0 calc(1px/var(--scale-x,1))#3f3f440d,-1px 0 15px 0 #22215103,0px 15px 15px 0 #22215140;z-index:999}}.ItemFormer{box-shadow:0 0 0 calc(1px/var(--scale-x,1))#3f3f440d,0 1px calc(3px/var(--scale-x,1))0 #22215126;border-radius:calc(4px/var(--scale-x,1));box-sizing:border-box;transform-origin:50%;-webkit-tap-highlight-color:transparent;color:#333;white-space:nowrap;transform:scale(var(--scale,1));background-color:#fff;outline:none;flex-grow:1;align-items:center;padding:18px 20px;font-size:1rem;font-weight:400;list-style:none;transition:box-shadow .2s cubic-bezier(.18,.67,.6,1.22);display:flex;position:relative;&:focus-visible{box-shadow:0 0px 4px 1px #4c9ffe,0 0 0 calc(1px/var(--scale-x,1))#3f3f440d,0 1px calc(3px/var(--scale-x,1))0 #22215126}&:not(.withHandle){touch-action:manipulation}&.dragging:not(.dragOverlay){opacity:var(--dragging-opacity,.5);z-index:0;&:focus{box-shadow:0 0 0 calc(1px/var(--scale-x,1))#3f3f440d,0 1px calc(3px/var(--scale-x,1))0 #22215126}}&.disabled{color:#999;cursor:not-allowed;background-color:#f1f1f1;&:focus{box-shadow:0 0px 4px 1px #0000001a,0 0 0 calc(1px/var(--scale-x,1))#3f3f440d,0 1px calc(3px/var(--scale-x,1))0 #22215126}}&.dragOverlay{cursor:inherit;box-shadow:var(--box-shadow-picked-up);opacity:1;animation:.2s cubic-bezier(.18,.67,.6,1.22) pop}&.color:before{content:"";background-color:var(--color);border-top-left-radius:3px;border-bottom-left-radius:3px;width:3px;height:100%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}&:hover{& .Remove{visibility:visible}}}.Item{box-sizing:border-box;transform-origin:50%;-webkit-tap-highlight-color:transparent;border:1px solid #0000;width:100%;height:100%;list-style:none;&:not(.withHandle){touch-action:manipulation}&.dragging:not(.dragOverlay){opacity:var(--dragging-opacity,.5);z-index:0}&.disabled{color:#999;cursor:not-allowed;background-color:#f1f1f1;&:focus{box-shadow:0 0px 4px 1px #0000001a,0 0 0 calc(1px/var(--scale-x,1))#3f3f440d,0 1px calc(3px/var(--scale-x,1))0 #22215126}}&.dragOverlay:not(.basicBlock):not(.nestedDrag){cursor:inherit;opacity:1;border:.5px solid #4c9ffe}&.color:before{content:"";background-color:var(--color);border-top-left-radius:3px;border-bottom-left-radius:3px;width:3px;height:100%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}&:hover:not(.active):not(.selected):not(.childDragging):not(.projectedContainer):not(.dragging):not(.anybodyDragging):not(.basicBlock):not(.nestedDrag):not(.element):not(.nestedElement):not(.libraryBlock){border:1px solid #4c9ffe;& .Remove{visibility:visible}}&.element,&.nestedElement,&.libraryBlock{&:not(.active):not(.selected):not(.childDragging):not(.projectedContainer):not(.dragging):not(.anybodyDragging):not(.basicBlock):not(.nestedDrag):hover{border:1px solid #614cfe;transition:border .25s}}&.nestedElementSelected,&.nestedLibraryBlockSelected{&:not(.active):not(.selected):not(.childDragging):not(.projectedContainer):not(.dragging):not(.anybodyDragging):not(.nestedDrag){border:1px solid #614cfe;transition:background-color .25s}}&.selected:not(.anybodyDragging):not(.element):not(.nestedElement):not(.libraryBlock){border:1px solid #4c9ffe}&.selected.element:not(.anybodyDragging),&.selected.libraryBlock:not(.anybodyDragging),&.selected.nestedElement:not(.anybodyDragging){border:1px solid #614cfe}&.childDragging{border:2.5px solid #4c9ffe}&.projectedContainer{background-color:#4c9ffe10;border:2.5px solid #4c9ffe}&.droppable{background-color:#4c9ffe80;transition:background-color .25s;box-shadow:inset 0 0 0 1px #4c9ffe,20px 14px 24px #c9d3db80}}.Remove{visibility:hidden}.Actions{align-self:flex-start;margin:-12px -10px -15px auto;display:flex}