.ttr-wrap{width:min(480px,94%);height:min(250px,50%);position:absolute}.ttr-box{background:#141a28f2;border:1px solid #fff3;border-radius:12px;align-content:center;justify-items:center;gap:2px;width:24%;height:26%;display:grid;position:absolute}.ttr-box b{font:700 12px var(--pub-font-mono);color:#f3f2ec;text-overflow:ellipsis;white-space:nowrap;max-width:94%;overflow:hidden}.ttr-box small{font:600 10px var(--pub-font-mono);color:#8f98b3}.ttr-pixel{top:0;left:0}.ttr-server{bottom:0;left:0}.ttr-dst{border-color:var(--s3d-accent);top:37%;right:0}.ttr-pipe{transform-origin:0;background:#ffffff1a;border:1px solid #ffffff38;border-radius:5px;width:26%;height:10px;margin-top:-5px;position:absolute;left:24%;overflow:hidden}.ttr-pipe i{background:repeating-linear-gradient(90deg, var(--s3d-accent) 0 8px, transparent 8px 22px);background-size:22px 100%;animation:1s linear infinite ttr-flow;position:absolute;inset:2px 0}.ttr-pipe-a{top:13%}.ttr-pipe-b{top:87%}.ttr-pipe-b i{animation-duration:1.5s}.ttr-out{top:50%;left:50%}.ttr-out i{background-image:repeating-linear-gradient(90deg, var(--pub-acid) 0 8px, transparent 8px 22px)}.ttr-manifold{background:#ffffff1a;border:1px solid #ffffff38;border-radius:5px;width:10px;margin:-5px 0;position:absolute;top:13%;bottom:13%;left:calc(50% - 5px)}.ttr-valve{border:1px solid var(--pub-acid);width:76px;height:30px;color:var(--pub-acid);font:700 10px var(--pub-font-mono);box-shadow:0 0 24px -6px var(--pub-acid);background:#0b0f1a;border-radius:15px;place-items:center;display:grid;position:absolute;top:calc(50% - 15px);left:calc(50% - 38px)}.ttr-drip{width:20px;height:60%;position:absolute;top:34%;left:47%}.ttr-drip i{background:#ff4d2e;border-radius:2px;width:8px;height:8px;animation:1.6s ease-in infinite ttr-fall;position:absolute;top:0;left:0}.ttr-drip i:nth-child(2){animation-delay:-.5s;left:10px}.ttr-drip i:nth-child(3){animation-delay:-1.1s;left:4px}.ttr-dst em{font:700 11px var(--pub-font-mono);border-radius:6px;padding:2px 6px;font-style:normal;position:absolute;top:-10px;right:-8px}.ttr-twice{color:#fff;background:#ff4d2e}.ttr-once{background:var(--pub-acid);color:#07090f}.ttr-mark{border:2px solid #ff4d2e;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;box-shadow:0 0 26px -2px #ff4d2ee6}.ttr-mark-a{top:13%;left:50%}.ttr-mark-b{top:35%;left:96%}@keyframes ttr-flow{to{background-position:22px 0}}@keyframes ttr-fall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(90px)}}.ttr-chip-a{top:3%;left:3%}.ttr-chip-b{top:3%;right:3%}.ttr-plan{margin-left:calc(min(320px,70%)/-2);bottom:4%;left:50%}@media (prefers-reduced-motion:reduce){.ttr-pipe i,.ttr-drip i{animation:none}}@media (width<=640px){.ttr-chip-a{max-width:48%;top:0;left:0}.ttr-chip-b{max-width:48%;top:0;right:0}.ttr-plan{margin-left:-39%;bottom:2%}.ttr-valve{width:66px;left:calc(50% - 33px)}}