@font-face{font-family:f1-regular;src:url(https://www.formula1.com/etc/designs/fom-website/fonts/F1Regular/Formula1-Regular.woff2) format("woff2")}*{text-decoration:none;font-family:f1-regular,sans-serif}body{margin:0;padding:0;box-sizing:border-box}.seasons-page .races-page{max-width:1200px;margin:0 auto;padding:20px;text-align:center}h1{font-size:2rem;margin-bottom:1rem}.view-toggle{display:flex;justify-content:center;margin-bottom:1rem}.view-toggle .toggle{padding:8px 16px;margin:0 5px;font-size:1rem;cursor:pointer;border:1px solid #333;background-color:#f0f0f0;border-radius:5px}.view-toggle .toggle.active{background-color:#333;color:#fff}.list-view{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#fafafa;transition:box-shadow .2s ease}.list-item:hover{box-shadow:0 4px 8px #0000001a}.list-item p{margin:0;flex-grow:1;text-align:left}.card-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:1rem}.card-item{display:flex;flex-direction:column;align-items:center;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:#fff;transition:box-shadow .3s ease}.card-item:hover{box-shadow:0 4px 8px #0000001a}.card-item h3{margin:0 0 8px;font-size:1.2rem}.pagination{display:flex;justify-content:center;gap:5px;margin:20px 0}.pagination button{padding:8px 12px;font-size:1rem;cursor:pointer;border:1px solid #333;background-color:#f0f0f0;border-radius:4px}.pagination button.active{background-color:#333;color:#fff}.pagination button[disabled]{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.seasons-page{padding:10px}h1{font-size:1.8rem}.view-toggle .toggle{font-size:.9rem;padding:6px 12px}.pagination .toggle{padding:6px 10px;font-size:.9rem}}@media (max-width: 480px){.list-item,.card-item{padding:8px}.pagination{flex-wrap:wrap;gap:3px}}.pin-button{padding:5px 10px;border:none;background-color:inherit;cursor:pointer}.driver-table{width:100%;overflow-x:auto;margin:20px 0}.driver-table table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}.driver-table th,.driver-table td{padding:12px;text-align:left}.driver-table th{background-color:#f8f8f8;color:#333;font-weight:700}.driver-table tbody tr:nth-child(2n){background-color:#f2f2f2}.driver-table td{border-bottom:1px solid #ddd}@media (max-width: 768px){.driver-table table{overflow-y:scroll}}#root{max-width:1080px;margin:0 auto;padding:2rem;text-align:center;padding-top:70px}.header{position:fixed;top:0;width:100%;height:60px;background-color:red;display:flex;justify-content:center;align-items:center;z-index:1000}.header img{height:40px;object-fit:contain}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}