.traffic-live{display:block;flex:0 1 300px;min-width:230px;max-width:340px;margin-left:auto;text-decoration:none;border-left:1px solid #294755;padding-left:20px;color:#b3ccd9;font-size:10px;line-height:1.25;box-sizing:border-box}.traffic-live:hover{color:#e1f3fa}.traffic-live:focus-visible{outline:2px solid #8ce0e8;outline-offset:5px;border-radius:3px}.traffic-live-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.traffic-live-top>span{font-weight:600;white-space:nowrap}.traffic-live-top small{font-size:9px;font-weight:400;color:#91aebd}.traffic-live-top [data-traffic-state]{margin-left:5px}.traffic-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8097a3;margin-right:5px;vertical-align:1px}.traffic-live[data-state=live] i{background:#67daba;box-shadow:0 0 6px #67daba55}.traffic-live-body{display:flex;align-items:center;gap:12px}.traffic-live svg{display:block;width:100%;min-width:0;height:34px;flex:1}.traffic-live svg path{fill:none;vector-effect:non-scaling-stroke}.traffic-grid{stroke:#294755;stroke-width:.5}.traffic-rx{stroke:#78e29a;stroke-width:1.7;stroke-linejoin:round}.traffic-tx{stroke:#ff8787;stroke-width:1.7;stroke-linejoin:round}.traffic-live-numbers{display:flex;flex-direction:column;gap:5px;flex:0 0 100px;min-width:100px;font-variant-numeric:tabular-nums}.traffic-live-numbers b{font-weight:500;font-size:10px;white-space:nowrap}.traffic-rx-text{color:#78e29a}.traffic-tx-text{color:#ff8787}.traffic-live+.account-menu{margin-left:0}
@media(max-width:1300px) and (min-width:1101px){.traffic-live{min-width:200px;flex-basis:240px;padding-left:12px}.signed-in .app-header{gap:16px}.main-nav>a,.main-nav>details>summary{padding-left:9px;padding-right:9px}}
@media(max-width:1100px){.traffic-live{flex-basis:300px;max-width:none}.main-nav{order:3}}
@media(max-width:700px){.traffic-live{order:4;flex:1 0 100%;width:100%;max-width:none;min-width:0;margin:0;border-left:0;border-top:1px solid #294755;padding:10px 0 0}.traffic-live svg{height:32px}.traffic-live-body{gap:16px}.traffic-live-numbers{min-width:110px;flex-direction:row;gap:16px}.traffic-live-numbers b{font-size:10px}.traffic-live+.account-menu{margin-left:auto}}
@media(max-width:390px){.traffic-live-numbers{min-width:85px;flex-direction:column;gap:4px}}
.traffic-live-top small{display:inline;margin-top:0}

@media(min-width:1101px){.app-header:has(.traffic-live) .main-nav{flex:0 1 auto}.traffic-live{margin-left:auto;margin-right:auto}.traffic-live+.account-menu{margin-left:0}}

.traffic-live:hover{color:#b3ccd9}.traffic-live-numbers{width:100px}.traffic-live-numbers span{white-space:nowrap}
@media(max-width:700px){.traffic-live-numbers{flex:0 0 100px;min-width:100px;width:100px;flex-direction:column;gap:4px}}