.NetworkAnimation-module__TaVpTa__demo{max-width:56rem;color:var(--ink-blue);margin-inline:auto;scroll-margin-top:6rem;font-size:.875rem;line-height:1.75}.NetworkAnimation-module__TaVpTa__comparison{gap:1.5rem;display:grid}.NetworkAnimation-module__TaVpTa__panel{background:#fff;border:1px solid #d1d5db;border-radius:.75rem;min-width:0;padding:1.25rem}.NetworkAnimation-module__TaVpTa__panel h3{text-align:center;font-size:1.125rem;font-weight:700}.NetworkAnimation-module__TaVpTa__panel>p:first-of-type{text-align:center;color:#4b5563;margin-block:.375rem 1.5rem}.NetworkAnimation-module__TaVpTa__backup{border-color:var(--gold);box-shadow:0 0 0 1px #d4a84b22}.NetworkAnimation-module__TaVpTa__route+.NetworkAnimation-module__TaVpTa__route{margin-top:1.25rem}.NetworkAnimation-module__TaVpTa__routeLabel{justify-content:space-between;gap:.75rem;margin-bottom:.5rem;display:flex}.NetworkAnimation-module__TaVpTa__routeLabel strong{font-weight:600}.NetworkAnimation-module__TaVpTa__routeLabel span{color:#4b5563}.NetworkAnimation-module__TaVpTa__line{background:#3a8060;border-radius:1rem;height:1rem;position:relative;overflow:hidden}.NetworkAnimation-module__TaVpTa__line:before,.NetworkAnimation-module__TaVpTa__line:after{content:"";background:#d9f5e4;border-radius:50%;width:8px;height:8px;position:absolute;top:4px}.NetworkAnimation-module__TaVpTa__line:before{left:4px}.NetworkAnimation-module__TaVpTa__line:after{right:4px}.NetworkAnimation-module__TaVpTa__signal{opacity:0;background:#e8d39d;border-radius:1rem;width:2rem;height:8px;display:block;position:absolute;top:4px;left:0}.NetworkAnimation-module__TaVpTa__break{display:none}.NetworkAnimation-module__TaVpTa__route[data-state=down] .NetworkAnimation-module__TaVpTa__line{background:repeating-linear-gradient(90deg,#c97565 0 12px,#0000 12px 18px)}.NetworkAnimation-module__TaVpTa__route[data-state=down] .NetworkAnimation-module__TaVpTa__line:before,.NetworkAnimation-module__TaVpTa__route[data-state=down] .NetworkAnimation-module__TaVpTa__line:after{background:#c97565}.NetworkAnimation-module__TaVpTa__route[data-state=down] .NetworkAnimation-module__TaVpTa__break{text-align:center;color:#9b392a;background:#fff;width:24px;font-size:20px;line-height:24px;display:block;position:absolute;inset:-5px auto auto calc(50% - 12px)}.NetworkAnimation-module__TaVpTa__route[data-state=standby] .NetworkAnimation-module__TaVpTa__line{background:#b9c4c0}.NetworkAnimation-module__TaVpTa__comparison[data-playing=true] .NetworkAnimation-module__TaVpTa__route[data-state=active] .NetworkAnimation-module__TaVpTa__signal{animation:2.4s ease-in-out both NetworkAnimation-module__TaVpTa__transfer}.NetworkAnimation-module__TaVpTa__result{color:#4b5563;min-height:3.5rem;margin-top:1.25rem}.NetworkAnimation-module__TaVpTa__controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.NetworkAnimation-module__TaVpTa__controls button{min-height:44px;color:var(--ink-blue);cursor:pointer;font:inherit;background:#fff;border:1px solid #a9b1bd;border-radius:999px;padding:.625rem 1.25rem;font-weight:600}.NetworkAnimation-module__TaVpTa__controls button[aria-pressed=true]{background:var(--ink-blue);color:#fff;border-color:var(--ink-blue)}.NetworkAnimation-module__TaVpTa__controls button:focus-visible{outline-offset:3px;outline:3px solid #8a641f}.NetworkAnimation-module__TaVpTa__controls button:disabled,.NetworkAnimation-module__TaVpTa__controls button[aria-disabled=true]{cursor:default;opacity:.55}.NetworkAnimation-module__TaVpTa__playbackStatus{text-align:center;color:#4b5563;margin-top:1rem}.NetworkAnimation-module__TaVpTa__status{border-left:3px solid var(--gold);background:#f5f7fa;margin-top:1.25rem;padding:1rem}.NetworkAnimation-module__TaVpTa__note{color:#4b5563;margin-top:1rem}@keyframes NetworkAnimation-module__TaVpTa__transfer{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:calc(100% - 2rem)}}@media (min-width:768px){.NetworkAnimation-module__TaVpTa__comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.NetworkAnimation-module__TaVpTa__comparison *,.NetworkAnimation-module__TaVpTa__comparison :before,.NetworkAnimation-module__TaVpTa__comparison :after{transition:none!important;animation:none!important}}