.draggable-x{cursor:ew-resize}.draggable-y{cursor:ns-resize}.draggable-xy{cursor:move}svg.water-balance{display:block;position:relative;border:1px solid #cecece}.particle{pointer-events:none;display:inline-block;top:-2px;left:-2px;opacity:.5;border-radius:4px;width:4px;height:4px}.particle-wrapper{position:relative;top:0;left:0;z-index:10}.particle.medium{top:-3px;border-radius:6px;width:6px;height:6px}.particle.large{top:-4px;border-radius:8px;width:8px;height:8px}.particle-wrapper :nth-child(7),.particle-wrapper :nth-child(8),.particle-wrapper :nth-child(13),.particle-wrapper :nth-child(22),.particle-wrapper :nth-child(24){top:3px}.particle-wrapper :nth-child(1),.particle-wrapper :nth-child(5),.particle-wrapper :nth-child(11),.particle-wrapper :nth-child(14),.particle-wrapper :nth-child(15),.particle-wrapper :nth-child(20){top:1px}.particle-wrapper :nth-child(3),.particle-wrapper :nth-child(4),.particle-wrapper :nth-child(17),.particle-wrapper :nth-child(21),.particle-wrapper :nth-child(25){top:-3px}.particle-wrapper :nth-child(10),.particle-wrapper :nth-child(12),.particle-wrapper :nth-child(18),.particle-wrapper :nth-child(19),.particle-wrapper :nth-child(26),.particle-wrapper :nth-child(27){top:-2px}.particle{position:absolute;background:#fff}