.drag{-webkit-app-region:drag}.transparent{background-color:transparent!important}#container{height:100vh;width:100vw}#wrapper{background-color:#0a0a0faf;border-radius:25px;padding:4vh 8vh;height:calc(55% - 8vh);width:calc(100% - 16vh);display:flex;justify-content:space-between;position:absolute;bottom:20vh}.battle-mode{display:flex;flex-direction:column;gap:1rem}.driver-selection{display:flex;flex-wrap:wrap}.driver-selection button{padding:.5rem 1rem;border:none;cursor:pointer;transition:background-color .3s}.driver-selection button.selected{background-color:#007bff;color:transparent}.driver{height:100%;display:flex;gap:7vh}.driver-selected{display:flex;flex-direction:row;align-items:center;gap:1rem}.driver-info,.driver-selected{position:relative;top:calc(-40% - 3.5vh);height:calc(140% + 3.5vh)}.driver-info{width:65vh;display:-webkit-box}.driver-headshot{height:70%;position:relative;border-bottom:2px solid white;display:flex;justify-content:center}.driver-headshot img{position:relative;bottom:0;height:50%}.driver-name{padding:2vh 5vh}.driver-name .first-name{padding-left:1vh;font-size:2vh}.driver-name .first-name,.driver-name .last-name{transform:skew(-10deg);text-shadow:.5vh .5vh .5vh black}.driver-name .last-name{font-size:4vh}.pitlane{padding:1vh 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.position p{font-size:6vh;transform:skew(-10deg)}.tires{width:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.tires .current-tire img{width:100%}.tire-age{font-size:7vh}.pit{width:100%;place-items:center}.pit,.pit p{display:grid}.pit p{border:2px solid red;color:red;width:10vh;padding:1vh;border-radius:3vh;place-items:center;font-size:6vh}.times{display:flex;flex-direction:column;justify-content:space-around;width:40vh}.time-name{font-size:7vh}.time-time{font-size:9vh}.telemetry{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:50vh}.drs p{padding:1vh 5vh;width:-moz-fit-content;width:fit-content;font-size:8vh;border-radius:2vh;text-align:center;border:2px solid green;color:green}.off{opacity:.3}.speed{display:flex;gap:2vh}.speed-number{font-size:8vh}.metric{font-size:5vh;top:3vh;position:relative}.pedals{height:9vh;display:flex;flex-direction:column;justify-content:space-between;width:80%}.pedal{border:.5vh solid black;height:2vh;border-radius:4vh;overflow:hidden}.pedal div{width:0;height:100%;transition:all .2s ease}.gap-info{font-size:1.5rem;color:#ff0000;margin-top:1rem;text-align:center}.gap{width:100%;display:flex;align-items:center;gap:10vh;padding:0 10vh;font-size:3vh;transform:skew(-10deg)}.gap .line{width:100%;border-bottom:1vh dashed white}.gap .gap-time{display:flex;flex-direction:column;align-items:center;justify-content:center}.gap .gap-time-time{white-space:nowrap;font-size:10vh;transform:skew(-10deg)}.gap .gap-time-format{font-size:6vh}.shown{opacity:1!important}