.real-volume-stage{position:relative;width:calc(100% * var(--diagram-zoom,1));height:calc(570px * var(--diagram-zoom,1));background:#e9ece7;overflow:hidden;isolation:isolate}.real-volume-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.real-volume-stage canvas:active{cursor:grabbing}.volume-ui{position:absolute;inset:0;pointer-events:none;z-index:3}.volume-help{position:absolute;left:15px;top:13px;font-size:9px;letter-spacing:.2px;color:#6c7971;background:#ffffffd9;padding:8px 11px;border:1px solid #e1e6df;border-radius:7px;line-height:1.6}.volume-help b{display:block;color:#344e42;font-size:10px}.volume-ui>button{position:absolute;right:13px;top:13px;border:1px solid #d8e1d5;background:#ffffffde;border-radius:7px;padding:9px 11px;font-size:10px;pointer-events:auto}.volume-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.volume-label{position:absolute;transform:translate(-50%,-130%);border:1px solid #a5b6ab70;background:#ffffffd9;backdrop-filter:blur(3px);border-radius:5px;padding:4px 6px;color:#486153;font:500 8px Manrope,Arial,sans-serif;white-space:nowrap;pointer-events:auto;box-shadow:0 2px 7px #1a2e2520;opacity:.85}.volume-label:hover{opacity:1;background:#f1f8e6}.volume-note{position:absolute;bottom:12px;left:16px;font-size:8px;color:#78867d;letter-spacing:.4px;text-shadow:0 1px #fff}.stage.is-volume{background:#e9ece7}.stage.is-volume:before{display:none}.stage.is-volume .stage-label{background:#f5f7f1;padding-bottom:10px}.stage.is-volume .hydraulic-legend{background:#f7faf4}.stage.is-volume .stage-bottom{padding-top:9px}.volume-fallback-note{font-size:10px;line-height:1.6;color:#8b714c;background:#fff6df;padding:10px;border-radius:7px;margin:8px 0}.stage.is-volume .hydraulic-canvas{background:#e9ece7}@media(max-width:760px){.real-volume-stage{height:calc(440px * var(--diagram-zoom,1))}.volume-help{font-size:8px;left:9px;top:9px;padding:6px 8px;max-width:185px}.volume-help b{font-size:9px}.volume-ui>button{top:10px;right:8px;font-size:8px;padding:7px}.volume-label{font-size:7px;padding:3px 4px}.volume-note{font-size:7px;left:10px;bottom:10px;max-width:250px;line-height:1.6}}