.offline-indicator-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px;background-color:var(--background)}.offline-indicator-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;max-width:400px;animation:offline-indicator-fade-in .3s ease}@keyframes offline-indicator-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.offline-indicator-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--gray1);border-radius:50%;color:var(--sub-text);animation:offline-indicator-pulse 2s ease-in-out infinite}@keyframes offline-indicator-pulse{0%,to{opacity:1}50%{opacity:.6}}.offline-indicator-icon svg{width:48px;height:48px}.offline-indicator-title{font-size:24px;font-weight:700;color:var(--text);margin:0}.offline-indicator-description{font-size:16px;color:var(--sub-text);margin:0;line-height:1.5}.offline-indicator-retry-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;background-color:var(--blue-blue);color:white;border:none;border-radius:10px;cursor:pointer;margin-top:10px;transition:all .2s ease;box-shadow:0 4px 12px rgba(15,131,233,.25)}.offline-indicator-retry-button:hover{background-color:var(--blue-blue);box-shadow:0 6px 16px rgba(15,131,233,.35);transform:translateY(-1px)}.offline-indicator-retry-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(15,131,233,.25)}.offline-indicator-retry-button:disabled{opacity:.7;cursor:not-allowed}.offline-indicator-retry-icon{width:20px;height:20px}.offline-indicator-retry-icon--spinning{animation:offline-indicator-spin 1s linear infinite}@keyframes offline-indicator-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.offline-indicator-icon{background-color:var(--gray2)}}@media (min-width:768px){.offline-indicator-container{min-height:500px}.offline-indicator-content{max-width:500px}.offline-indicator-icon{width:100px;height:100px}.offline-indicator-icon svg{width:60px;height:60px}.offline-indicator-title{font-size:28px}.offline-indicator-description{font-size:18px}}