.network-status-bar{box-sizing:border-box;flex:none;min-width:0;padding:9px 16px;background:#f7f8f9;border-bottom:1px solid #e9ecef;color:#8b919b;font-size:12px;line-height:1.6;overflow-wrap:anywhere;text-align:center;display:flex;align-items:center;justify-content:center;gap:9px}
.network-status-bar[hidden]{display:none!important}
.network-load-error{box-sizing:border-box;margin:16px 0;padding:20px 16px;border:1px solid #e6e7e9;border-radius:8px;background:#fafafa;color:#747982;text-align:center;font-size:13px;line-height:1.7}
.network-load-error p{margin:0 0 12px;overflow-wrap:anywhere}
.network-load-error .secondary{min-height:34px;padding:6px 16px;font-size:12px}
.temporary-guest-main>.network-load-error{margin:16px}
@media(max-width:759px){.temporary-guest-main>.network-load-error{grid-area:4 / 1 / auto / -1;align-self:start}.network-status-bar{font-size:12px;padding:8px 12px}}

.network-status-bar[data-state=reconnecting]::before{content:"";display:block;flex:none;width:12px;height:12px;box-sizing:border-box;border:1.5px solid #dce0e5;border-top-color:#9299a4;border-radius:50%;animation:network-refresh-spin .85s linear infinite}
.network-status-bar[data-state=offline]::before{content:"";width:5px;height:5px;flex:none;background:#aab0b9;border-radius:50%}
@keyframes network-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.network-status-bar[data-state=reconnecting]::before{animation:none}}