.player-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;background:#b9b9b9;position:relative;height:100%}.player-banner .player-info{position:relative;z-index:1;padding:.375em .625em;-ms-flex-preferred-size:100%;flex-basis:100%;background:#fff;font-size:.75em}.player-banner .player-info .columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.player-banner .player-info .columns li{padding:.1875em}.player-banner .player-info h2{font-size:1em;padding:.375em .625em;background:rgba(0,50,99,.2);margin-top:1.25em;margin-bottom:.625em}.player-banner .player-img{position:relative;-ms-flex-preferred-size:100%;flex-basis:100%}.player-banner .player-img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:0}.pitch-plot-container{position:relative;overflow:hidden}.pitch-plot-container svg{width:100%;height:100%;max-height:60vh;position:absolute;top:0;left:0}.pitch-plot-container svg#pitch-plot-strike-zone{z-index:101;pointer-events:none}.pitch-plot-container svg#pitch-plot-svg{z-index:100}.pitch-plot-container svg circle{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;stroke:#fff;stroke-width:.005}.pitch-plot-container svg circle.active{opacity:1}.pitch-plot-container svg circle.selected{opacity:1;stroke:#000;stroke-width:.05}.pitch-plot-container svg rect{stroke:#ce1126}.pitch-plot-container ul{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;list-style:none}.pitch-plot-container ul li{padding:0;margin:0;width:16.6666666667%}.pitch-plot-container ul li.all label{background:#000}.pitch-plot-container ul li.sn label{background:#ff7f0e}.pitch-plot-container ul li.ch label{background:#1f77b4}.pitch-plot-container ul li.ct label{background:#8c564b}.pitch-plot-container ul li.sl label{background:#e377c2}.pitch-plot-container ul li.fb label{background:#d62728}.pitch-plot-container ul li.cb label{background:#9467bd}.pitch-plot-container form li{position:relative}.pitch-plot-container form input[type=checkbox]{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;opacity:0;background:transparent;border:none;margin:0;padding:0}.pitch-plot-container form input[type=checkbox]:checked+label{font-weight:700;border:3px solid #000}.pitch-plot-container form label{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;border:3px solid transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pitch-plot-container .pitch-info{padding:1.25em 1.25em 6.25em 1.25em}.pitch-list-container{overflow-y:auto;scroll-behavior:smooth;position:relative}.pitch-list-container .sort-by{padding:.25em}.pitch-list-container .sort-by select{width:100%}.pitch-list-container li{list-style:none}.pitch-list-container>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;list-style:none}.pitch-list-container>ul>li{margin:0;padding:0;max-height:0;overflow:hidden;position:relative}.pitch-list-container>ul>li>*{position:relative;z-index:1}.pitch-list-container>ul>li:before{content:"";width:.625em;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;opacity:.2;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;background:transparent}.pitch-list-container>ul>li.all:before{background:#000}.pitch-list-container>ul>li.sn:before{background:#ff7f0e}.pitch-list-container>ul>li.ch:before{background:#1f77b4}.pitch-list-container>ul>li.ct:before{background:#8c564b}.pitch-list-container>ul>li.sl:before{background:#e377c2}.pitch-list-container>ul>li.fb:before{background:#d62728}.pitch-list-container>ul>li.cb:before{background:#9467bd}.pitch-list-container>ul>li button{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.pitch-list-container>ul>li ul{padding:.75em 1.25em}.pitch-list-container>ul>li ul li{padding:.125em .25em;font-size:.875rem}.pitch-list-container>ul>li ul li.center{text-align:center}.pitch-list-container>ul>li:last-of-type{margin-bottom:0}.pitch-list-container>ul>li.active{max-height:1000px;border-bottom:1px solid #c9c9c9}.pitch-list-container>ul>li.selected{background:#f8f8f8;-webkit-box-shadow:inset 0 0 .3125em .3125em rgba(0,0,0,.1);box-shadow:inset 0 0 .3125em .3125em rgba(0,0,0,.1)}.pitch-list-container>ul>li.selected:before{opacity:1;width:.875em}header{background:#ce1126;-webkit-box-shadow:0 0 .75em #000;box-shadow:0 0 .75em #000;position:relative;z-index:4001;display:-webkit-box;display:-ms-flexbox;display:flex}header .main-button{display:none}header .logo{width:2.8125em;max-height:2.625em}header .logo svg{width:100%;height:100%;display:block}header ul{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;list-style:none}header .icons{margin:0 auto}header .icons button{width:3.4375em;height:3.4375em;padding:0;margin:0;border:0}header nav{position:relative;z-index:2002;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:.625em;background:#ce1126}header nav.menu button{margin-right:.625em;background:#fff;border-radius:.375em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}header nav.menu button svg{fill:#003263}header nav.menu button:last-child{margin-right:0}header nav.menu button.active{background:#27272a}header nav.menu button.active svg{fill:#fff}header nav.menu .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto}header nav.info,header nav.options,header nav.pitches,header nav.players{position:absolute;top:-100vh;right:0;z-index:2001;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;max-width:48em;max-height:60vh;background:#fff;padding:.75em;overflow-y:auto;-webkit-transition:top .3s ease-in-out;transition:top .3s ease-in-out}header nav.info.active,header nav.options.active,header nav.pitches.active,header nav.players.active{top:4.375em}header nav.info li button,header nav.info li label,header nav.options li button,header nav.options li label,header nav.pitches li button,header nav.pitches li label,header nav.players li button,header nav.players li label{width:100%;padding:.625em;text-transform:uppercase;border-radius:.25em;border:1px solid #333;font-size:1rem;text-align:center}header nav.info li label,header nav.options li label,header nav.pitches li label,header nav.players li label{position:relative;z-index:0;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.625em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#c5c5c5}header nav.info li input[type=checkbox],header nav.options li input[type=checkbox],header nav.pitches li input[type=checkbox],header nav.players li input[type=checkbox]{position:absolute;top:0;left:1;z-index:0;width:100%;height:100%;opacity:0;margin:0;padding:0}header nav.info li.active button,header nav.info li input[type=checkbox]:checked+label,header nav.options li.active button,header nav.options li input[type=checkbox]:checked+label,header nav.pitches li.active button,header nav.pitches li input[type=checkbox]:checked+label,header nav.players li.active button,header nav.players li input[type=checkbox]:checked+label{background:#27272a;color:#fff}header nav.info{height:100%;min-height:27.5em;padding:0}header nav.options li,header nav.pitches li{position:relative}header nav.options ul ul,header nav.pitches ul ul{margin-top:.625em}header nav.pitches li.all input[type=checkbox]:checked+label{background:#000}header nav.pitches li.sn input[type=checkbox]:checked+label{background:#ff7f0e}header nav.pitches li.ch input[type=checkbox]:checked+label{background:#1f77b4}header nav.pitches li.ct input[type=checkbox]:checked+label{background:#8c564b}header nav.pitches li.sl input[type=checkbox]:checked+label{background:#e377c2}header nav.pitches li.fb input[type=checkbox]:checked+label{background:#d62728}header nav.pitches li.cb input[type=checkbox]:checked+label{background:#9467bd}header nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header nav ul ul{padding-left:1.25em}header .loading{top:4.375em;z-index:2000;opacity:0;max-height:0;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}header .loading.active{max-height:1000vh;opacity:.9}.player-page{position:fixed;top:0;left:0;height:100%;width:100%;display:grid;grid-template-rows:4.375em 0 1fr 1fr;grid-template-areas:"header" "player-banner" "playpitch-plot-container" "pitch-list-container"}.player-page.children-3{grid-template-rows:4.0625em 1fr 1fr;grid-template-areas:"header" "playpitch-plot-container" "pitch-list-container"}.player-page header{grid-area:header;border-bottom:3px solid #333}.player-page .player-banner{grid-area:player-banner;overflow:hidden}.player-page .pitch-plot-container{grid-area:playpitch-plot-container;border-bottom:3px solid #333}.player-page .pitch-list-container{height:100%;max-height:50vh;grid-area:pitch-list-container}body,html{padding:0;margin:0;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#fff;min-height:-webkit-fill-available}body.active,html.active{overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#2b2b2b}::-webkit-scrollbar-thumb:hover{background:#555}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}img{width:100%;height:auto}h2,li,p,ul{margin:0 0 .25em 0}h1{display:block;text-transform:uppercase;margin:0 .625em 0 0;font-size:.75rem;color:#fff}h2{font-size:1.125rem}.hide{display:none!important;position:fixed;left:-10000vw;top:-10000vh}.columns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding:0}.columns li{width:70%}.columns li:first-child{padding-right:.125em}.columns li:first-child,.columns li:nth-child(odd){width:30%;font-weight:700;text-align:right}.columns.two li,.columns.two li:nth-child(n){width:50%}.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,50,99,.9);z-index:9999}.loading svg{width:100%;height:auto}.loading .logo{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40vw;padding:1.875em;border-radius:.375em;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:12.5em}.loading .logo .anim{width:10vw;height:10vw;max-width:3.75em;max-height:3.75em;margin-top:1.25em;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}.wrapper{width:100%;max-width:81.25em;margin:0 auto;position:relative}.logo.error{max-width:25em;text-align:center;background:red;-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000}.logo.error svg{max-width:3.75em}.logo.error p{margin-top:.875em;font-size:1.375rem;line-height:1;font-weight:700;text-transform:uppercase}@media only screen and (min-width:25.875em){h1{font-size:1.125rem}}@media only screen and (min-width:48em){h1{font-size:1.375rem}header nav.info,header nav.options,header nav.pitches,header nav.players{max-height:50vh}.player-banner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.player-banner .player-info{border-right:1px solid #333}}@media only screen and (min-width:64em){header .info-button{display:none}header .main-button{display:block}.pitch-plot-container svg{max-height:100%}.player-page{grid-template-areas:"header header header header" ". playpitch-plot-container player-banner ." ". playpitch-plot-container pitch-list-container ."}.player-page,.player-page.children-3{grid-template-columns:1fr minmax(37.5em,50em) minmax(18.75em,31.25em) 1fr;grid-template-rows:4.375em 15em 1fr}.player-page.children-3{grid-template-areas:"header header header header" ". playpitch-plot-container pitch-list-container ." ". playpitch-plot-container pitch-list-container ."}.player-page>.player-banner{border-left:2px solid #333;border-bottom:2px solid #333}.player-page .pitch-plot-container{border:0}.player-page .pitch-list-container{border-left:2px solid #333;max-height:none}.player-page header{grid-area:header}.pitch-plot-container svg{width:100%;height:100%;margin-left:auto;margin-right:auto}}@media only screen and (min-width:81.25em){.player-page>.player-banner{border-right:2px solid #333}.player-page .pitch-plot-container{border-left:2px solid #333}.player-page .pitch-list-container{border-right:2px solid #333}}