body.dev-env{max-width:620px;margin:0 auto;background:#fff;padding:10px}body.dev-env p{margin-bottom:20px}.t2zoom-on-scroll{width:calc(100% + 20px);margin-left:-10px}.chromeless .t2zoom-on-scroll .graphic,.t2zoom-on-scroll .chromeless-inset{display:none}.chromeless .t2zoom-on-scroll .chromeless-inset{display:block}.graphic{width:100%;margin:20px 0;position:relative}.graphic .waypoint{padding:0;margin:0;min-height:400px;position:relative;z-index:3}.graphic .waypoint span{background:#000;color:#fff;line-height:30px;padding:5px;transition:opacity 1s}.graphic .waypoint p{width:250px;float:right}.graphic.is-bottom .waypoint span{opacity:0}.graphic__vis{position:absolute;top:0;height:100vh;max-width:100%;overflow:hidden;z-index:2}.graphic__vis.graph-scroll-below,.is-bottom .graphic__vis{top:auto;bottom:0}.is-fixed .graphic__vis{position:fixed}.graphic__vis.graph-scroll-fixed{position:fixed;right:auto}.graphic__vis>img{transition:transform 3s;max-width:620px}.graphic__vis figure{opacity:0;width:200px;position:absolute;top:0;left:0;text-align:center}.graphic__vis figure picture{border:3px solid #fff;z-index:2}.waypoint[data-step="0"] p{position:relative;top:150px}.waypoint[data-step="2"] p{position:relative;top:-250px}.zoom-level-0+.graphic__vis>img{transform:scale(1.2) translate(0,8%)}.zoom-level-1+.graphic__vis>img{transform:scale(4) translate(0,12%)}.zoom-level-2+.graphic__vis>img{transform:scale(1.2) translate(0,18%);transition-delay:.5s}.zoom-level-1+.graphic__vis figure{opacity:1;transition:opacity 2s;transition-delay:1s}@media only screen and (min-width:40em){.t2zoom-on-scroll{margin:0;width:100%}.zoom-level-1+.graphic__vis>img{transform:scale(4) translate(0,17%)}.graphic__vis figure{top:20%;left:4%}}@media only screen and (min-width:64em){.t2zoom-on-scroll .graphic,.t2zoom-on-scroll .graphic__vis>img{max-width:820px}.t2zoom-on-scroll .graphic{margin:0 calc(10 * -10px);width:820px}.t2zoom-on-scroll .zoom-level-0+.graphic__vis>img{transform:none}}