svg{display:block}.scrollytelling.story-body{max-width:1200px}.scrollytelling{display:flex;flex-wrap:wrap}.scrollytelling>*{flex-basis:100%;flex-shrink:0}.scrollytelling>.chart,.scrollytelling>.steps{flex-basis:20%;flex-shrink:0;flex-grow:1}.demo{position:relative;top:100;left:20%;width:100px;height:200px;background:red}.scrollytelling>.chart{flex-grow:6;overflow:hidden}.scrollytelling .chart{margin-right:15px;position:sticky;top:50px;z-index:0;height:90vh;display:flex;justify-content:center;align-items:center}.scrollytelling .chart svg{margin:auto}.scrollytelling .chart img{width:100wh}.scrollytelling .step{max-width:20rem;margin:0 auto 80vh;padding:30px;background:#d3d3d3;opacity:1;pointer-events:auto}.scrollytelling .step :first-child{margin-top:0;padding-top:0}.scrollytelling .step :last-child{margin-bottom:0;padding-bottom:0}.scrollytelling .steps{z-index:10;padding-bottom:1vh;pointer-events:none}@media (max-width:900px){.scrollytelling>*{flex-basis:100%!important}.scrollytelling .chart{margin-right:0}}
/*# sourceMappingURL=scrollytelling.d0aa0031.css.map */