body{overflow:hidden}#root>canvas{position:fixed;left:0;top:0;width:100vw;height:100vh}.ui-overlay{position:absolute;left:0;top:0;z-index:10;box-sizing:border-box;width:100vw;height:100vh;padding:3.2rem}.ui-overlay .race-positions{position:absolute;display:flex;flex-direction:column;gap:.4rem;left:3.2rem;bottom:3.2rem}.driver-info{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;align-items:center;overflow:hidden;border-radius:.5rem;font-size:2.4rem;min-width:30rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d161cd1;box-shadow:0 0 8px #00000054;transition:background .25s,color .25s}.driver-info.selected{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#000}.driver-info.selected .position{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#0d161c}.driver-info .position{display:flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));width:4.8rem;background:#0d161c;font-weight:700;transition:background .25s,color .25s}.driver-info .short{display:flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));width:7.2rem;font-weight:500;text-shadow:0 0 8px rgba(0,0,0,.33)}.driver-info .lap-time{display:flex;align-items:center;justify-content:center;width:12rem}.driver-info .lap-time.best{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.driver-info .delta-time{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4rem;font-weight:500;font-size:1.2rem;line-height:1.2rem;margin-right:.8rem}.driver-info .delta-time>:last-child{opacity:.5}.driver-info .spacer{display:flex;flex:1 1 0%}.driver-info .drs{display:flex;align-items:center;justify-content:center;border-radius:9999px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));width:2.8rem;height:2.8rem;font-weight:500;font-size:1.6rem;margin-left:0 .8rem;text-shadow:0 0 8px rgba(0,0,0,.33)}.driver-info .compound{height:2.8rem;margin:0 .8rem}.event-info{display:flex;text-shadow:0 0 8px rgba(0,0,0,.33)}.event-info .flag{border-radius:.5rem;height:6.4rem;box-shadow:0 0 8px #00000054}.event-info .name-clock{display:flex;flex-direction:column;margin-left:1.6rem}.event-info .name-clock>:first-child{font-size:2.6rem;line-height:2.8rem}.event-info .name-clock>:last-child{font-size:3.2rem;line-height:4rem;font-weight:500}.rt-info{position:absolute;box-sizing:content-box;display:flex;cursor:default;flex-direction:column;border-radius:.5rem;right:3.2rem;bottom:3.2rem;font-size:2.4rem;min-width:40rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d161cd1;box-shadow:0 0 8px #00000054;padding-bottom:.6rem}.rt-info .name{display:flex;justify-content:space-between;padding:.4rem 1.2rem}.rt-info .name img{margin-right:.75rem;border-radius:.375rem;height:1.8rem;width:2.4rem}.rt-info .name>:last-child{font-weight:700}.rt-info .info{display:flex;align-items:center;justify-content:center}.rt-info .info .gear{position:relative;display:flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-size:8.4rem;font-weight:600;width:8rem}.rt-info .info .gear .speed,.rt-info .info .gear .rpm{position:absolute;margin-top:.5rem;display:flex;flex-direction:column}.rt-info .info .gear .speed>:first-child,.rt-info .info .gear .rpm>:first-child{opacity:.5;font-size:1.4rem;line-height:1.4rem}.rt-info .info .gear .speed>:last-child,.rt-info .info .gear .rpm>:last-child{font-size:3.2rem;line-height:3.2rem}.rt-info .info .gear .speed{align-items:flex-end;width:0rem;left:0}.rt-info .info .gear .rpm{align-items:flex-start;width:0rem;right:0}.rt-info .micro{display:flex;justify-content:space-between;margin:0 1.2rem .6rem}.rt-info .micro>div{margin-right:1rem;display:flex;flex:1 1 0%;gap:.6rem}.rt-info .micro>div>div{border-radius:9999px;width:.6rem;height:.6rem}.rt-info .sectors{display:flex;gap:.6rem;margin:0 1.2rem .6rem}.rt-info .sectors>span{display:flex;flex:1 1 0%;justify-content:center;border-radius:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-size:1.6rem;padding:.4rem 1.2rem;transition:opacity .25s;text-shadow:0 0 8px rgba(0,0,0,.33)}.rt-info .sectors .s1{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.rt-info .sectors .s2{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.rt-info .sectors .s3{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.rt-info .lap-info,.rt-info .delta-info,.rt-info .status-info{display:flex;margin:0 1.2rem .6rem;gap:.6rem}.rt-info .lap-info>div,.rt-info .delta-info>div,.rt-info .status-info>div{display:flex;flex:1 1 0%;justify-content:space-between;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-size:1.6rem;padding:.4rem 1.2rem;text-shadow:0 0 8px rgba(0,0,0,.33)}.rt-info .lap-info .curr-lap,.rt-info .lap-info .next,.rt-info .delta-info .curr-lap,.rt-info .delta-info .next,.rt-info .status-info .curr-lap,.rt-info .status-info .next{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.rt-info .lap-info .best-lap,.rt-info .delta-info .best-lap,.rt-info .status-info .best-lap{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.rt-info .lap-info .first,.rt-info .delta-info .first,.rt-info .status-info .first{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity))}.rt-info .lap-info .tires.hard,.rt-info .delta-info .tires.hard,.rt-info .status-info .tires.hard{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.rt-info .lap-info .tires.intermediate,.rt-info .delta-info .tires.intermediate,.rt-info .status-info .tires.intermediate{background-color:#128330}.rt-info .lap-info .tires.medium,.rt-info .delta-info .tires.medium,.rt-info .status-info .tires.medium{background-color:#fbcc1c}.rt-info .lap-info .tires.soft,.rt-info .delta-info .tires.soft,.rt-info .status-info .tires.soft{background-color:#f12f32}.rt-info .lap-info .tires.wet,.rt-info .delta-info .tires.wet,.rt-info .status-info .tires.wet{background-color:#1f6da1}.settings{position:fixed;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;top:3.2rem;right:3.2rem}.settings .watch{cursor:pointer;border-radius:9999px;padding:1rem;width:4.8rem;background:#0d161cd1;box-shadow:0 0 8px #00000054}.settings .watch:hover,.settings .watch.open{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.settings .delay{position:absolute;right:0;display:flex;cursor:default;align-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));gap:.8rem;font-size:2.4rem;padding-right:calc(100% + .8rem);z-index:-1}.settings .delay .time{display:flex;justify-content:center;width:4.8rem}.settings .delay .btn{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));width:3.2rem;height:3.2rem;font-size:2.4rem}.settings .delay .btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:10px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Open Sans,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}