.offline-indicator-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(28,28,28);display:flex;justify-content:center;align-items:center;z-index:9999;color:white;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.offline-indicator-overlay.visible{opacity:1;pointer-events:auto}.offline-indicator-content{border-radius:16px;background:#2A2A2A;padding:12px 24px 24px;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}@media (min-width:1200px){.offline-indicator-content{height:auto;max-width:352px}}.offline-indicator-content-icon{margin-bottom:16px}.offline-indicator-content-titlebar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.offline-indicator-content h2{color:#F5F5F5;font-size:18px;font-weight:600;line-height:28px}.offline-indicator-content p{color:#BFBFBF;font-size:14px;font-weight:400;line-height:20px}.offline-indicator-content-actionbar{display:flex;align-items:center;justify-content:center;gap:8px}.offline-indicator-content-actionbar-button{background:#08773E}.offline-indicator-content-actionbar-button,.offline-indicator-content-actionbar-button-outline{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:#F5F5F5;font-size:16px;font-weight:600;line-height:24px;padding:8px 16px;cursor:pointer}.offline-indicator-content-actionbar-button-outline{background:transparent}