.crane-system{position:fixed;top:0px;left:50%;transform:translateX(-50%);z-index:50;pointer-events:none;opacity:0;transition:opacity 0.3s ease}.crane-system.active{opacity:1}.rope{position:absolute;width:4px;height:0;background:repeating-linear-gradient(0deg,#2a2a2a 0px,#2a2a2a 6px,#444 6px,#444 10px);top:0;transition:height 1.0s cubic-bezier(0.4,0,0.2,1);z-index:-1}.rope-left{left:30px}.rope-right{right:30px}.pulley-block{position:absolute;width:140px;height:120px;top:0;left:50%;transform:translateX(-50%);transition:top 1.0s cubic-bezier(0.4,0,0.2,1);z-index:1}.hook-container{width:100%;height:100%;overflow:visible}.crane-system.animating .rope{height:calc(100vh - 70px)}.crane-system.retracting .rope{height:0 !important}.crane-system.animating .pulley-block{top:calc(100vh - 80px)}.crane-system.retracting .pulley-block{top:0 !important}