body{margin:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}:root{--primary-color: black;--secondary-color: black}.App{height:100%}.logo-splash-container{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 20px}.logo-splash-container .logo{max-width:300px}.logo-splash-container .logo-splash-message{color:#fff}.team-header{padding:0 20px;height:50px;display:flex;justify-content:space-between;background-color:#000;align-items:center}.team-header .tabs{display:inline-flex;color:#fff;font-size:20px;cursor:pointer}.team-header .tabs .tab{padding:5px 10px;margin-right:10px;border-radius:5px;text-decoration:none;color:#fff;font-weight:700}.team-header .tabs .tab.active{color:var(--primary-color);background-color:#fff}.team-header .team-logo{height:70%}.video-list{position:relative}.video-header{margin-top:-4px;display:flex;justify-content:space-between;padding:8px 10px;margin-bottom:1px;position:sticky;top:0}.section-title,.video{padding:6px 10px;cursor:pointer}.video{display:flex;justify-content:space-between}.video.playing{background-color:#8cffb6}.section-title{background:#ccc;border-top:2px solid #333;border-bottom:2px solid #333}.zebra{background:#eee}#video-cell{background-color:#000}@media screen and (orientation: landscape){#video-player-grid{display:grid;grid-template-columns:2fr 1fr}#video-list{height:calc(100vh - 50px)}}@media screen and (orientation: portrait){#video-player-grid{display:grid;grid-template-rows:auto 1fr}#video-list{height:calc(100vh - 305px)}}@media only screen and (max-width: 768px),only screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-device-width: 768px) and (min-resolution: 2dppx){body{font-size:1.5em;font-weight:700}.team-header{height:150px;font-size:1.5em}.team-header .tabs{font-size:1em}.team-header .tabs .tab{padding:30px 20px;font-size:1.25em}.video-header{font-size:1.5em;padding:40px 10px}.section-title,.video{padding:40px 10px;font-size:1.25em}}
