.App{align-items:center;background-color:#121212;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App,.title{color:#fff;font-family:Arial,sans-serif;text-align:center}canvas{border:1px solid #444;border-radius:8px;margin:20px auto;max-width:100%}button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;padding:10px 15px;transition:background-color .3s;width:150px}button:disabled{background-color:#555}button:hover:not(:disabled){background-color:#3700b3}.driver-section{background-color:#1e1e1e;border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px #00000080;padding:20px;width:40%}.driver-lap-analysis{align-items:center;display:flex;flex-direction:column}.lap-comparison{display:flex;justify-content:space-around;width:100%}.driver-section{margin:20px;min-width:300px;width:45%}.chart-container{height:300px;position:relative;width:100%}.driver-selection,.track-selection{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.dropdown{background-color:#444;padding:5px}.compare-btn,.dropdown{border:none;border-radius:4px;color:#fff;font-size:16px}.compare-btn{background-color:#36a2eb;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.compare-btn:hover{background-color:#2795d9}.comparison-summary{background-color:#2c2c2c;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;margin:20px 0;padding:20px}.comparison-summary h3{border-bottom:2px solid #4caf50;font-size:1.5rem;margin:0 0 10px;padding-bottom:5px}.comparison-summary p{font-size:1rem;margin:5px 0;transition:background-color .3s ease}.comparison-summary p:has(span.faster){background-color:#4caf501a;border-left:4px solid #4caf50;padding:5px}.comparison-summary p:hover{background-color:#4caf5033}.lap-navigation{align-items:center;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;justify-content:space-between;margin:20px;padding:15px 20px}.driver-headshot{border-radius:50%;height:auto;margin-right:10px;width:100px}.driver-info,.loader-container{align-items:center;display:flex}.loader-container{color:#fff;flex-direction:column;height:100px;justify-content:center}.loader{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c111ebdc.css.map*/