.install-jolearn{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 16px;padding:12px;border:1px solid #ffffff47;border-radius:10px;background:#ffffff14;color:#fff;font-weight:700}.install-jolearn span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eeb118;color:#073d47}.connection-state{position:fixed;z-index:5000;left:50%;bottom:18px;transform:translate(-50%,120px);padding:11px 18px;border-radius:999px;background:#087252;color:#fff;font-weight:700;box-shadow:0 10px 32px #0003;transition:transform .22s ease}.connection-state.visible{transform:translate(-50%,0)}.connection-state.offline{background:#9c1748}.pwa-update{position:fixed;z-index:5000;right:20px;bottom:20px;display:flex;align-items:center;gap:18px;max-width:420px;padding:15px 17px;border-radius:14px;background:#fff;color:#07172d;border:1px solid #d9e4e8;box-shadow:0 18px 50px #073d4740}.pwa-update span{display:grid;gap:3px}.pwa-update small{color:#60717e}.pwa-update button{white-space:nowrap}@media(max-width:700px){.install-jolearn{margin:12px 14px}.pwa-update{left:14px;right:14px;bottom:14px;align-items:stretch;flex-direction:column}.connection-state{width:calc(100% - 36px);text-align:center;box-sizing:border-box}}