body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0}.App{height:100vh;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-content-container{display:flex;flex-direction:column;height:calc(100vh - 64px);justify-content:center;padding-left:15px;padding-right:15px}.player-and-court-container{align-items:center;display:flex;flex-direction:column;height:100%;width:700px}.player-container{align-items:center;display:flex;flex-direction:row;height:15%;justify-content:center;width:100%}.court-and-out-of-bounds{aspect-ratio:1/2;background-color:#8f8665;cursor:pointer;display:flex;flex-direction:column;min-width:350px;width:100%}.long-out-of-bounds{display:flex;flex-direction:row;height:6%;width:100%}.long-out-of-bounds-subsection{box-sizing:border-box;height:100%;width:50%}.court-and-wide-out-of-bounds{border:2px solid #000;box-sizing:border-box;display:flex;height:88%;justify-content:center;width:100%}.wide-out-of-bounds{display:flex;flex-direction:column;height:100%;width:7%}.side-wide-out-of-bounds,.side-wide-out-of-bounds-subsection{box-sizing:border-box;height:50%;width:100%}.clickable-court-section{background-color:#c2b280;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}@media (hover:hover) and (pointer:fine){.clickable-court-section:hover{background-color:#55a5f0;box-shadow:0 3px 5px -1px #0003,0 6px 10px 0 #00000024,0 1px 18px 0 #0000001f}}@media (hover:none) and (pointer:coarse){.clickable-court-section{transition:none}}.in-bounds-court{border-left:2px solid #000;border-right:2px solid #000;box-sizing:border-box;height:100%;width:86%}.shot-location-grid{grid-gap:0;border-bottom:2px solid #000;box-sizing:border-box;display:grid;gap:0;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);height:50%;width:100%}.shot-location-section{border:1px solid #000;border-radius:0;box-sizing:border-box;height:100%;width:100%}.shot-location-grid>div:first-child{border-left:none;border-top:none}.shot-location-grid>div:nth-child(2),.shot-location-grid>div:nth-child(3),.shot-location-grid>div:nth-child(4){border-top:none}.shot-location-grid>div:nth-child(5){border-right:none;border-top:none}.shot-location-grid>div:nth-child(6){border-left:none}.shot-location-grid>div:nth-child(10){border-right:none}.shot-location-grid>div:nth-child(11){border-bottom:none;border-left:none}.shot-location-grid>div:nth-child(12),.shot-location-grid>div:nth-child(13),.shot-location-grid>div:nth-child(14){border-bottom:none}.shot-location-grid>div:nth-child(15){border-bottom:none;border-right:none}.attack-locations-and-free{border-top:2px solid #000;box-sizing:border-box;display:flex;flex-direction:column;height:50%;width:100%}.on-and-off-attack-locations{display:flex;flex-direction:row;height:70%;width:100%}.on-and-off-attack-location{display:flex;flex-direction:column;height:100%;width:20%}.on-attack-location{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.on-and-off-attack-locations>.on-and-off-attack-location:first-child{border-right:2px solid #000}.on-and-off-attack-locations>.on-and-off-attack-location:nth-child(2){border-right:1px solid #000}.on-and-off-attack-locations>.on-and-off-attack-location:nth-child(3){border-left:1px solid #000;border-right:1px solid #000}.on-and-off-attack-locations>.on-and-off-attack-location:nth-child(4){border-left:1px solid #000}.on-and-off-attack-locations>.on-and-off-attack-location:nth-child(5){border-left:2px solid #000}.attack-free-ball{flex-direction:column;height:30%;justify-content:center;text-align:center}.attack-free-ball,.serve-receive-grid{border-top:2px solid #000;box-sizing:border-box;width:100%}.serve-receive-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);height:50%}.serve-receive-lane{border:1px solid #000;box-sizing:border-box;height:100%;width:100%}.serve-receive-grid>div:first-child{border-left:none;border-top:none}.serve-receive-grid>div:nth-child(2),.serve-receive-grid>div:nth-child(3){border-top:none}.serve-receive-grid>div:nth-child(4){border-right:none;border-top:none}.serve-receive-grid>div:nth-child(5){border-left:none}.serve-receive-grid>div:nth-child(8){border-right:none}.serve-receive-grid>div:nth-child(9){border-bottom:none;border-left:none}.serve-receive-grid>div:nth-child(10),.serve-receive-grid>div:nth-child(11){border-bottom:none}.serve-receive-grid>div:nth-child(12){border-bottom:none;border-right:none}.rotate-180{transform:rotate(180deg)}.page-background{align-items:center;display:flex;flex-direction:column;padding:0}.page-content-container-stat-court{display:flex;flex-direction:row;height:calc(100vh - 64px);justify-content:center;padding-left:15px;padding-right:15px}.player-and-court-container-stat-court{align-items:center;display:flex;flex-direction:column;height:100%}.player-container-stat-court{align-items:center;display:flex;flex-direction:row;height:15%;justify-content:center;width:100%}.court-and-button-gutters-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:100%}.conditional-buttons-gutter{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:175px}::-webkit-scrollbar{background-color:#f1f1f1;width:12px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#555}.click-effect:active{transform:scale(.98)}.match-statting-left-sidebar-container{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;width:175px}.player-container-partnership-container{align-items:center;display:flex;flex-direction:row;height:15%;justify-content:center;width:100%}
/*# sourceMappingURL=main.cbf81489.css.map*/