@property --progress{syntax:"<number>";inherits:false;initial-value:0}.FreeDraggable{appearance:none;box-shadow:var(--box-shadow);transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(var(--scale,1));border:0;outline:none;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .3s;animation:linear pending;display:flex;position:relative;overflow:hidden;&:not(.handle){&>button{touch-action:none;cursor:grab;&:focus-visible:not(.active &){box-shadow:0 0 0 3px #4c9ffe}}}&.handle{&>button{--action-background:#ffffff1a;&>svg{margin-right:5px}&>button{margin-right:-10px}}}& blinkingLabel{text-align:center;color:#8d8d8d;user-select:none;cursor:url("/cursor.svg"),auto;flex-shrink:1;padding:10px;font-size:1rem;font-weight:300;transition:opacity .25s;animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:2s;display:block}&.dragging{z-index:1;--box-shadow:-1px 0 15px 0 #22215103,0px 15px 15px 0 #22215140;background-color:#fff;border-radius:5px;transition:none;& *{cursor:grabbing}&:focus-visible{--box-shadow:0 0px 10px 2px #4c9ffe}}&.dragOverlay,&.dragging{background-color:#fff;animation:.25s cubic-bezier(.18,.67,.6,1.22) pop}}@keyframes pulse{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(var(--scale));box-shadow:none}to{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(var(--scale));box-shadow:var(--box-shadow)}}@keyframes pending{to{--progress:100}}