.water-motion{text-align:center;margin-top:20px}.flow-svg{display:block;width:100%;height:auto;overflow:visible}.flow-svg text{font-family:inherit;font-size:14px;text-anchor:middle;fill:#254560;font-weight:600}.flow-svg .brown-label{fill:#a2682f}.flow-svg .blue-label{fill:#078fb9}.flow-svg .drain-label{font-size:11px;fill:#9c6c38}.resin-shell{fill:#edf5f8;stroke:#36739b;stroke-width:2.5}.valve-head{fill:#22394c;stroke:#738b9e;stroke-width:2}.resin-bead{fill:#e5ba70;stroke:#b8873c;stroke-width:1}.captured{fill:#a66b38}.flow-track{fill:none;stroke:#dce4e9;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.flow-track.hard{stroke:#ead8c4}.flow-track.soft{stroke:#c9eaf4}.flow-track.waste{stroke:#f1dec5}.flow-dot.hard{fill:#b67d43;stroke:white;stroke-width:1}.flow-dot.soft{fill:#16a9d4;stroke:white;stroke-width:1}.flow-dot.waste{fill:#d69340;stroke:white;stroke-width:1}[data-gate].inactive .flow-track{stroke:#e3e8ec}[data-gate].inactive .flow-dot{visibility:hidden}.duplex-shell{fill:#263743;stroke:#68808e;stroke-width:2.5}.vessel-art.service .duplex-shell{stroke:#16a9d4;stroke-width:4}.vessel-art.regen .duplex-shell{stroke:#d69340;stroke-width:3}.flow-svg .tank-letter{fill:white;font:700 30px sans-serif}.metal-band{stroke:#b8c8d1;stroke-width:7}.flow-status{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 12px 12px;font-size:12px}.flow-status>span{padding:7px 4px;border-radius:8px;background:#eef5f8;color:#254560}.flow-legend{font-size:11px;line-height:1.8;margin:10px 0!important;min-height:40px;color:#526f84}.flow-toggle{border:1px solid #c6dce5;background:#f4fafc;color:#18536e;border-radius:20px;padding:8px 18px;font:inherit;font-size:12px;cursor:pointer;min-height:40px}.flow-toggle:hover{background:#e2f2f6}.motion-note{font-size:10px!important;line-height:1.7;color:#6d8291;margin:12px 0 0!important}.water-motion[data-flow=exchange] .flow-legend{margin-top:51px!important}@media(max-width:460px){.flow-svg text{font-size:15px}.flow-svg .drain-label{font-size:12px}.flow-status{font-size:11px;margin-inline:0}.flow-legend{font-size:10px}}
/* Static resin illustration, independent of the duplex animation. */
.resin-static{margin-top:20px;text-align:center}.resin-static .flow-svg{max-width:560px;margin:auto}.resin-static .static-detail{font-size:11px;font-weight:400;fill:#6b8090}.static-summary{font-size:15px;line-height:1.8;color:#31566f;margin:8px 0 20px!important}.resin-static .motion-note{margin-top:16px!important}