.App{text-align:center}.App-logo{height:80px;animation:20s linear infinite App-logo-spin}.App-header{color:#fff;background-color:#222;height:150px;padding:20px}.App-title{font-size:1.5em}.App-intro{font-size:large}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Rubik;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-WYiFV0Uw.ttf)format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0Uw.ttf)format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFV0Uw.ttf)format("truetype")}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.switch span{color:#aaa}.switch span.selected{color:#5292a1}.switch-back{border:1px solid #333;border-radius:14px;width:24px;height:14px;margin:0 4px;display:inline-block}.switch-knob{background-color:#aaa;border:1px solid #322;border-radius:12px;width:10px;height:10px;display:inline}.switch.a-selected .switch-knob{float:left}.switch.b-selected .switch-knob{float:right}.pitchView select{background:#ffffffb3;margin:.15em .075em;font-size:.9rem}.pitchView .overlay{flex-direction:column;align-items:center;width:100%;font-size:.9em;display:flex;position:absolute;top:0}.pitchView canvas{cursor:all-scroll}#pitch-header{height:5rem;position:relative}#pitch-header button.share{color:#fff;text-align:center;background-color:#fafeff;border:.5px solid #7797a2;border-radius:5px;outline:none;padding:5px;text-decoration:none;display:inline-block;position:absolute;top:5px;left:5px}#pitch-header button.share:hover{background-color:#9fc9d8}#pitch-header .logo{width:136px;position:absolute;bottom:1px;left:2px}#pitch-header #pitcher_name{color:#4a4a4a;font-size:8rem;top:-2rem;left:5%}#pitch-header #season_pitch_count{color:#000;font-size:.8rem;top:3.5rem;right:30%}#pitch-header #dual_toggle_label{position:absolute;bottom:10px;right:10px}#pitch-header #single-dual-toggle{position:absolute;bottom:5px;right:5px}#pitch-header #single-dual-toggle rect{fill:none;stroke:#333}#pitch-header #single-dual-toggle span.selected rect{fill:#eee;stroke:#5a9aa8;stroke-width:2.5px}#pitch-header button.hints{color:#3b8992;border-radius:1em;outline:0;font-family:serif;font-size:1em;font-style:italic;font-weight:700;position:absolute;top:.5em;right:.5em}#pitch-header button.hints:hover{color:#66aab8;background-color:#f6f6f6}#pitch-header div#hints{z-index:300;color:#fff;background-color:#00000080;border:thin solid #333;border-radius:5px;padding:1em;display:none;position:fixed;top:15vh;left:30vw;right:30vw}#pitch-header div#hints.visible{display:unset}#pitch-header div#hints p{margin-bottom:2.5em}#pitch-header div#hints [class*=close-]{color:#fff;font-size:1.5rem;font:22/100% arial, sans-serif;text-shadow:0 1px #fff;text-decoration:none;position:absolute;top:3px;right:6px}#pitch-header div#hints [class*=close-]:hover{color:#4fafc2}#pitch-header div#hints .close-classic:after{content:"X"}#pitch-header div#hints .close-thin:after{content:"×"}#pitch-header div#hints .close-thik:after{content:"✖"}#view_list{cursor:default;background-color:#ffffffb3;outline:1px solid #ddd;max-height:1em;padding:.25em;font-size:.9rem;transition:max-height .5s;overflow:hidden}#view_list h5{margin:0 0 .5rem}#view_list ul{text-align:left;-webkit-padding-start:0;margin:0;list-style-type:none}#view_list ul li{background-color:#f4f4f4cc;border-radius:2px;margin-top:.2em;padding:4px;font-size:.8em}#view_list ul li.highlighted{color:#fff;background-color:#4fafc2}#view_list.expanded{max-height:500px;transition:max-height .5s}.marks-select{background-color:#fff6;border-top:thin solid #7373735e;border-bottom:none;border-left:none;border-right:thin solid #7373735e;border-top-right-radius:30px;height:34px;padding:3px}.marks-select #stopwatch{margin:3px 2px 0 0}.marks-select #stopwatch:hover path,.marks-select #stopwatch:hover polygon{stroke-width:.5px;stroke:#4fafc2}.marks-select.open{border-radius:0;border-top-right-radius:unset;width:135px;height:180px;transition:height .4s}.marks-select.open #stopwatch{display:none}.marks-select:not(.open){width:36px}.marks-select:not(.open) #marks_sel,.marks-select:not(.open) [class*=close-],.marks-select:not(.open) .legend{display:none}.marks-select .h-centered{text-align:center}.marks-select .major-item{font-weight:700}.marks-select .subitem{font-style:italic}.marks-select select{background:#fff9;font-size:11px;position:relative;left:-1em}.marks-select .legend{margin-top:.5em;margin-left:.5em;font-size:.7rem}.marks-select .legend.interval-100ms li,.marks-select .legend.reaction li{margin-bottom:.5em}.marks-select .legend ul{text-align:left;-webkit-padding-start:0;margin:0;list-style-type:none}.marks-select .legend ul li{cursor:default}.marks-select .legend ul li .color-chip{border:1px solid #00000080;border-radius:.5em;width:.75em;height:.75em;margin-right:.5em;display:inline-block;position:relative;top:.15em}.marks-select .legend ul li .glyph{color:#888}.marks-select .legend ul div{vertical-align:top;display:inline-block}.marks-select .legend li.highlighted{color:#4fafc2}.marks-select [class*=close-]{color:#777;font:22/100% arial, sans-serif;text-shadow:0 1px #fff;text-decoration:none;position:absolute;top:3px;right:6px}.marks-select [class*=close-]:hover{color:#4fafc2}.marks-select .close-classic:after{content:"X"}.marks-select .close-thin:after{content:"×"}.marks-select .close-thik:after{content:"✖"}.pitch_color_select{background-color:#ffffffb3;min-width:100px;padding:.5em;font-size:.75rem;transition:max-height .5s;overflow:hidden}.pitch_color_select select{background:#fff9;margin-bottom:.5em;position:relative;left:-1em}.pitch_color_select ul{text-align:left;-webkit-padding-start:0;margin:0 0 0 .5em;list-style-type:none}.pitch_color_select ul li{cursor:default}.pitch_color_select ul li .color_chip{outline:1px solid #0003;width:.75em;height:.75em;margin-right:.5em;display:inline-block}.pitch_color_select ul li.highlighted{color:#fff;background-color:#4399ac}.play_details{background-color:#ffffffb3;border:none;border-top:1px solid #7373735e;border-left:1px solid #7373735e;border-top-left-radius:10px;min-width:250px;min-height:130px;padding:.5em;font-size:.8rem}.play_details.show{visibility:visible}.play_details:not(.show){visibility:hidden}.play_details ul{text-align:left;-webkit-padding-start:0;margin:0 0 0 .5em;line-height:140%;list-style-type:none}.play_details ul .value{font-weight:500}.play_details ul li.multiple span:not(:first-of-type){margin-left:1em}#tracking_view{overflow:hidden}#tracking_view .multiview>*{width:50%;height:100%;margin:0;padding:0;display:inline-block}#tracking_view .multiview>* .view3d{height:100%}#tracking_view .pitch_color_select{position:absolute;top:0;left:0}#tracking_view .multiview:not(.dual)>:first-of-type{width:100%}#tracking_view .multiview:not(.dual)>:nth-of-type(2){display:none}#tracking_view .multiview.dual.dual-v>*{width:100%;height:50%;display:block}#tracking_view .marks-select{position:absolute;bottom:0;left:0}#tracking_view .play_details{position:absolute;bottom:0;right:0}.gameday3.zone.chart svg.zone-chart{width:320px;height:360px}.gameday3.zone.chart svg.zone-chart rect.bin{stroke:#333;stroke-width:.5px}.gameday3.zone.chart svg.zone-chart rect.zone{fill:none;stroke:#000;stroke-width:4px;stroke-opacity:.2}.gameday3.zone.chart svg.plate{margin-top:50px}.gameday3.zone.chart svg.plate polygon{fill:#fff;stroke:#333}.gameday3.zone.chart .legend{text-align:left;position:absolute;top:200px;left:75%}.gameday3.zone.chart .legend .item{color:#444;margin-bottom:5px;font-size:.8rem}.gameday3.zone.chart .legend .item .color{width:11px;height:11px;margin-right:5px;display:inline-block}.gameday3.zone.chart .legend .item .color.high{background-color:#d0021b}.gameday3.zone.chart .legend .item .color.mid{background-color:#fff;outline:thin solid #aaa}.gameday3.zone.chart .legend .item .color.low{background-color:#0263d1}.chart-view-contents{flex-direction:column;align-items:center;display:inline-flex}.auxTable{color:#444;font-size:.7rem}.auxTable td{font-size:.7rem}.auxTable .date{margin-right:1.5em}.auxTable .hoverable{-webkit-text-decoration:underline dashed #00000080;text-decoration:underline dashed #00000080}.auxTable h4{margin:.5em 0}.auxTable h5{margin:0}.auxTable table{margin-top:.5em}.auxTable th,.auxTable td{text-align:right;min-width:3em;padding:0 .6em}.auxTable th:first-child,.auxTable td:first-child{text-align:left;min-width:9em;padding:0}.auxTable .pitch.count{font-weight:400}.auxTable td.hoverable.hover{color:#fff;background-color:#4399ac}.auxTable .pitchType{margin-bottom:1em}div.count-chart{padding:0}div.count-chart svg.count-chart{width:250px;height:250px}div.count-chart svg.count-chart g.root{opacity:.9}div.count-chart svg.count-chart line.center{stroke:#000;stroke-width:.5px;stroke-opacity:.1}div.count-chart svg.count-chart line.edge{stroke:#000;stroke-opacity:.3;stroke-width:1px}div.count-chart svg.count-chart circle{stroke-width:.3px}div.count-chart svg.count-chart circle.count.bounds{fill:#ddd;stroke:none}div.count-chart svg.count-chart g.count.highlight circle.bounds{stroke:#4fafc2;stroke-width:1px}div.count-chart svg.count-chart text.count{text-anchor:middle;fill:#000;font-size:.25rem}div.count-chart svg.count-chart text.label{font-size:.3rem;font-weight:unset;fill:#000;fill-opacity:.7}div.count-chart svg.count-chart text.label.left{text-anchor:start}div.count-chart svg.count-chart text.label.right{text-anchor:end}div.count-chart .caption{color:#aaa;text-align:center;font-size:.6em}.pitchList{margin:0 5rem}.pitchList .pa,.pitchList .inningTB,.pitchList .name{margin-right:1em}.pitchList .batSide{color:#aaa}.pitchList .pa{font-size:.8em}.pitchList ul{text-align:left;-webkit-padding-start:0;border-bottom:1px solid #b7b7b7;font-size:.7rem;list-style-type:none}.pitchList ul li{border-top:1px solid #b7b7b7;padding-top:.15rem}.pitchList ul li .parent{display:flex}.pitchList ul li .pitchNum{color:#c9c9c9;margin-right:.5em;font-size:2.1em}.pitchList ul li .pitchType{margin-right:.5em;font-weight:700}.pitchList ul li .spin{margin-left:1em}.pitchList ul li .count{margin-right:1em}.pitchList .name{font-weight:700}.paList{margin:0 5rem}.paList .pa,.paList .inningTB,.paList .name{margin-right:1em}.paList .batSide{color:#aaa}.paList ul{text-align:left;-webkit-padding-start:0;border-bottom:1px solid #b7b7b7;font-size:1rem;list-style-type:none}.paList ul li{border-top:1px solid #b7b7b7;padding:.15rem}.paList ul li .parent{display:flex}.paList ul li .pa{color:#999;font-size:.8em}.paList ul li .pitchTypeList{font-size:.8em}.paList ul li .pitchType{margin-right:.5em;font-weight:700}.paList ul li .outcome{font-size:.8em}.arsenal-chart svg line.center{stroke:#0000001a;stroke-width:1px}.arsenal-chart svg text.title{text-anchor:middle;fill:#000;font-size:1em}.arsenal-chart svg text{text-anchor:middle;fill:#666;font-size:.8em}.arsenal-chart svg text.side{fill:#00000080}.arsenal-chart svg text.side.lhh{text-anchor:start}.arsenal-chart svg text.side.rhh{text-anchor:end}.arsenal-chart svg text.percent{fill:#000000b3;font-size:.65em}.arsenal-chart svg text.percent.rhh{text-anchor:end}.arsenal-chart svg text.percent.lhh{text-anchor:start}.arsenal-chart svg text.percent.dim{fill-opacity:.5}.arsenal-chart svg rect.dim{fill-opacity:.2;stroke-opacity:.2}.arsenal-chart svg g.row text.cell{text-anchor:end;font-size:.7em}.aux_view h4{margin:.2em}.aux_view>div{text-align:left;vertical-align:text-top;cursor:default;margin:.2em .5em;padding:.5em;display:inline-block}.aux_view .count-chart{width:240px;height:240px}.hitter_side_select{-webkit-user-select:none;user-select:none}.hitter_side_select span{color:#888;cursor:pointer;margin:0 1em}.hitter_side_select span.selected{color:#64aab9;font-weight:700}.hitter_side_select.disabled{opacity:.5}.hitter_side_select.disabled span{color:#aaa}#pitch_data_message{color:#fff;z-index:1000;background-color:#000000bf;border-radius:.5em;padding:2em;font-size:2em;display:none}#pitch_data_message.show{display:unset}.copy-link.backdrop{z-index:1000;background-color:#0004;width:100%;height:100%;padding:50px;position:fixed;top:0;left:0}.copy-link.backdrop .front{background-color:#fff;border-radius:5px;width:400px;max-width:500px;margin:0 auto;padding:10px;display:inline-block;position:absolute;top:385px;left:15px}.copy-link.backdrop .front .title{position:absolute;top:5px;left:13px}.copy-link.backdrop .front .row1 .close{position:absolute;top:5px;right:5px}.copy-link.backdrop .front .row2{margin-top:1.5rem}.copy-link.backdrop .front .row2 .link{width:350px;font-size:.8em}.copy-link.backdrop .front .row2 button.copy-link{position:relative;top:2px}.copy-link.backdrop .front .row3{border-top:thin solid #000;margin-top:1em;padding:1em 0}.copy-link.backdrop .front .row3 a{margin:2rem}.copy-link.backdrop .front button.close{float:right}.copy-link.backdrop .front.cra{top:40px}html{font-size:initial}body{margin:0;padding:0}header h1{margin:1rem 0}header h4{margin:1rem}.pitching-main *{box-sizing:initial;line-height:initial}.pitching-main table{border:none}.pitching-main hr{border:.5px solid #000;margin-top:.5em;margin-bottom:.5em}.pitching-main #pitch_data_message{position:absolute;top:35%;left:40%}.pitching-main .switch{font-size:1.3rem}.pitching-main .switch .switch-back{background-color:#bbb;border:none}.pitching-main .switch .switch-knob{background-color:#fff;border:2px solid #959595}.pitching-main .controls{text-align:center;color:#333;position:relative}.pitching-main .controls>*{margin:.5rem}.pitching-main .controls #tracking-chart-toggle{position:absolute;top:0;right:0}.pitching-main .controls #middle_controls{display:inline-block}.pitching-main .controls #leftControls{position:absolute;top:0;left:0}.pitching-main .controls #leftControls #summary-games-toggle{display:inline-block}.pitching-main .controls #leftControls #year_select{margin-left:1.5em;position:relative;top:-.25em}.pitching-main .controls #rightControls{position:absolute;top:0;right:0}.pitching-main.tracking_enabled #dual_toggle_label,.pitching-main.tracking_enabled #summary_label,.pitching-main.tracking_enabled div #leftControls,.pitching-main.tracking_enabled #single-dual-toggle{opacity:1;transition:opacity .5s}.pitching-main.tracking_enabled #aux_view{opacity:1;transition:opacity 1s 1.5s}.pitching-main:not(.tracking_enabled) #dual_toggle_label,.pitching-main:not(.tracking_enabled) #aux_view,.pitching-main:not(.tracking_enabled) #summary_label,.pitching-main:not(.tracking_enabled) div #leftControls,.pitching-main:not(.tracking_enabled) #single-dual-toggle,.pitching-main:not(.games) #dual_toggle_label,.pitching-main:not(.games) #single-dual-toggle{opacity:0;transition:opacity .5s}#views{height:50vh;min-height:570px;position:relative;box-shadow:0 0 20px #0003}#views>*{width:100%;height:100%;position:absolute;top:0;left:0}.multiview{z-index:100;height:100%}.multiview .pitchView{position:relative}#view_list{position:absolute;top:0;right:0}.chart-view{z-index:200;background-color:#f8f8f8;display:none}.chart-view-contents{margin:2rem}canvas{outline:1px solid #bbb}#aux_view{margin-top:.2rem}#name{border:1px solid #666;width:350px;padding:8px;font-family:Roboto Condensed;font-size:14px;line-height:1.5em}h5{font-size:1rem}