@property --progress{syntax:"<number>";initial-value:0;inherits:false}.draggable_DragLabel__wZ6nB{color:#fff}.draggable_Draggable__gCpT5{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:transform .25s ease}.draggable_Draggable__gCpT5>button{display:flex;align-items:center;justify-content:center;min-height:54px;flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;padding:8px 18px;background-color:#181a22;border-radius:5px;box-shadow:var(--box-shadow);transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(var(--scale,1));transition:box-shadow .3s ease}.draggable_Draggable__gCpT5.draggable_pendingDelay__sfggz>button{animation:draggable_pending__V6P10 linear;background-image:linear-gradient(90deg,rgba(255,0,0,.867) calc(var(--progress) * 1%),transparent calc(var(--progress) * 1% + 1%))}.draggable_Draggable__gCpT5:not(.draggable_handle__hC8rN)>button{touch-action:none;cursor:grab}.draggable_Draggable__gCpT5:not(.draggable_handle__hC8rN)>button:focus-visible:not(.draggable_active__RAiL5 .draggable_Draggable__gCpT5:not(.draggable_handle__hC8rN)>button){box-shadow:0 0 0 3px #4c9ffe}.draggable_Draggable__gCpT5.draggable_handle__hC8rN>button{--action-background:hsla(0,0%,100%,.1)}.draggable_Draggable__gCpT5.draggable_handle__hC8rN>button>svg{margin-right:5px}.draggable_Draggable__gCpT5.draggable_handle__hC8rN>button>button{margin-right:-10px}.draggable_Draggable__gCpT5 img{width:140px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.draggable_Draggable__gCpT5.draggable_dragging__BoKJb{z-index:1;transition:none}.draggable_Draggable__gCpT5.draggable_dragging__BoKJb *{cursor:grabbing}.draggable_Draggable__gCpT5.draggable_dragging__BoKJb>button{--scale:1.06;--box-shadow:-1px 0 15px 0 rgba(34,33,81,.01),0px 15px 15px 0 rgba(34,33,81,.25)}.draggable_Draggable__gCpT5.draggable_dragging__BoKJb>button:focus-visible{--box-shadow:0 0px 10px 2px #4c9ffe}.draggable_Draggable__gCpT5.draggable_dragging__BoKJb label{animation:none;opacity:0}.draggable_Draggable__gCpT5.draggable_dragOverlay__Njakq>button,.draggable_Draggable__gCpT5.draggable_dragging__BoKJb>button{animation:draggable_pop__2xYQ7 .25s cubic-bezier(.18,.67,.6,1.22)}@keyframes draggable_pulse__2dsE0{0%{opacity:0}to{opacity:1}}@keyframes draggable_pop__2xYQ7{0%{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(1)}to{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(var(--scale));box-shadow:var(--box-shadow)}}@keyframes draggable_pending__V6P10{to{--progress:100}}.droppable_Droppable__bXkKa{position:relative;padding:10px;text-align:center;border-radius:10px;width:120px;height:120px;box-sizing:border-box;background-color:#fff;box-shadow:inset 0 0 0 2px rgba(201,211,219,.5),0 0 0 1px hsla(0,0%,100%,0),20px 14px 24px rgba(201,211,219,.25);transition:box-shadow .25s ease}.droppable_Droppable__bXkKa>svg{position:absolute;left:50%;top:50%;width:200px;transform:translate3d(-50%,-50%,0);opacity:.8;transition:opacity .3s ease,transform .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.droppable_Droppable__bXkKa.droppable_dragging__Imf6Q>svg{opacity:.8}.droppable_Droppable__bXkKa.droppable_over__u2uds{box-shadow:inset 0 0 0 3px #1eb99d,20px 14px 24px rgba(201,211,219,.5)}.droppable_Droppable__bXkKa.droppable_over__u2uds>svg{opacity:1}.droppable_Droppable__bXkKa.droppable_over__u2uds.droppable_dropped__P6fvo{box-shadow:inset 0 0 0 3px rgba(201,211,219,.7),20px 14px 24px rgba(201,211,219,.5)}.droppable_Droppable__bXkKa.droppable_dropped__P6fvo>svg{opacity:.2;transform:translate3d(-50%,100%,0) scale(.8)}.dnd-example_Container__xxyB9{display:flex;gap:10px;align-items:center}@keyframes item_pop__c_8hl{0%{transform:scale(1);box-shadow:var(--box-shadow)}to{transform:scale(var(--scale));box-shadow:var(--box-shadow-picked-up)}}@keyframes item_fadeIn__9S7YX{0%{opacity:0}to{opacity:1}}.item_Wrapper__CvMx2{display:flex;box-sizing:border-box;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}.item_Wrapper__CvMx2.item_fadeIn__9S7YX{animation:item_fadeIn__9S7YX .5s ease}.item_Wrapper__CvMx2.item_dragOverlay__TxKaU{--scale:1.05;--box-shadow:$box-shadow;--box-shadow-picked-up:$box-shadow-border,-1px 0 15px 0 rgba(34,33,81,.01),0px 15px 15px 0 rgba(34,33,81,.25);z-index:999}.item_Item__HrVpY{position:relative;display:flex;align-items:center;padding:18px 20px;background-color:#fff;box-shadow:0 0 0 calc(1px/var(--scale-x, 1)) rgba(63,63,68,.05),0 1px calc(3px/var(--scale-x, 1)) 0 rgba(34,33,81,.15);outline:none;border-radius:calc(4px/var(--scale-x, 1));box-sizing:border-box;list-style:none;transform-origin:50% 50%;width:200px;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;font-weight:400;font-size:1rem;white-space:nowrap;transform:scale(var(--scale,1));transition:box-shadow .2s cubic-bezier(.18,.67,.6,1.22)}.item_Item__HrVpY:focus-visible{box-shadow:0 0 4px 1px #4c9ffe,0 0 0 calc(1px/var(--scale-x, 1)) rgba(63,63,68,.05),0 1px calc(3px/var(--scale-x, 1)) 0 rgba(34,33,81,.15)}.item_Item__HrVpY:not(.item_withHandle__leeD6){touch-action:manipulation;cursor:grab}.item_Item__HrVpY.item_dragging__XghFx:not(.item_dragOverlay__TxKaU){opacity:var(--dragging-opacity,.5);z-index:0}.item_Item__HrVpY.item_dragging__XghFx:not(.item_dragOverlay__TxKaU):focus{box-shadow:0 0 0 calc(1px/var(--scale-x, 1)) rgba(63,63,68,.05),0 1px calc(3px/var(--scale-x, 1)) 0 rgba(34,33,81,.15)}.item_Item__HrVpY.item_disabled__JgMEq{color:#999;background-color:#f1f1f1;cursor:not-allowed}.item_Item__HrVpY.item_disabled__JgMEq:focus{box-shadow:0 0 4px 1px rgba(0,0,0,.1),0 0 0 calc(1px/var(--scale-x, 1)) rgba(63,63,68,.05),0 1px calc(3px/var(--scale-x, 1)) 0 rgba(34,33,81,.15)}.item_Item__HrVpY.item_dragOverlay__TxKaU{cursor:inherit;animation:item_pop__c_8hl .2s cubic-bezier(.18,.67,.6,1.22);transform:scale(var(--scale));box-shadow:var(--box-shadow-picked-up);opacity:1}.item_Item__HrVpY.item_color__ZnqL_:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:3px;display:block;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:var(--color)}.item_Item__HrVpY:hover .item_Remove__URwqG{visibility:visible}.drag-and-drop_SectionContainer___Rvum{display:flex;align-items:center;gap:10px}.drag-and-drop_DropContainer__n6_3P{width:70px;height:70px;padding:10px;border:1px solid #aaa}.drag-and-drop_DragElement__zyJDO{width:49px;height:49px;background-color:red;cursor:grab}.drag-and-drop_SliderContainer__mDH3j{width:300px}