.opsContainersCrane{display:flex;flex-direction:column;gap:100px;overflow:hidden}.opsContainersCrane,.opsContainersCrane *{transition-property:all}.opsCrane{--initial-trolley-left: 20%;--initial-cable-height: 5%;--initial-payload-scale: 20%;--height: 180vh;--margin-jib: 28%;--width-payload: calc(100vw - var(--margin-section-horizontal) * 2);--width-payload-max: min(900px, var(--width-payload));align-items:stretch;display:flex;flex-direction:column;height:var(--height);position:relative}.opsCrane-jib{width:100%;position:relative;top:10vh;left:0;right:0}.opsCrane-jib-image{background-repeat:no-repeat;background-size:contain;aspect-ratio:1791/347;width:calc(100% + 2 * var(--margin-jib));position:relative;left:calc(-1 * var(--margin-jib));right:calc(-1 * var(--margin-jib));z-index:2}.opsCrane-tower{position:relative;flex:1;left:5.8%;top:10vh;width:24%;transform:translate(-50%);z-index:1}.opsCrane-tower-image{background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;position:absolute;top:-1%;left:0;right:0;max-height:calc(100% - 350 / 458 * var(--width-payload-max))}.opsCrane-tower-spacer{aspect-ratio:700/3064;position:relative;bottom:0;height:auto;width:100%}.opsCrane-trolley{aspect-ratio:151/67;background-repeat:no-repeat;background-size:contain;width:8%;position:absolute;left:var(--initial-trolley-left);top:67%;transform:translate(-50%,-50%);z-index:2}.opsCrane-trolley-image{background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.opsCrane-trolley-cable{background-repeat:no-repeat;background-size:100% 100%;position:absolute;right:calc(1% - var(--margin-jib));top:65%;height:10%;z-index:1}.opsCrane-cableMax{width:30%;height:calc(var(--height) - var(--width-payload-max) - 20vh);position:absolute;top:50%;left:50%;transform:translate(-50%);transform-origin:center top}.opsCrane-cable{background-repeat:repeat-y;background-position:center center;background-size:100% auto;width:100%;height:var(--initial-cable-height);position:absolute;top:0;left:0;right:0;transform-origin:center top;z-index:1}.opsCrane-hook{aspect-ratio:58/60;background-repeat:no-repeat;background-size:contain;width:140%;position:absolute;top:100%;left:50%;transform:translate(-50%,-25%)}.opsCrane-payload{aspect-ratio:458/350;background-position:center;background-repeat:no-repeat;background-size:contain;width:var(--width-payload);max-width:var(--width-payload-max);position:absolute;top:100%;left:50%;scale:var(--initial-payload-scale);transform:translate(-51%,-2%);transform-origin:top left}.opsCrane--isSway{animation-name:opsCrane--sway;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-iteration-count:infinite}@keyframes opsCrane--sway{0%,to{rotate:.5deg}50%{rotate:-.5deg}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ops-containers-crane.css.map */