.offline-bar{display:grid;grid-template-columns:100px 1fr 28px;gap:.6rem;align-items:center;font-size:.76rem;margin:.8rem 0}.offline-bar>div{height:11px;background:#e5f0ed;border-radius:30px;overflow:hidden}.offline-bar b{display:block;height:100%;background:var(--teal);border-radius:30px}.offline-bar strong{font-size:.74rem;color:var(--teal)}.offline-map{background:linear-gradient(135deg,#d7eee9 25%,#c4e1d9 25% 50%,#d7eee9 50% 75%,#c4e1d9 75%);background-size:50px 50px}.offline-map:after{content:'Peta offline · Waropen, Papua Tengah';position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:500;background:#fff;padding:.3rem .55rem;border-radius:5px;font-size:.68rem;color:var(--teal);box-shadow:0 2px 7px #1234}.offline-chart-legend{display:flex;gap:1rem;font-size:.75rem;color:var(--muted);margin-bottom:.5rem}.offline-chart-legend i{display:inline-block;width:10px;height:10px;background:var(--teal);margin-right:.25rem;border-radius:2px}.offline-chart-legend span+span i{background:var(--orange)}.offline-columns{height:275px;display:flex;align-items:flex-end;gap:.8rem;border-bottom:1px solid #dfeae6;padding:1rem .5rem 0}.offline-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;min-width:34px}.column-bars{height:100%;display:flex;align-items:flex-end;gap:3px}.column-bars b{display:block;width:13px;background:var(--teal);border-radius:4px 4px 0 0}.column-bars b+b{background:var(--orange)}.offline-column small{font-size:.63rem;color:var(--muted);text-align:center}@media(max-width:575px){.offline-bar{grid-template-columns:75px 1fr 22px}.offline-columns{gap:.35rem}.column-bars b{width:8px}}