.mespi-phone-number { display: inline-flex; flex-direction: column; align-items: flex-start; max-width: 100%; vertical-align: middle; }
.mespi-phone-line { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 3px 6px; max-width: 100%; }
.mespi-phone-dial { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.mespi-phone-value { white-space: nowrap; }
.mespi-phone-dot { display: block; position: static; flex: 0 0 8px; box-sizing: border-box; width: 8px; height: 8px; margin: 0; border-radius: 50%; background: #8b949e; }
.mespi-phone-dot.is-online { background: #22b55b; box-shadow: 0 0 0 2px rgba(34, 181, 91, .12); }
.mespi-phone-dot.is-offline { background: #8b949e; }
.mespi-phone-dot.is-unknown { background: transparent; border: 1px solid #9ca5ae; box-shadow: none; }
.mespi-phone-meta { display: block; margin: 5px 0 3px; white-space: normal; font-size: 12px; line-height: 1.5; }
.mespi-phone-next, .mespi-phone-hours { display: block; }
.mespi-phone-meta[hidden], .mespi-phone-next[hidden], .mespi-phone-hours[hidden], .mespi-phone-hours-item[hidden] { display: none !important; }
.mespi-phone-status-copy { font-size: 12px; font-weight: 600; line-height: 1.5; white-space: normal; }
.mespi-phone-status-copy::before { content: '\00b7\00a0'; }
.mespi-phone-hours { margin-top: 2px; opacity: .8; }