.standings{width:100%;min-width:500px;padding:10px;height:auto;display:flex;flex-direction:column}table{width:100%;height:100%;border-radius:10px;border-collapse:collapse;overflow:hidden}th{padding:15px;border-bottom:gray 2px solid}td{text-align:center;padding:5px;transition:all .15s;overflow:hidden}.constructorName-field,.driverName-field{width:60%}tbody>tr{border-bottom:#464646 .5px solid;transition:all .15s ease;cursor:pointer}tbody>tr:hover{background-color:#464646}tbody>tr:hover td{transform:scale(1.2)}tbody>tr:hover .driverName-field{transform:scale(1.1);transform-origin:left}tbody>tr:last-child{border-bottom:none}.table-title{width:100%;text-align:left;padding:10px 0}.team-logo{width:30px;height:30px}.f1-style{font-family:F1}.home,.live-timing{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto}.dash-container{width:100%;height:100%;display:flex;flex-direction:row}.standing-table{width:100%;height:100%;display:flex;flex-direction:row;overflow:auto}.schedule{width:100%;height:100%;overflow:auto}.schedule-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.schedule-header>h3{padding-right:10px}.race-container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px}.race-block{border-radius:10px;padding:10px;margin:0 10px;background-color:#202020;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.race-block:hover{background-color:#282828}.race-block:hover h3{font-size:120%;text-decoration:underline;transition:all .2s ease}.race-date>p{background-color:#303030;padding:5px;border-radius:5px;font-size:small;font-weight:700}.race-info>p{padding-left:30px;color:gray}.finish{opacity:.7}.next{border:2px solid darkred}.race-header{display:flex;flex-direction:row;align-items:center;padding:10px 5px}.race-header>h3{padding-left:10px}.connecting{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.connecting>h2{text-align:center;color:#fff;font-size:2.5rem;font-weight:800}.connecting>p{color:#53affa;font-size:2rem}.dashboard{width:fit-content;height:100%;display:flex;flex-direction:column;padding:10px;box-sizing:border-box}.dash-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 5px}.track-status{border-radius:5px;width:auto;align-items:center;padding:5px 10px}.grandPrix-title{display:flex;flex-direction:row;align-items:center;padding:0 20px}.drivers-table{width:100%;flex:1 1 0;display:grid;grid-auto-rows:1fr;align-items:stretch;overflow:auto}.drivers-table::-webkit-scrollbar{width:5px;background:#222}.drivers-table::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.drivers-table::-webkit-scrollbar-thumb:hover{background:#555}.dash-driver-row{width:100%;display:flex;flex-direction:row;align-items:center;transition:transform .5s ease-in-out}.dash-driver-row:hover{background-color:#111}.dash-driver-row>*{min-height:fit-content}.out{opacity:.4}.dash-driver-row>h3{width:auto;padding:10px 5px}.drspit-feild{width:4rem;margin:5px 0;padding:5px 0;border-radius:.5rem;color:#444;border:solid 2px}.pit{color:#2b7fff}.ready{color:#888}.deploy{color:#01a656}.drspit-feild>h3{font-size:.8rem;text-align:center}.position-feild{width:7rem;padding:0 15px;text-align:center;display:flex;flex-direction:row;justify-content:space-between}.position-feild>*{width:fit-content;text-align:left}.tire-feild{width:6.5rem;padding:0 15px;text-align:Left;display:flex;flex-direction:column}.tire-feild>h4,p{text-overflow:ellipsis}.gap-feild{width:6rem;padding:0 15px;text-align:Left;display:flex;flex-direction:column;cursor:pointer}.laptime-field{width:6rem;padding:0 15px;text-align:Left;display:flex;flex-direction:column}.sector-feild{width:fit-content;padding-left:10px;text-align:Left;display:flex;flex-direction:column}.sector-time{display:flex;flex-direction:row}.sector-time>h4{margin:0 5px}.segment-row{display:flex;flex-direction:row;padding:2px 0}.segment{width:1rem;height:.25rem;border-radius:10%;margin:0 2px}.tire-feild>p,.gap-feild>p,.laptime-field>p,.sector-time>p{font-size:.9rem}.tire-laps,.gap-small,.laptime-best,.sector-best{opacity:.7}.fastest{opacity:1}.danger{background-color:#300}.previous{opacity:.8}.dash-info{width:100%;height:100%;display:flex;flex-direction:column}.map-weather{width:100%;height:50%;display:flex;flex-direction:row}.map{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center}.map>h2{width:100%;text-align:left;padding-bottom:5px;padding-left:5px;color:#fff;font-weight:800;text-decoration:underline}.weather-info{min-width:fit-content;display:flex;flex-direction:column;align-items:end;justify-content:center;margin-top:20px;font-size:small}.weather-info>p{margin-top:10px}.wind{display:flex;flex-direction:column;align-items:center;margin-top:5px}.wind>h3{font-size:large;color:#53affa}.wind>p{font-size:smaller}.message-info{width:100%;height:50%;display:flex;flex-direction:row}.race-control{width:50%;height:100%;padding:10px;display:flex;flex-direction:column}.race-control>h3{width:100%;text-align:left;padding-bottom:5px;padding-left:5px;color:#fff;font-weight:800;text-decoration:underline}.race-control-messages{width:100%;height:100%;overflow-y:auto;text-overflow:hidden}.message-box{width:100%;height:auto;display:flex;flex-direction:column;padding:5px;margin-bottom:5px;background-color:#191919;border-radius:5px}.message-box>.time{width:100%;text-align:left;opacity:.7;font-size:.8rem}.message-box>.message{padding:5px 0;width:100%;text-align:left}.radio-panel{width:50%;height:100%;padding:10px;display:flex;flex-direction:column}.radio-panel>h3{width:100%;text-align:left;padding-bottom:5px;padding-left:5px;color:#fff;font-weight:800;text-decoration:underline}.team-radio{width:100%;height:100%;overflow-y:auto;text-overflow:hidden}.radio-player{width:100%;height:auto;display:flex;flex-direction:column;padding:5px;margin-bottom:5px;background-color:#191919;border-radius:5px}.radio-player>.time{width:100%;text-align:left;opacity:.7;font-size:.8rem}.radio-player-body{width:100%;padding:5px 0;display:flex;flex-direction:row;align-items:center}.radio-player-body>h4{width:3rem;text-align:center}.radio-player-body>button{color:#fff;width:2rem;margin:0 2px;background-color:transparent;border:none;border-radius:5px;display:flex;justify-content:center;cursor:pointer}.radio-player-body>input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:8px;margin:0 5px;border-radius:5px;background:transparent}.radio-player-body>input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:transparent;cursor:pointer}.race-control-messages::-webkit-scrollbar,.team-radio::-webkit-scrollbar{width:10px;height:20%;background:#222}.race-control-messages::-webkit-scrollbar-thumb,.team-radio::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.race-control-messages::-webkit-scrollbar-thumb:hover,.team-radio::-webkit-scrollbar-thumb:hover{background:#555}.side-bar{width:fit-content;height:100vh;border-right:gray solid 1px;display:flex;flex-direction:column;align-items:left;transition:all .3s}.side-bar>button{border:none;background-color:transparent;color:#fff;margin:20px;cursor:pointer;display:flex;justify-content:left}.side-bar>button>svg{min-width:2rem;min-height:2rem}.nav-item{width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;text-decoration:none;margin:15px 15px 0;border-radius:5px;cursor:pointer;transition:all .3s}.nav-item:hover{background-color:#464646;scale:1.05}.nav-item>svg{min-width:2rem;min-height:2rem;margin:5px;fill:#fff}.nav-item>h3{width:100%;padding:0 10px;color:#fff;text-decoration:none;text-align:left;font-size:large;text-overflow:hidden;transition:all .3s}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{width:100%;height:100vh;background-color:#000;color:#fff;font-family:sans-serif;display:flex;flex-direction:row}h2{text-align:left;padding:10px 20px}.root{width:100%;height:100%;display:flex;flex-direction:row}.main-container{flex:1 1 0;width:100%;height:100%;display:flex;flex-direction:column}.main-container>h1{border-bottom:1px solid gray;text-align:left;padding:15px 0 15px 15px;align-items:left}@font-face{font-family:F1;src:url(/F1-Data/Fonts/Formula1-Bold_web_0.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:F1;src:url(/F1-Data/Fonts/Formula1-Regular_web_0.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:pixel;src:url(/F1-Data/Fonts/VCR_OSD_MONO_1.001.ttf) format("truetype");font-weight:400;font-style:normal}
