body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;justify-content:space-between;height:100%;width:100%}.main{background:#f3f1f1;flex:3;height:100%;padding-left:20px;padding-right:20px;padding-bottom:60px;min-height:calc(100vh - 50px)}.sidebarContainer{flex:1;max-width:150px;min-height:calc(100vh - 50px)}.header{background:#0078d4;color:#fff;height:48px;width:100%;display:flex}.header-content{flex:7;margin-left:20px;padding-top:auto;padding-bottom:auto;width:30%}.header-content h1{font-size:16px}.header-right-icons{display:flex;flex:1;flex-flow:row-reverse;line-height:50px;float:right}.header-right-icons i{font-size:20px}.header-icon-feedback{color:#fff;margin-top:8px;margin-right:5px}.header-icon-profile{margin-top:8px;margin-right:5px}video{width:100%;max-width:80vw;height:auto;background-color:#000}.dot{width:10px;height:10px;border-radius:5px;background:#09f}.no-dot{width:10px;height:10px;border-radius:5px}.video-container{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);grid-column-gap:0px;grid-row-gap:0px;width:100%;position:relative}.video-player{grid-area:1 / 1 / 2 / 2;max-height:70vh}.video-progress{grid-area:2 / 1 / 3 / 2;background-color:#0078d4;opacity:.5;height:7px}.video-trackbar{grid-area:2 / 1 / 3 / 2;background-color:#000;height:9px;width:100%}.video-timestamp,.video-speed{color:#0078d4}.video-controls{grid-area:3 / 1 / 4 / 2;height:40px;width:100%}.video-markers{grid-area:2 / 1 / 3 / 2;position:relative;width:100%;height:7px;opacity:.8;z-index:35;top:-7px}.video-reactions{grid-area:2 / 1 / 3 / 2;position:relative;width:80%;height:7px;opacity:.8;z-index:35;top:-7px}.video-reactions img{height:8px}.video-annotation{position:absolute;width:20px;height:20px;opacity:.7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:50%;border:solid 3px red;background-color:#ff000080;z-index:36}.footer{padding:5px}.footer a{text-decoration:none}.tournament-header{background-color:#fff;padding:20px;margin-top:20px}.np-date-editor .react-date-picker__wrapper,.np-date-editor .react-datetime-picker__wrapper{min-height:40px;padding:4px 8px;width:100%;max-width:100%;box-sizing:border-box}.np-date-editor{width:100%;max-width:100%}.np-date-editor .react-date-picker__inputGroup,.np-date-editor .react-datetime-picker__inputGroup{min-width:0}.np-date-editor-calendar{max-height:none}.np-date-editor-calendar .react-calendar{min-height:280px}@media (max-width: 550px){.main{padding-left:7px;padding-right:7px;width:90px}.landing-header{display:none}.tournament-header{margin-top:7px;padding:5px}.sidebarContainer{flex:0;width:40px}.video-timestamp{display:none}.video-trackbar{height:20px}.video-progress{height:18px}.video-markers{height:16px}.video-reactions{height:16px;top:-16px}.video-reactions img{height:16px}}.text-trimming{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.reaction-host{position:absolute;-webkit-animation:reaction .6s infinite normal ease-out;animation:reaction .6s infinite normal ease-out}@-webkit-keyframes reaction{0%{top:80vh}to{top:0;transform:scale(3.2)}}@keyframes reaction{0%{top:80vh}to{top:0;transform:scale(3.2)}}::cue{color:unset;background-color:transparent}:root{--animation-time: 2s;--animation-delay: 1s}.athlete-host{position:relative;-webkit-animation:pulse var(--animation-time) infinite normal ease-out;animation:pulse var(--animation-time) infinite normal ease-out;animation-delay:var(--animation-delay)}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@-webkit-keyframes recording{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes recording{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.header-content h1 a{text-decoration:none;color:#fff}.header-content h1 a:visited,.header-content h1 a:hover,.header-content h1 a:active{color:inherit}.header-content h1 a:click{color:inherit}.student-card{background-color:#fff;padding:5px;box-shadow:#0002 0 1.6px 3.6px,#0000001c 0 .3px .9px}.student-card:hover{box-shadow:#0002 0 3.2px 7.2px,#0000001c 0 .6px 1.8px}table.hub{border-collapse:collapse;width:100%}.hub td+td,.hub th+th{border-left:1px solid}.hub td{padding:10px;text-align:center}