.tn-backflow{--bf-blue:#47baff;--bf-ink:#071723;--bf-muted:#9eafba;--bf-line:rgba(176,211,232,.15);color:#edf6fb;background:#071723;border:1px solid var(--bf-line);border-radius:18px;overflow:hidden;isolation:isolate;font-family:inherit}
.tn-backflow *{box-sizing:border-box}.tn-bf-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px 32px 23px}.tn-bf-eyebrow{display:block;color:var(--bf-blue);font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.tn-bf-heading h3{margin:0;font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-.035em;color:#edf6fb}.tn-bf-note{color:var(--bf-muted);font-size:12px;line-height:1.5;text-align:right}.tn-bf-controls{display:flex;align-items:stretch;gap:4px;padding:0 24px 18px;border-bottom:1px solid var(--bf-line)}.tn-bf-controls button{appearance:none;background:transparent;border:1px solid transparent;border-radius:7px;min-height:46px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:10px;color:#9eafba;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.tn-bf-controls button>span:first-child:not(:last-child){font-size:12px;opacity:.65;font-variant-numeric:tabular-nums}.tn-bf-controls button:hover{color:#fff;background:rgba(71,186,255,.06)}.tn-bf-controls button[aria-pressed=true]{color:#d6f2ff;border-color:rgba(71,186,255,.4);background:rgba(71,186,255,.09)}.tn-bf-controls button:focus-visible{outline:2px solid var(--bf-blue);outline-offset:3px}.tn-bf-controls .tn-bf-play{margin-left:auto;border-color:var(--bf-line);min-width:96px;color:#c6d7e2}.tn-bf-play svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.tn-bf-viewport{position:relative;background:radial-gradient(ellipse at 50% 61%,rgba(13,69,100,.17),transparent 68%);padding-top:34px}.tn-bf-direction{position:absolute;top:20px;left:32px;right:32px;display:flex;justify-content:space-between;color:#a3bac8;font-size:12px;line-height:1.5}.tn-bf-direction span{display:flex;align-items:center;gap:8px}.tn-bf-direction i{width:5px;height:5px;background:var(--bf-blue);border-radius:50%;box-shadow:0 0 10px #47baff55}.tn-bf-assembly{display:block;width:100%;height:auto;overflow:visible}.tn-bf-air-gap{position:absolute;left:59.3%;bottom:12.7%;font-size:12px;color:#879fac}.tn-bf-parts{display:flex;justify-content:center;gap:32px;padding:13px 24px 23px;color:#9bb2c2;font-size:13px}.tn-bf-parts>span{display:flex;align-items:center;gap:8px}.tn-bf-parts i{font-style:normal;display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid #486171;border-radius:50%;font-size:12px;color:#dbedf7}.tn-bf-parts strong{color:#d7e9f3;font-size:12px;font-weight:550}.tn-bf-caption{border-top:1px solid var(--bf-line);position:relative;padding:21px 32px 25px;background:rgba(10,31,47,.6)}.tn-bf-caption p{color:#a9bfcd;margin:0;max-width:900px;font-size:15px;line-height:1.7}.tn-bf-caption strong{color:#e2f3fd;font-weight:650;margin-right:.3em}.tn-bf-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#0c2535}.tn-bf-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#246398,#47baff);transform:scaleX(0);transform-origin:left}
.tn-bf-check,.tn-bf-relief-disc{transition:transform .65s cubic-bezier(.22,.8,.25,1)}.tn-bf-check{transform:translateX(24px)}.tn-bf-spring-one,.tn-bf-spring-two{transition:transform .65s cubic-bezier(.22,.8,.25,1);transform:scaleX(.67)}.tn-bf-spring-one{transform-origin:442px 236px}.tn-bf-spring-two{transform-origin:809px 236px}.tn-bf-zone-tint,.tn-bf-return-tint,.tn-bf-relief-water,.tn-bf-streams,.tn-bf-seat-leak,.tn-bf-splash{transition:opacity .65s}.tn-bf-zone-tint,.tn-bf-return-tint,.tn-bf-seat-leak,.tn-bf-relief-water,.tn-bf-splash{opacity:0}.tn-backflow[data-state=reverse] .tn-bf-check,.tn-backflow[data-state=relief] .tn-bf-check-one{transform:translateX(-1px)}.tn-backflow[data-state=reverse] .tn-bf-spring-one,.tn-backflow[data-state=reverse] .tn-bf-spring-two,.tn-backflow[data-state=relief] .tn-bf-spring-one{transform:scaleX(1.02)}.tn-backflow[data-state=reverse] .tn-bf-return-tint{opacity:.12}.tn-backflow[data-state=reverse] .tn-bf-streams,.tn-backflow[data-state=relief] .tn-bf-streams{opacity:0}.tn-backflow[data-state=relief] .tn-bf-check-two{transform:translateX(7px)}.tn-backflow[data-state=relief] .tn-bf-spring-two{transform:scaleX(.9)}.tn-backflow[data-state=relief] .tn-bf-zone-tint{opacity:.11}.tn-backflow[data-state=relief] .tn-bf-return-tint{opacity:.15}.tn-backflow[data-state=relief] .tn-bf-seat-leak,.tn-backflow[data-state=relief] .tn-bf-relief-water,.tn-backflow[data-state=relief] .tn-bf-splash{opacity:1}.tn-backflow[data-state=relief] .tn-bf-relief-disc{transform:translateY(-15px)}.tn-backflow[data-state=relief] .tn-bf-parts>span:last-child strong{color:#ffd1a0}
@media(max-width:760px){.tn-bf-heading{padding:24px 22px 20px;gap:10px}.tn-bf-controls{padding:0 15px 15px;flex-wrap:wrap;gap:5px}.tn-bf-controls button{padding:9px 11px;font-size:13px;flex:1 1 auto;gap:7px}.tn-bf-controls .tn-bf-play{flex:0 0 auto;min-width:85px}.tn-bf-note{max-width:100px}.tn-bf-parts{gap:14px;padding:16px 15px 19px;flex-wrap:wrap}.tn-bf-parts>span{font-size:12px;gap:5px}.tn-bf-parts i{width:19px;height:19px}.tn-bf-caption{padding:18px 22px 22px}.tn-bf-caption p{font-size:14px}.tn-bf-direction{left:22px;right:22px;top:15px}.tn-bf-viewport{padding-top:38px}.tn-bf-air-gap{font-size:10px;bottom:11.8%}}
@media(max-width:460px){.tn-bf-heading{align-items:flex-start}.tn-bf-heading h3{max-width:210px;font-size:26px}.tn-bf-heading{padding:22px 18px 20px}.tn-bf-controls{padding:0 12px 14px}.tn-bf-controls button{flex-basis:43%;font-size:12px;padding:9px 8px}.tn-bf-controls .tn-bf-play{flex:1 1 43%}.tn-bf-controls button>span:first-child:not(:last-child){font-size:11px}.tn-bf-direction{font-size:11px;left:18px;right:18px}.tn-bf-air-gap{display:none}.tn-bf-parts{gap:10px 13px;padding:12px 13px 18px}.tn-bf-parts>span{flex-wrap:wrap;justify-content:center;font-size:12px;max-width:108px}.tn-bf-parts strong{flex-basis:100%;text-align:center}.tn-bf-caption{padding:17px 18px 21px}.tn-bf-caption strong{display:block}.tn-bf-note{font-size:11px;max-width:78px}.tn-bf-eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tn-backflow *{transition:none!important}.tn-bf-progress{display:none}}
@media(max-width:540px){.tn-bf-viewport{overflow:hidden}.tn-bf-assembly{width:142%;max-width:none;margin-left:-21%}.tn-bf-air-gap{display:none}.tn-bf-eyebrow,.tn-bf-note,.tn-bf-direction,.tn-bf-controls button>span:first-child:not(:last-child){font-size:12px}}
.tn-bf-caption p{font-size:1rem}.tn-bf-controls button{font-size:.875rem}.tn-bf-air-gap{font-size:.75rem}
@media(max-width:460px){.tn-bf-controls button>span:first-child:not(:last-child){display:none}}