*{box-sizing:border-box}#scroll{font-family:'Roboto Condensed';font-size:30px;position:relative;width:100%;max-width:1284px;margin:auto;display:none;font-size:12px}#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:-webkit-sticky;position:sticky;top:0;left:0;width:100%}#scroll .viz_holder{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:800px;margin:auto}#scroll .viz_content{display:0 1 auto}#scroll .viz_footer,#scroll .viz_header{padding:20px;padding-top:10px;padding-bottom:10px;background:repeating-linear-gradient(-45deg,#fff,#fff 2px,#ebf6f7 2px,#ebf6f7 10px)}#scroll .viz_header{-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #fff}#scroll .viz_footer{position:relative;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #fff}#scroll .player_img{position:relative;float:left;width:60px;height:60px;border-radius:50%;background-color:#32858d;margin-right:10px}#scroll .league_logo{position:relative;float:right;width:60px}#scroll #viz_canvas{width:100%;max-width:800px;margin:auto}#scroll .scroll__text{position:relative;padding:0 1rem;width:100%}#scroll .step{display:flex;justify-content:center;align-items:flex-start;align-content:flex-start;min-height:300px;padding-bottom:10%}#scroll .step_content{flex:0 1 auto;top:40%;padding:1rem;padding-top:.1rem;width:100%;max-width:700px;border:none;background-color:rgba(235,246,247,.85);color:#000}#scroll .step p{text-align:center;padding-left:1rem;padding-right:1rem;font-size:1.5rem}#scroll .step .data_note{font-size:.8rem;font-style:italic}#scroll .badge_holder{display:flex;justify-content:center;text-align:center}#scroll .pitch_badge{flex:0 1 auto;padding:5px;padding-top:2px;padding-bottom:2px;margin:2px;background-color:grey;color:#fff;font-weight:700;border-radius:5px;line-height:100%}#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:1.5rem}}@media (max-width:500px){#scroll .league_logo{width:50px}#scroll .badge_holder{flex-direction:column;max-width:120px;margin:auto}}