
.journey-hud{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:12px auto 0;width:100%;font-size:9px;letter-spacing:.4px;text-align:left;color:#fff0d3}.journey-hud>span:nth-child(2){text-align:right;opacity:.75}.journey-track{height:3px;border-radius:4px;background:#fff0d52b;grid-column:1/-1;overflow:hidden}.journey-track i{display:block;width:100%;height:100%;background:#f1b887;transform:scaleX(0);transform-origin:left}.journey-hud small{grid-column:1/-1;text-align:center;opacity:.65;font-size:8px}.roadworks-notice{position:absolute;left:50%;top:192px;transform:translateX(-50%);white-space:nowrap;padding:10px 16px;border:1px solid #ffdb9c77;background:#3e392ee8;backdrop-filter:blur(12px);color:#ffe2a7;border-radius:12px;font-size:10px;letter-spacing:.5px;z-index:4;pointer-events:none;box-shadow:0 5px 20px #142f3122}
@media(max-width:900px){.roadworks-notice{top:253px}.drive-message{top:300px}}
@media(max-width:700px){.journey-hud{gap:5px 8px;margin-top:8px;font-size:8px}.roadworks-notice{top:242px;font-size:9px;padding:10px 13px}.drive-message{top:289px}}
@media(max-height:720px) and (max-width:700px){.journey-hud{margin-top:8px;gap:5px 10px}.roadworks-notice{top:222px}.drive-message{top:266px}}

@media(max-height:520px){.journey-hud{margin-top:5px;gap:3px 10px;font-size:8px}.journey-hud small{display:none}.roadworks-notice{top:112px;font-size:9px;padding:8px 13px}.drive-message{top:157px;font-size:10px}}

.music-button[aria-pressed="true"]{color:#ffe5b4;background:#e8b77b28;border-color:#ffe5b477}.music-button[aria-pressed="false"]{opacity:.55}.music-button[data-state="loading"] svg{opacity:.55}.music-button[data-state="error"],.music-button[data-state="blocked"]{border-color:#eea17c}@media(max-width:370px){.top-actions .version{display:none}}
