*{box-sizing:border-box}#scroll{font-family:'Roboto Condensed';font-size:30px;position:relative}#scroll .ui-tooltip-content{font-size:1.2rem;font-family:'Roboto Condensed'}#scroll .scroll-down{text-align:center;margin-top:3rem}#scroll .scroll-text{color:#c42939;font-size:1.2rem;text-align:center;margin-bottom:.4rem;letter-spacing:.25rem;scroll-snap-type:y mandatory}#scroll .step{font-size:12px;min-height:687px;scroll-snap-align:start}#scroll .tick text{font-family:'Roboto Condensed';font-size:16px}#scroll .intro__dek{font-size:1.4rem}#scroll #intro{margin-bottom:320px}#scroll #outro{height:640px}#scroll .scroll__graphic{position:absolute;top:0;left:0;bottom:auto;width:50%;background-color:#fff;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#scroll .scroll__graphic.is-fixed{position:fixed;height:100%}#scroll .scroll__graphic.is-bottom{bottom:0;top:auto}#scroll .chart{position:absolute;right:1rem;top:30%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#scroll .chart p{text-align:center;padding:1rem;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:8rem;font-weight:900;color:#666}#scroll .scroll__text{position:relative;padding:0 1rem;max-width:28rem;width:43%}#scroll .step{margin:1rem auto;border:3px solid #399098;min-height:300px}#scroll .step.is-active{background-color:#eaf6f7}#scroll .step p{text-align:center;padding:1rem;font-size:1.5rem}#scroll .inactive{fill:#000;opacity:.1}#scroll .visible{visibility:visible}#scroll .hidden{visibility:hidden}#scroll .editable .annotation-subject,#scroll .editable .annotation-textbox{cursor:move}#scroll .annotation path{stroke:var(--annotation-color);fill:transparent}#scroll .annotation path.connector-arrow{fill:var(--annotation-color)}#scroll .annotation text{fill:var(--annotation-color)}#scroll .annotation-title{font-weight:700}#scroll circle.handle{stroke-dasharray:5;stroke:var(--annotation-color);fill:rgba(255,255,255,.5);cursor:move;stroke-opacity:.4}#scroll circle.handle.highlight{stroke-opacity:1}#scroll .annotation-note-bg{fill:rgba(255,255,255,0)}#scroll .dedicated-line{stroke:#00897b;stroke-width:5px}#scroll .embedded-line{stroke:#e4b0b0;stroke-width:5px}#scroll .embedded path{stroke:#006d62;fill:#006d62;fill-opacity:.25;stroke-width:2px}#scroll .dedicated path{stroke:#b68c8c;fill:#b68c8c;fill-opacity:.25;stroke-width:2px}@media (max-width:1024px){#scroll .step p{text-align:center;padding:1rem;font-size:1rem}}@media (max-width:500px){#scroll .step{min-height:531px}#scroll #scroll{height:100%;position:relative}#scroll .scroll-container{position:absolute;top:0}#scroll .scroll__text{width:100%;max-width:32rem;overflow-y:auto;overflow-x:hidden;position:relative}#scroll .scroll__graphic{width:100%;position:sticky;position:-webkit-sticky;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;text-align:center;top:0;z-index:10;padding-bottom:2rem;border-bottom:solid 3px #c42939}#scroll .scroll__graphic div{display:block}#scroll .chart{position:relative!important;right:0;top:inherit;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#scroll .step p{text-align:center;padding:1rem;padding-top:6rem;font-size:1.5rem}#scroll .plinko-spacing{height:700px!important}#scroll .tick text{font-family:'Roboto Condensed';font-size:11px}}