*{padding:0;margin:0;box-sizing:border-box;font-family:monospace;font-size:18px}main{overflow-x:auto}a{color:#000}h1,h2,p{padding:10px 20px}button,input{width:95%;padding:5px 10px;border-radius:3px;box-shadow:0 1px #b1b0b6;background:#fff;border:1px solid #f3f2f7;color:#000;white-space:nowrap}button{cursor:pointer;text-align:center}button:disabled{display:none}#root{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between}main{flex:1;border-top:1px solid #e1e1e7;border-bottom:1px solid #e1e1e7;padding:30px 0}span.logo img{max-height:33px}nav{background:#f9f9fc;border-bottom:1px solid white}nav ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0}nav li{flex:1;list-style-type:none;white-space:nowrap}nav li a{text-transform:uppercase;text-align:center;font-size:.8em;text-decoration:none;padding:10px;display:block}nav a.active{font-weight:700;background:#fff}table{border-collapse:collapse;width:100%}th,td{padding:5px 10px;text-align:left}th,label{font-weight:400;font-size:.8em;text-transform:uppercase;color:#b0b0b6}tbody tr:nth-child(2n):not(.input){background-color:#f9f9fc}footer{padding:5px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-top:1px solid white;background:#f9f9fc}footer span{font-size:.8em;margin:5px}footer span a{font-size:1em}footer span button{margin-left:20px}.right{text-align:right}.scoreInput{font-size:25px}.loginForm,.exportForm{margin:auto;padding:1em}.loginForm button,.loginForm input,.exportForm button{width:100%;display:block}.heatInfo{padding:20px}.heatInfo li{list-style:none}.hidden{display:none}.Leaderboard,.Scoring,.StartlistForm,.AthleteForm,.HeatForm,.Settings{position:relative}.Leaderboard header,.Scoring{padding:0 20px}.Scoring ul{display:flex;flex-direction:row;flex-wrap:wrap}.Scoring li{list-style:none;padding-right:20px}.loading{top:-19px;right:10px;width:80px;position:absolute;font-size:.8em;text-transform:uppercase;color:#b0b0b6}.Leaderboard .loading{right:120px;top:-29px}.show-details{width:50px;height:20px;border-radius:5px;box-shadow:0 1px #b1b0b6;position:absolute;right:20px;top:-15px;transition:background .1s ease,box-shadow .1s ease}.show-details .thumb{text-transform:uppercase;height:12px;width:22px;border-radius:5px;background:#fff;border:1px solid #cfced3;position:absolute;left:3px;transform:translate(0);transform:translateY(-50%);transition:left .15s ease}.show-details.toggled{background:#f3f2f7;box-shadow:0 -1px #b1b0b6}.show-details.toggled .thumb{left:21px}.show-details span{font-size:.8em;text-transform:uppercase;color:#b0b0b6;right:53px;top:1px;position:absolute}table.leaderboard:not(.hide-rank) tr{counter-increment:rowNumber}table.leaderboard:not(.hide-rank) tr td:first-child:before{content:counter(rowNumber);min-width:1em;margin-right:.5em}td.total{font-weight:700}@media (min-width: 1600px){main>div{width:75%;margin:0 auto}}@media (max-width: 768px){table.leaderboard thead{display:none}table.leaderboard td{display:flex;border-bottom:1px solid #e1e1e7;font-size:.8em}table.leaderboard:not(.hide-rank) tr td:first-child{background:#f3f2f7;color:#b0b0b6;font-size:.8em;font-weight:700}table.leaderboard:not(.hide-rank) tr td:first-child:before{content:counter(rowNumber) ". RANK"}table.leaderboard td[data-title]:before{content:attr(data-title);width:25%;margin-right:1em;align-content:center;text-align:right;text-transform:uppercase;color:#b0b0b6}table.leaderboard tr{border-bottom:1px solid white}table.leaderboard td:not(td:first-child):empty{display:none}}nav.blue{background:#556f99;border-bottom:1px solid white}nav.blue a.active{font-weight:700;background:#44546e}nav.blue a{color:#fff}nav.red{background:#cc3037;border-bottom:1px solid white}nav.red a.active{font-weight:700;background:#bb0d15}nav.red a{color:#fff}nav.yellow{background:#ffe95a;border-bottom:1px solid #fffceb}nav.yellow a.active{font-weight:700;background:#fd0}nav.yellow a{color:#000}