/* One decorative, scroll-driven flowchart on every page. */
.si-flow-main{position:relative;isolation:isolate;--si-flow-a:#b6d9ff;--si-flow-b:#86bcff;--si-flow-c:#a9cfff;--si-flow-opacity:.88}
.si-flow-main>section{position:relative}
.studio-home main.si-flow-main>section>.wrap,.si-flow-main>section>.wrap,.si-flow-main>section>.shell{z-index:auto}
.si-flow-main>.studio-journey{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;user-select:none}
.si-flow-main>.studio-journey svg{display:block;width:100%;height:100%;overflow:hidden}
.si-flow-main .studio-journey stop:first-child{stop-color:var(--si-flow-a)}
.si-flow-main .studio-journey stop:nth-child(2){stop-color:var(--si-flow-b)}
.si-flow-main .studio-journey stop:last-child{stop-color:var(--si-flow-c)}
.si-flow-main .studio-flow-segment{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:var(--si-flow-opacity)}
.si-flow-main .flow-connector{stroke-width:3.5px}
.si-flow-main .flow-symbol{stroke-width:3px}
.si-flow-main .flow-direction{stroke-width:2px}
/* Foreground content protects labels, controls, charts and product imagery. */
.si-flow-main .si-flow-foreground{position:relative;z-index:2}
.si-flow-main .si-flow-layer{z-index:2}
.si-flow-main .studio-hero-art{z-index:0}
.canasta .si-flow-main,.pet .si-flow-main{--si-flow-a:#3a5a40;--si-flow-b:#497951;--si-flow-c:#315c42;--si-flow-opacity:.5}
.geniuses .si-flow-main{--si-flow-a:#bda05c;--si-flow-b:#be9636;--si-flow-c:#a78332;--si-flow-opacity:.65}
.kipo .si-flow-main{--si-flow-a:#a1ffda;--si-flow-b:#00e676;--si-flow-c:#69cdbb;--si-flow-opacity:.7}
.nomina .si-flow-main{--si-flow-a:#b3f1fa;--si-flow-b:#61d7f3;--si-flow-c:#93e5fa;--si-flow-opacity:.7}
@media(max-width:560px){.si-flow-main .flow-connector{stroke-width:2px}.si-flow-main .flow-symbol{stroke-width:1.75px}.si-flow-main .flow-direction{stroke-width:1.5px}}
@media(prefers-reduced-motion:reduce){.si-flow-main .studio-flow-segment{opacity:.4}}