.dndflow{flex-direction:row;display:flex;height:calc(100vh - 125px)}.dndflow aside{border-right:1px solid #eee;padding:15px 10px;font-size:12px;background:#fcfcfc;width:30vh}.dndflow aside>*{cursor:grab}.dndflow aside .description,.dndflow aside>*{margin-bottom:10px}.dndflow .reactflow-wrapper{flex-grow:1;height:100%}@media screen and (min-width:768px){.dndflow{flex-direction:row}.dndflow aside{width:20%;max-width:180px}}.sheet-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.3);animation:fade-in .3s ease-in-out}.sheet-overlay[data-state=closed]{animation:fade-out .3s ease-in-out}.sheet-content{position:fixed;z-index:51;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease-in-out;overflow-y:auto;overflow-x:hidden}.sheet-content[data-side=right]{top:0;bottom:0;right:0;width:100%;max-width:26rem;transform:translateX(100%)}.sheet-content[data-side=right][data-state=open]{transform:translateX(0)}.sheet-content[data-side=left]{top:0;bottom:0;left:0;width:75%;max-width:320px;transform:translateX(-100%)}.sheet-content[data-side=left][data-state=open]{transform:translateX(0)}.sheet-content[data-side=top]{left:0;right:0;top:0;height:320px;transform:translateY(-100%)}.sheet-content[data-side=top][data-state=open]{transform:translateY(0)}.sheet-content[data-side=bottom]{left:0;right:0;bottom:0;height:320px;transform:translateY(100%)}.sheet-content[data-side=bottom][data-state=open]{transform:translateY(0)}.sheet-header{padding:1rem;border-bottom:1px solid #e0e0e0;text-align:left}.sheet-footer{padding:1rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;grid-gap:1rem;gap:1rem}.sheet-close{position:absolute;top:.5rem;left:-2.5rem;display:grid;place-items:center;width:2rem;height:2rem;background-color:#fff;border-radius:.5rem;border:1px solid #eee;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.updatenode__controls{position:absolute;right:10px;top:10px;z-index:4;font-size:12px}.updatenode__controls label{display:block}.updatenode__bglabel{margin-top:10px}.updatenode__checkboxwrapper{margin-top:10px;display:flex;align-items:center}