.speed .clean-ride{margin-top:10px;padding-top:10px;border-top:1px solid #a7d8cf35;text-align:left;min-width:145px}
.clean-ride>div{display:flex;justify-content:space-between;gap:9px;align-items:center}
.speed .clean-ride span{font-size:8px;letter-spacing:.8px;color:#b8d5cf}
.clean-ride b{font:10px monospace;color:#d1eee5;white-space:nowrap}
.clean-ride progress{display:block;width:100%;height:4px;margin:7px 0;border:0;border-radius:8px;accent-color:#81e0c9;background:#ffffff12}
.clean-ride progress::-webkit-progress-bar{background:#ffffff12;border-radius:8px}
.clean-ride progress::-webkit-progress-value{background:#81e0c9;border-radius:8px;transition:width .25s}
.clean-ride small{display:block;font-size:8px;color:#abc4bd;line-height:1.4}
.clean-ride.complete b{color:#efcc79}.clean-ride.complete progress{accent-color:#efcc79}
.hub-night{margin-top:12px;width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #b5a0e34a!important;border-radius:18px;background:linear-gradient(110deg,#242743,#35354d 60%,#68524d)!important;color:#f5e6cb!important;padding:18px 20px!important}
.hub-night>span{font-size:28px;color:#f6d99a}.hub-night strong{display:block;font-size:17px}.hub-night small{display:block;margin-top:5px;font-size:11px;color:#bfc8d9}.hub-night i{margin-left:auto;font-style:normal;font-size:23px}
.hub-night:hover{border-color:#e2c794!important}.hub-night:focus-visible{outline:2px solid #e2c794;outline-offset:3px}
@media(max-width:760px),(pointer:coarse){.speed .clean-ride{min-width:112px;margin-top:5px;padding-top:6px}.speed .clean-ride span{font-size:7px;letter-spacing:0}.clean-ride b{font-size:8px}.clean-ride small{font-size:7px}.clean-ride progress{margin:5px 0}.hub-night{padding:14px 16px!important}.hub-night strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.clean-ride progress::-webkit-progress-value{transition:none}}