.traffic-panel{position:absolute;right:20px;top:26px;width:190px;z-index:2;background:#0d1824ed;border:1px solid #2b3e4e;border-radius:9px;padding:9px;box-shadow:0 5px 24px #0004}.traffic-item+.traffic-item{border-top:1px solid #2b3e4e;padding-top:8px}.traffic-item button{width:100%;padding:8px 9px;text-align:left;font-size:12px;font-weight:600}.traffic-item button[aria-pressed=true]{background:#1e413b;border-color:#528678;color:#c8f1e5}.traffic-item p,.traffic-panel details p{font-size:9px;line-height:1.55;color:#a1b4c4;margin:7px 1px}.traffic-panel details{border-top:1px solid #2b3e4e;padding-top:7px;font-size:10px}.traffic-panel summary{cursor:pointer;color:#b7cddd}.traffic-panel details[open]{max-height:230px;overflow:auto}.traffic-panel label{display:flex;align-items:center;gap:5px;font-size:10px}.traffic-panel input{width:13px;height:13px}.traffic-panel #coverage-ais p,.traffic-panel #coverage-adsb p{padding:6px 0;border-top:1px solid #233645}
@media(max-width:1200px){.traffic-panel{top:184px;width:174px;right:15px}.globe-tools{right:15px;bottom:100px}.map-heading h2{max-width:310px}}
@media(max-width:650px){.traffic-panel{top:175px;width:158px;right:12px;padding:7px}.traffic-item p{font-size:9px}.traffic-panel details[open]{max-height:150px}.globe-tools{bottom:90px;right:12px}.traffic-panel details:not([open]){font-size:9px}}
@media(max-height:650px){.traffic-panel{top:180px}.traffic-item p{max-height:42px;overflow:auto}.traffic-panel details[open]{max-height:110px}}
.traffic-item button[data-state=paid]{background:#173b55;border-color:#417ca0;color:#bee6ff}.traffic-item button[data-state=waiting]{background:#352f22;border-color:#766346;color:#f0d6a4}.traffic-item button[data-state=warning]{background:#402d26;border-color:#956b48;color:#ffdbb8}.traffic-item button[data-state=empty],.traffic-item button[data-state=limited]{background:#202d3b;border-color:#4b6072;color:#bdcddd}.traffic-item p{min-height:28px}.traffic-item button{transition:background .2s,border-color .2s}