.status-left{display:grid;gap:8px;min-width:0}.status-left .motion{display:flex;width:100%;flex-wrap:nowrap;gap:8px;overflow:hidden;border:0;margin:0;padding:0;text-align:left;white-space:nowrap}.status-left .motion span{min-width:0}.status-left .motion span:first-child{display:flex;gap:3px}.status-left .motion #gps-place{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis}.status-left .motion span:last-child{margin-left:0}.network,.clockline,.dateline{display:inline-flex;align-items:baseline;gap:5px}.network{gap:12px;white-space:nowrap}.weather-mini{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:8px 0;color:var(--muted);font-size:.72rem}.weather-mini strong{color:var(--ink);font-size:1.2rem}.weather-mini #weather-symbol{font-size:1.1rem}.weather-mini #weather-wind{display:inline-flex;align-items:center}.weather-mini #weather-wind i{display:inline-block}main>header#status-refresh{cursor:pointer}main>header#status-refresh:focus-visible{outline:1px solid var(--green);outline-offset:6px}main>header#status-refresh:hover .motion{color:var(--green)}
@media(max-width:680px){main{width:min(920px,calc(100% - 32px));padding-top:28px}main>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,auto);align-items:start;gap:18px;padding-bottom:22px}.status-left{gap:12px}.weather-mini{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:7px 8px;margin:8px 0 4px;overflow:visible;font-size:.72rem;white-space:nowrap}.weather-mini #weather-symbol{grid-column:1;font-size:1.35rem}.weather-mini #weather-temperature{grid-column:2;font-size:1.9rem}.weather-mini>small{grid-column:3}.weather-mini #weather-today{grid-column:1/2}.weather-mini #weather-wind{grid-column:2/4}.weather-mini>span:nth-of-type(4),.weather-mini>span:nth-of-type(5){grid-column:1/4}.status-left .motion{display:grid;gap:5px;overflow:visible;font-size:.68rem;line-height:1.35;white-space:normal}.status-left .motion span,.status-left .motion span:first-child{display:block;width:auto}.status-left .motion #gps-place{max-width:118px;vertical-align:bottom;white-space:nowrap}.now{display:grid;gap:7px;justify-items:end;text-align:right}.clockline{display:grid;grid-template-columns:auto auto;justify-content:end;gap:2px 4px}.clockline #time{font-size:1.8rem}.clockline #timezone{grid-column:1/-1}.dateline{display:grid;gap:4px}.network{display:grid;justify-items:end;gap:4px;font-size:.68rem}.departures{padding:16px}}
.network-speed.good{color:var(--green)}.network-speed.warn{color:var(--yellow)}.network-speed.bad{color:var(--red)}