:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#d6dfb1ba;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blood-color: #860B0B;--blood-color-accent: #530c0c;--citrate-blood-color: #E06A6A;--citrate-blood-color-accent: var(--blood-color);--dialysate-color: #9FBB73;--dialysate-color-accent: #bdea75;--replacement-color: #745aeb;--replacement-color-accent: #d9bde6;--effluent-color: #EC8F5E;--effluent-color-accent: rgb(205, 90, 19);--citrate-color: #F1EB90;--citrate-color-accent: #e0c724;--calcium-color: #ECD4BD;--calcium-color-accent: #e7a363}.dialysator{position:relative}.tooltipped{cursor:help}#tooltip-text{position:absolute;font-weight:500;left:85px;top:60px;width:180px;height:100px;z-index:1;color:#211f1f;font-size:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{width:100%;height:100%;overflow-x:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;height:100%}img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}svg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.main{position:relative}.cover{width:300vw;height:100vh;left:0;top:0;background:rgba(0,0,0,.3);position:absolute;z-index:1}.img-computer{z-index:-1;width:350px}.img-patient{position:absolute;top:-120px;left:200px;width:700px;height:850px;z-index:-1;opacity:.6}.img-kliinikum{position:absolute;right:20px;bottom:10px;width:125px;z-index:1}.img-ut{position:absolute;bottom:25px;left:35px;z-index:1;width:100px}.svg-dialysator{max-width:500px;min-width:300px;width:auto;height:800px;position:absolute;z-index:2;margin:auto;top:-10%;left:2%}.tube{stroke-width:12}.tube-flow{stroke-width:12;stroke-dasharray:16;animation-duration:2s;animation-name:move;animation-timing-function:linear;animation-iteration-count:infinite}.tube--dialysed-blood,.tube--patient-blood,.tube--patient-blood-precitrate,.tube--calcium{stroke-linecap:round}.tube--patient-blood,.tube--patient-blood-precitrate{stroke:var(--blood-color)}.tube-flow--patient-blood,.tube-flow--dialysed-blood,.tube-flow--patient-blood-precitrate{stroke:var(--blood-color-accent)}.tube--dialysed-blood{stroke:var(--blood-color)}.tube--replacement-solution,.tube--replacement-solution-before{stroke:var(--replacement-color)}.tube-flow--replacement-solution{stroke:var(--replacement-color-accent)}.bag--replacement-solution{fill:var(--replacement-color)}.tube--effluent{stroke:var(--effluent-color)}.tube-flow--effluent{stroke:var(--effluent-color-accent)}.bag--effluent{fill:var(--effluent-color)}.tube--dialysate{stroke:var(--dialysate-color)}.bag--dialysate{fill:var(--dialysate-color)}.tube-flow--dialysate{stroke:var(--dialysate-color-accent)}.tube--citrate{stroke:var(--citrate-color)}.tube-flow--citrate{stroke:var(--citrate-color-accent)}.bag--citrate{fill:var(--citrate-color)}.tube--citrate-blood{stroke:var(--citrate-blood-color)}.tube-flow--citrate-blood{stroke:var(--citrate-blood-color-accent)}.tube--calcium{stroke:var(--calcium-color)}.tube-flow--calcium{stroke:var(--calcium-color-accent)}.tube--calcium,.tube-flow--calcium{transform:translate(26px,193px)}.tube--effluent,.tube-flow--effluent{transform:translate(85px,423px)}.tube--dialysate,.tube-flow--dialysate{transform:translate(190px,240px)}.tube--replacement-solution,.tube-flow--replacement-solution{transform:translate(410px,250px)}.tube--citrate,.tube-flow--citrate{transform:translate(190px,545px)}.tube--citrate-blood,.tube-flow--citrate-blood{transform:translate(395px,490px)}.tube--patient-blood,.tube-flow--patient-blood{transform:translate(395px,495px) rotate(0)}.tube--patient-blood-precitrate,.tube-flow--patient-blood-precitrate{transform:translate(683px,547px) rotate(0)}.bag--effluent,.bag--citrate{transform:translate(70px,860px)}.bag--citrate{transform:translate(170px,860px)}.bag--dialysate{transform:translate(210px,160px)}.bag--replacement-solution{transform:translate(40px,160px)}.connector--citrate{transform:translate(225px,-40px);fill:var(--citrate-color);stroke:var(--blood-color)}.connector--replacement-solution{fill:var(--replacement-color)}.pump--dialysate{transform:translate(172px,240px)}.pump--effluent{transform:translate(172px,440px)}.computer{position:relative}.controls{position:absolute;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:18px;width:100%;z-index:2;top:-10%}.controls button{cursor:pointer;background:transparent;border:0}.controls button svg{color:#1d5959;width:40px;height:40px}.stage-step{margin-right:10px;color:#1d5959}.controls button:disabled svg{color:#758a8a}@keyframes move{0%{stroke-dashoffset:0}to{stroke-dashoffset:96}}@media screen and (max-width: 768px){.img-kliinikum{width:75px}.img-ut{width:60px;bottom:15px}.controls{top:0}.tube,.tube-flow{stroke-width:15}}