#q-brand #qb-connect .qb-flow-demo{--flow-duration:7s;--flow-play-state:paused;--flow-enter:translateX(-60%);--flow-leave:translateX(60%);margin:0 0 38px}#q-brand #qb-connect .qb-flow-demo[data-flow-state=running]{--flow-play-state:running}#q-brand #qb-connect .qb-data-flow{margin-bottom:12px}#q-brand #qb-connect .qb-flow-source,#q-brand #qb-connect .qb-flow-portals{gap:19px;display:grid}#q-brand #qb-connect .qb-flow-source-logos,#q-brand #qb-connect .qb-flow-portal-logos{place-items:center;gap:24px;width:100%;min-width:0;display:grid}#q-brand #qb-connect .qb-flow-step{color:#b7c2af;letter-spacing:.065em;text-align:center;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.5}#q-brand #qb-connect .qb-flow-center{color:#f4f8ef;background:#1b241b;border:1px solid #8cb64761;border-radius:18px;padding:18px 15px 17px;box-shadow:0 0 0 1px #b1fa2405}#q-brand #qb-connect .qb-flow-center .qb-flow-step{color:#a3b592;margin-bottom:10px;font-size:9px}#q-brand #qb-connect .qb-flow-brand{color:var(--lime);margin-bottom:7px;font-size:29px;position:relative}#q-brand #qb-connect .qb-flow-center strong{font-size:12px}#q-brand #qb-connect .qb-flow-center>span{color:#b7c5ad;margin-top:4px;font-size:10px}#q-brand #qb-connect .qb-flow-receipt{opacity:0;margin-left:7px;display:inline-flex;position:absolute;top:7px}#q-brand #qb-connect .qb-flow-receipt svg{width:16px;height:16px}#q-brand #qb-connect .qb-flow-progress{background:#b1fa2424;border-radius:3px;height:3px;margin:15px 9px 0;overflow:hidden}#q-brand #qb-connect .qb-flow-progress-fill{background:var(--lime);transform-origin:0;border-radius:inherit;width:100%;height:100%;transform:scaleX(1)}#q-brand #qb-connect .qb-flow-link{height:12px;box-shadow:none;background:0 0;border-radius:0}#q-brand #qb-connect .qb-flow-link:after{content:none;animation:none}#q-brand #qb-connect .qb-flow-link:before{content:"";background:#a6cf5b50;height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0}#q-brand #qb-connect .qb-flow-packet{opacity:0;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}#q-brand #qb-connect .qb-flow-packet i{background:var(--lime);border-radius:2px;flex:0 0 5px;width:5px;height:5px;box-shadow:0 0 9px #b1fa2440}#q-brand #qb-connect .qb-flow-packet i:first-child{opacity:.35}#q-brand #qb-connect .qb-flow-packet i:nth-child(2){opacity:.65}#q-brand #qb-connect .qb-flow-caption{color:#a3b099;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 20px;font-size:11px;line-height:1.6;display:flex}#q-brand #qb-connect .qb-flow-toggle{color:#dfe8d7;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #647653;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}#q-brand #qb-connect .qb-flow-toggle:hover{color:#f5ffe9;border-color:#b1fa24a6}#q-brand #qb-connect .qb-flow-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:4px}#q-brand #qb-connect .qb-flow-toggle svg{width:13px;height:13px;display:block}#q-brand #qb-connect .qb-flow-toggle[hidden],#q-brand #qb-connect .qb-flow-toggle [hidden]{display:none}#q-brand #qb-connect [data-flow-ready] .qb-flow-packet-in{animation:qb-flow-arrive var(--flow-duration) linear infinite}#q-brand #qb-connect [data-flow-ready] .qb-flow-packet-out{animation:qb-flow-distribute var(--flow-duration) linear infinite}#q-brand #qb-connect [data-flow-ready] .qb-flow-progress-fill{animation:qb-flow-process var(--flow-duration) linear infinite}#q-brand #qb-connect [data-flow-ready] .qb-flow-receipt{animation:qb-flow-receive var(--flow-duration) linear infinite}#q-brand #qb-connect [data-flow-ready] .qb-flow-center{animation:qb-flow-glow var(--flow-duration) linear infinite}#q-brand #qb-connect [data-flow-ready] .qb-flow-portal-logos{animation:qb-flow-delivered var(--flow-duration) linear infinite;border-radius:8px}#q-brand #qb-connect [data-flow-ready] .qb-flow-packet,#q-brand #qb-connect [data-flow-ready] .qb-flow-progress-fill,#q-brand #qb-connect [data-flow-ready] .qb-flow-receipt,#q-brand #qb-connect [data-flow-ready] .qb-flow-center,#q-brand #qb-connect [data-flow-ready] .qb-flow-portal-logos{animation-play-state:var(--flow-play-state)}@keyframes qb-flow-arrive{0%,5%{opacity:0;transform:var(--flow-enter)}10%{opacity:1}26%{opacity:1;transform:var(--flow-leave)}29%,to{opacity:0;transform:var(--flow-leave)}}@keyframes qb-flow-process{0%,29%{transform:scaleX(0)}58%,92%{transform:scaleX(1)}99%,to{transform:scaleX(0)}}@keyframes qb-flow-receive{0%,25%{opacity:0;transform:scale(.85)}30%,58%{opacity:1;transform:scale(1)}65%,to{opacity:0;transform:scale(1)}}@keyframes qb-flow-glow{0%,25%,67%,to{border-color:#8cb64761;box-shadow:0 0 0 1px #b1fa2405,0 0 22px #b1fa2400}31%,56%{border-color:#b1fa24a3;box-shadow:0 0 0 3px #b1fa240b,0 0 22px #b1fa241a}}@keyframes qb-flow-distribute{0%,61%{opacity:0;transform:var(--flow-enter)}65%{opacity:1}81%{opacity:1;transform:var(--flow-leave)}84%,to{opacity:0;transform:var(--flow-leave)}}@keyframes qb-flow-delivered{0%,78%,to{filter:brightness()}84%,91%{filter:brightness(1.2)}}@media (width<=800px) and (width>=561px){#q-brand #qb-connect .qb-flow-center{padding:17px 9px 15px}#q-brand #qb-connect .qb-flow-brand{font-size:26px}#q-brand #qb-connect .qb-flow-receipt{margin-left:4px}#q-brand #qb-connect .qb-flow-receipt svg{width:13px;height:13px}#q-brand #qb-connect .qb-flow-source-logos,#q-brand #qb-connect .qb-flow-portal-logos{gap:20px}}@media (width<=560px){#q-brand #qb-connect .qb-flow-demo{--flow-enter:translateY(-65%);--flow-leave:translateY(65%);margin-bottom:29px}#q-brand #qb-connect .qb-data-flow{gap:12px;margin-bottom:15px;padding:8px 0}#q-brand #qb-connect .qb-flow-source,#q-brand #qb-connect .qb-flow-portals{grid-template-columns:minmax(0,1fr);gap:13px;width:100%;padding:0}#q-brand #qb-connect .qb-flow-source-logos,#q-brand #qb-connect .qb-flow-portal-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#q-brand #qb-connect .qb-flow-portals img{width:100%}#q-brand #qb-connect .qb-flow-link{width:12px;height:42px}#q-brand #qb-connect .qb-flow-link:before{width:1px;height:auto;inset:0 auto 0 calc(50% - .5px)}#q-brand #qb-connect .qb-flow-packet{flex-direction:column}#q-brand #qb-connect .qb-flow-center{width:min(238px,100%);padding:17px 18px}#q-brand #qb-connect .qb-flow-caption{flex-direction:column;gap:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){#q-brand #qb-connect .qb-flow-toggle{display:none}#q-brand #qb-connect .qb-flow-progress-fill{transform:scaleX(1)}#q-brand #qb-connect .qb-flow-packet,#q-brand #qb-connect .qb-flow-receipt{opacity:0}}