.controls{grid-template-columns:1fr 1fr 1.35fr 1fr auto}
.satellitePicker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.controls .favorite{grid-column:auto;min-width:48px;padding:0;font-size:1.55rem;background:#102d3a;border-color:#397887;color:#ffd36b}
.controls .favorite.active{background:#594817;color:#ffe38a}
.legend{flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:.82rem}
.legend .day{color:#8fd8f4}.legend .twilight{color:#efb36d}.legend .night{color:#7188ae}
@media(max-width:1050px){.controls{grid-template-columns:1fr 1fr 1fr}.controls>button{grid-column:auto}.controls>p{grid-column:1/-1}}
@media(max-width:700px){.controls{grid-template-columns:1fr}.controls>button{grid-column:auto}.legend{justify-content:flex-start}}