/* Local / Remote: which route the page uses to reach the box (route.js), the same in the box page and Sync Home */
.via { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; line-height: 1; color: var(--label2); padding: 5px 9px; border-radius: 99px; background: var(--track) }
.via i { width: 7px; height: 7px; border-radius: 50%; background: var(--warn); flex: none } .via.on i { background: var(--up) }
.via-row { padding: 0 10px 12px 46px; margin-top: -8px } .side .via-row { padding-left: 50px; margin-top: -10px }
body.hs-min .via-row, body.side-min .via-row { display: none }
@media (max-width: 900px) { .side .via-row { display: none } }