.flow-rail{background:linear-gradient(#3cf2c959,#ffffff0f);width:1px;position:absolute;top:2.75rem;bottom:2.25rem;left:calc(1.25rem + 22px)}.flow-step{align-items:center;gap:1rem;padding-block:.7rem;display:flex;position:relative}.flow-node{z-index:1;color:#3cf2c9;background:#0d1218;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #3cf2c959,0 0 24px -6px #3cf2c973}.flow-check{color:#05070a;background:#3cf2c9;border-radius:999px;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;display:grid}.flow-log{opacity:1}@media (prefers-reduced-motion:no-preference){.flow-step{animation:flow-step 8s var(--ease-out-expo) 3 both;animation-delay:var(--d)}.flow-node{animation:flow-node 8s var(--ease-out-expo) 3 both;animation-delay:var(--d)}.flow-check{animation:flow-check 8s var(--ease-spring) 3 both;animation-delay:var(--d)}.flow-log{animation:flow-log 8s var(--ease-out-expo) 3 both;animation-delay:var(--d)}}@keyframes flow-step{0%{opacity:.35}6%,to{opacity:1}}@keyframes flow-node{0%{color:#fff6;box-shadow:inset 0 0 0 1px #ffffff1a}6%{color:#3cf2c9;box-shadow:inset 0 0 0 1px #3cf2c9,0 0 0 6px #3cf2c91f,0 0 32px -4px #3cf2c9b3}20%,to{color:#3cf2c9;box-shadow:inset 0 0 0 1px #3cf2c959,0 0 24px -6px #3cf2c973}}@keyframes flow-check{0%,12%{opacity:0;transform:scale(.4)}20%,to{opacity:1;transform:scale(1)}}@keyframes flow-log{0%,4%{opacity:0;transform:translateY(.35rem)}12%,to{opacity:1;transform:none}}
.svc-bubble{border-radius:1rem;width:fit-content;max-width:85%;padding:.55rem .85rem;font-size:13px;line-height:1.35}.svc-bubble--in{color:#fffc;background:#ffffff12;border-bottom-left-radius:.3rem}.svc-bubble--out{color:#05070a;background:#3cf2c9;border-bottom-right-radius:.3rem;margin-left:auto;font-weight:500}.svc-typing{background:#3cf2c91f;border-radius:999px;gap:4px;width:fit-content;margin-left:auto;padding:.5rem .7rem;display:flex}.svc-typing span{opacity:.4;background:#3cf2c9;border-radius:999px;width:5px;height:5px}.svc-card{background:#ffffff14;border-radius:.4rem;height:1.1rem;margin-top:.35rem;display:block}.svc-card:first-of-type{background:#3cf2c940;margin-top:0}.svc-cell{aspect-ratio:2;background:#ffffff12;border-radius:2px}.svc-cell--hot{background:#ffb54773}.svc-row{background:linear-gradient(90deg,#3cf2c98c,#3cf2c91f);border-radius:999px;height:.6rem;display:block}.svc-doc{background:#ffffff0d;border-radius:.6rem;flex-shrink:0;width:5.5rem;height:6.8rem;padding:.8rem .65rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.svc-doc__line{background:#ffffff2e;border-radius:999px;height:4px;margin-bottom:.6rem;display:block}.svc-doc__scan{opacity:0;background:#3cf2c9;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 14px 2px #3cf2c9b3}.svc-fix{background:linear-gradient(90deg,#3cf2c9,#3cf2c933)}.svc-sync{background:linear-gradient(90deg,#3cf2c926,#3cf2c9,#3cf2c926) 0 0/200% 100%}@media (prefers-reduced-motion:no-preference){.svc-fix{transform-origin:0;animation:svc-grow 4s var(--ease-out-expo) 3 both}.svc-sync{animation:2.4s cubic-bezier(.65,0,.35,1) 4 svc-flow}.svc-typing span{animation:1.2s ease-in-out 8 svc-dot}.svc-typing span:nth-child(2){animation-delay:.15s}.svc-typing span:nth-child(3){animation-delay:.3s}.svc-doc__scan{animation:3.2s cubic-bezier(.65,0,.35,1) 3 svc-scan}.svc-row{transform-origin:0;animation:svc-grow 4s var(--ease-out-expo) 3 both}}@keyframes svc-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes svc-scan{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1;transform:translateY(6.6rem)}to{opacity:0;transform:translateY(6.6rem)}}@keyframes svc-flow{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes svc-grow{0%{transform:scaleX(.2)}30%,to{transform:scaleX(1)}}.calc-range{appearance:none;cursor:pointer;background:0 0;height:44px}.calc-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#3cf2c9,#ffffff1f);border-radius:999px;height:6px}.calc-range::-moz-range-track{background:#ffffff1f;border-radius:999px;height:6px}.calc-range::-moz-range-progress{background:#3cf2c9;border-radius:999px;height:6px}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;background:#eceff4;border-radius:999px;width:24px;height:24px;margin-top:-9px;box-shadow:0 0 0 5px #3cf2c940}.calc-range::-moz-range-thumb{background:#eceff4;border:0;border-radius:999px;width:24px;height:24px;box-shadow:0 0 0 5px #3cf2c940}