.flow{--slot:.7s;--period:calc(var(--n,10) * var(--slot));--fw-bg:#ffffff0b;--fw-bar:#ffffff08;--fw-edge:#ffffff1a;--fw-dot:#ffffff29;--fw-shadow:none;--fa-line:#7fc7ea66;--fa-head:#7fc7ea;--fa-pill:#0a2233;--glow:#7fc7ea;margin:0}.flow--light{--fw-bg:#ffffffd1;--fw-bar:#f4f7f9e6;--fw-edge:#0a2a3f1a;--fw-dot:#0a2a3f24;--fw-shadow:0 2px 6px #0a2a3f0d, 0 12px 32px -12px #0a2a3f2e;--fa-line:#0571a459;--fa-head:#0571a4;--fa-pill:#fff;--glow:#0d8ece}.fw{background:var(--fw-bg);border:1px solid var(--fw-edge);box-shadow:var(--fw-shadow);-webkit-backdrop-filter:blur(10px);border-radius:14px;position:relative}.fw__bar{border-bottom:1px solid var(--fw-edge);background:var(--fw-bar);border-radius:14px 14px 0 0;align-items:center;gap:5px;padding:9px 12px;display:flex}.fw__bar i{background:var(--fw-dot);border-radius:50%;width:8px;height:8px}.fw__bar span{letter-spacing:.04em;color:var(--muted);margin-left:8px;font-size:.75rem;font-weight:700}.fw__body{gap:4px;padding:16px 18px;display:grid}.fw strong{color:var(--heading);font-size:1rem;line-height:1.25}.fw p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.45}.fw__body--ico{grid-template-columns:auto 1fr;align-items:start;column-gap:12px}.fw__body--ico>:not(.fw__ico){grid-column:2}.fw__ico{background:color-mix(in srgb, var(--sz-blue) 10%, transparent);width:36px;height:36px;color:var(--accent-text);border-radius:10px;grid-row:1/span 3;place-items:center;display:grid}.fw__ico svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fw__tag{border:1px dashed var(--fw-edge);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:999px;justify-self:start;margin-top:6px;padding:2px 8px;font-size:.6875rem;font-weight:700}.fw--sanzar{--heading:#fff;--muted:#b9d3e2;background:linear-gradient(155deg,#0b77ad 0%,#0a5e8c 55%,#0a3f60 100%);border-color:#7fc7ea99;box-shadow:0 0 0 1px #0d8ece4d,0 18px 60px -12px #0d8eceb3}.fw--sanzar .fw__bar{background:#ffffff0f;border-color:#ffffff29}.fw--sanzar .fw__bar i{background:#ffffff59}.fw--sanzar .fw__bar span{color:#fff}.fw--sanzar .fx:after{--glow:#fff}.fw-steps{padding:14px;display:grid}.fw-step{background:#04162473;border:1px solid #ffffff24;border-radius:10px;align-content:start;gap:4px;padding:14px 16px;display:grid;position:relative}.fw-step__n{letter-spacing:.1em;color:#7fc7ea;font-size:.6875rem;font-weight:700}.fw-step__out{color:#fff;margin-top:6px;font-size:.75rem;font-weight:700}.fw-step-arr{background:#ffffff80;justify-self:center;width:1px;height:16px}.fa{--len:46px;place-items:center;min-height:52px;display:grid;position:relative}.fa:before{content:"";background:var(--fa-line);width:1px;position:absolute;top:0;bottom:6px;left:50%}.fa:after{content:"";border:4px solid #0000;border-top:6px solid var(--fa-head);border-bottom:0;position:absolute;bottom:0;left:calc(50% - 4px)}.fa span{z-index:1;background:var(--fa-pill);border:1px solid var(--fw-edge);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:.75rem;position:relative}.fa__dot{z-index:2;width:9px;height:9px;box-shadow:0 0 10px 3px var(--glow), 0 0 22px 6px #0d8ece8c;opacity:0;background:#fff;border-radius:50%;position:absolute;top:-4px;left:calc(50% - 4px)}.fx:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid var(--glow);box-shadow:0 0 24px -2px var(--glow), inset 0 0 24px -10px var(--glow);opacity:0;position:absolute;inset:-1px}.is-in .fx:after{animation:flow-lit var(--period) linear infinite;animation-delay:calc(var(--i) * var(--slot))}.is-in .fa__dot{animation:flow-travel-y var(--period) linear infinite;animation-delay:calc(var(--i) * var(--slot))}@keyframes flow-lit{0%{opacity:0}3%,12%{opacity:1}22%,to{opacity:0}}@keyframes flow-travel-y{0%{opacity:0;transform:translateY(0)}1%{opacity:1}9%{opacity:1;transform:translateY(var(--len))}11%,to{opacity:0;transform:translateY(var(--len))}}@keyframes flow-travel-x{0%{opacity:0;transform:translate(0)}1%{opacity:1}9%{opacity:1;transform:translateX(var(--len))}11%,to{opacity:0;transform:translateX(var(--len))}}@keyframes flow-rot{to{transform:rotate(360deg)}}@media (width>=700px){.fw-steps{grid-template-columns:1fr 18px 1fr 18px 1fr}.fw-step-arr{align-self:center;width:18px;height:1px}.fa--h{--len:128px}.fa--h:before{width:auto;height:1px;inset:50% 14px auto 8px}.fa--h:after{border:4px solid #0000;border-left:6px solid var(--fa-head);border-right:0;inset:calc(50% - 4px) 8px auto auto}.fa--h .fa__dot{top:calc(50% - 4px);left:4px}.is-in .fa--h .fa__dot{animation-name:flow-travel-x}}@media (prefers-reduced-motion:reduce){.is-in .fx:after,.is-in .fa__dot{animation:none}}@media (width>=700px) and (width<=999px){.flow--late .fa--h{--len:46px}.flow--late .fa--h:before{width:1px;height:auto;inset:0 auto 6px 50%}.flow--late .fa--h:after{border:4px solid #0000;border-top:6px solid var(--fa-head);border-bottom:0;inset:auto auto 0 calc(50% - 4px)}.flow--late .fa--h .fa__dot{top:-4px;left:calc(50% - 4px)}.is-in.flow--late .fa--h .fa__dot,.is-in .flow--late .fa--h .fa__dot{animation-name:flow-travel-y}}