.speed-race{color:#e4eae8;width:100%;min-width:0;max-width:320px;margin-inline:auto}.speed-race-figure{margin:0}.speed-race-lanes{gap:20px;display:grid}.speed-race-lane{--race-color: #e4eae8;min-width:0}.speed-race-lane--prnext{--race-color: #63ead2}.speed-race-lane-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:12px;display:flex}.speed-race-name{color:var(--race-color);font-size:12px;font-weight:500}.speed-race-lane--prnext .speed-race-name{font-weight:700}.speed-race-course{grid-template-columns:10px minmax(0,1fr) 10px;align-items:center;gap:10px;display:grid}.speed-race-endpoint{color:#87928f;font:10px/1.4 var(--font-mono);text-align:center}.speed-race-track{overflow-clip-margin:12px;background:#303a36;height:1px;display:block;position:relative;overflow:clip}.speed-race-runner{width:100%;height:0;color:var(--race-color);transform:translate(var(--race-progress));animation-play-state:paused;display:block;position:absolute;top:50%;left:0}.speed-race-runner:before{opacity:.4;content:"";background:linear-gradient(90deg,#0000,currentColor,#0000);width:48px;height:2px;position:absolute;top:-1px;left:-24px;transform:scaleX(.18)}.speed-race-dot{width:7px;height:7px;box-shadow:0 0 9px 1px color-mix(in srgb,currentColor 45%,transparent);background:currentColor;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.speed-race-controls{min-height:32px;margin-top:12px}.speed-race-details>summary:focus-visible{outline-offset:3px;outline:2px solid #63ead2}.speed-race-summary{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.speed-race-details{width:100%}.speed-race-details>summary{color:#a5b1ac;cursor:pointer;background:none;border:0;border-radius:0;align-items:center;gap:6px;max-width:100%;min-height:32px;padding:4px 0;font-size:11px;line-height:1.6;list-style:none;display:inline-flex}.speed-race-details>summary::-webkit-details-marker{display:none}.speed-race-details>summary::marker{content:""}.speed-race-details>summary svg{flex-shrink:0}.speed-race-details>summary .when-open,.speed-race-details[open]>summary .when-closed{display:none}.speed-race-details[open]>summary .when-open{display:inline}.speed-race-details[open]>summary svg{rotate:180deg}.speed-race-details-body{padding-top:24px}.speed-race-metrics{border-collapse:collapse;table-layout:fixed;text-align:right;font-variant-numeric:tabular-nums;width:100%;margin:0}.speed-race-metrics col:first-child{width:34%}.speed-race-metrics col:nth-child(2){width:31%}.speed-race-metrics col:last-child{width:35%}.speed-race-metrics thead th{color:#cbd3cf;padding:0 0 12px;font-size:11px;font-weight:500;line-height:1.5}.speed-race-metrics thead th:last-child{color:#63ead2}.speed-race-metrics tbody tr{border-top:1px solid #27312d}.speed-race-metrics tbody th{color:#a5b1ac;text-align:left;overflow-wrap:anywhere;padding:12px 8px 12px 0;font-size:11px;font-weight:400;line-height:1.5}.speed-race-metrics td{color:#dbe3df;font:12px/1.5 var(--font-mono);white-space:nowrap;padding:12px 0 12px 8px}.speed-race-metrics tbody td:last-child{color:#63ead2}@media(hover:hover)and (pointer:fine){.speed-race-details>summary:hover{color:#e4eae8}}@media(prefers-reduced-motion:no-preference){.speed-race[data-ready=true] .speed-race-runner{animation:speed-race-pass var(--race-duration) linear infinite alternate both;animation-play-state:paused}.speed-race[data-ready=true] .speed-race-runner:before{animation:speed-race-streak var(--race-duration) linear infinite alternate both;animation-play-state:paused}.speed-race[data-ready=true] .speed-race-dot{animation:speed-race-turn var(--race-duration) linear infinite alternate both;animation-play-state:paused}.speed-race[data-running=true] .speed-race-runner,.speed-race[data-running=true] .speed-race-runner:before,.speed-race[data-running=true] .speed-race-dot{animation-play-state:running}.speed-race-details>summary svg{transition:rotate .22s cubic-bezier(.2,0,0,1)}@supports (interpolate-size: allow-keywords) and (transition-behavior: allow-discrete){.speed-race-details::details-content{interpolate-size:allow-keywords;transition-behavior:allow-discrete;block-size:0;transition:block-size .26s cubic-bezier(.2,0,0,1),content-visibility .26s;overflow:clip}.speed-race-details[open]::details-content{block-size:auto}}}@keyframes speed-race-pass{0%{animation-timing-function:cubic-bezier(.333,0,.667,.429);transform:translate(0)}15%{animation-timing-function:linear;transform:translate(10%)}85%{animation-timing-function:cubic-bezier(.333,.571,.667,1);transform:translate(90%)}to{transform:translate(100%)}}@keyframes speed-race-streak{0%,to{opacity:.25;transform:scaleX(.18)}25%,75%{opacity:.4;transform:scaleX(.9)}50%{opacity:.5;transform:scaleX(1)}}@keyframes speed-race-turn{0%,to{transform:translate(-50%,-50%)scale(.86,1.12)}25%,75%{transform:translate(-50%,-50%)scale(1.1,.96)}50%{transform:translate(-50%,-50%)scale(1.16,.92)}}@media(width<=420px){.speed-race-metrics td{padding-left:5px;font-size:11px}.speed-race-metrics tbody th,.speed-race-metrics thead th{font-size:10px}}@media(forced-colors:active){.speed-race-track{background:graytext}.speed-race-dot{box-shadow:none;background:canvastext}.speed-race-details>summary:focus-visible{outline-color:highlight}}@media print{.speed-race-details>summary{display:none!important}.speed-race-details::details-content{content-visibility:visible;block-size:auto;display:block;overflow:visible}.speed-race-details-body{display:block}}
