#hypwa-connectivity-notice{position:fixed;left:20px;bottom:20px;z-index:999999;max-width:360px;width:calc(100% - 40px);padding:14px 16px;background:var(--hypwa-connectivity-bg,#1a1a2e);color:var(--hypwa-connectivity-color,#f7c1c1);border-radius:14px;border:.5px solid rgba(255,255,255,.1);box-shadow:0 4px 20px rgba(0,0,0,.25),0 1px 4px rgba(0,0,0,.12);font-size:14px;line-height:1.4;display:flex;align-items:flex-start;gap:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translate3d(0,16px,0);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),opacity .25s,visibility .25s;overflow:hidden}#hypwa-connectivity-notice.hypwa-is-visible{transform:translate3d(0,0,0);opacity:1;visibility:visible;pointer-events:auto}.hypwa-connectivity-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;background:rgba(255,255,255,.12);color:var(--hypwa-connectivity-color,#f09595);transition:background .3s,color .3s}.hypwa-connectivity-body{flex:1;min-width:0}.hypwa-connectivity-title{display:block;font-size:14px;font-weight:600;margin:0 0 2px;line-height:1.4;color:var(--hypwa-connectivity-color,#fff);transition:color .3s}.hypwa-connectivity-description{font-size:12px;line-height:1.4;color:var(--hypwa-connectivity-color,rgba(255,255,255,.9));opacity:.9;margin:0;transition:color .3s,opacity .3s;font-weight:400}.hypwa-connectivity-dot{width:7px;height:7px;border-radius:50%;background:var(--hypwa-connectivity-color,#e24b4a);box-shadow:0 0 0 3px rgba(255,255,255,.2);flex-shrink:0;margin-top:5px;animation:1.8s ease-in-out infinite hypwa-pulse;transition:background .3s,box-shadow .3s}.hypwa-connectivity-progress{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 14px 14px;overflow:hidden;opacity:0;transition:opacity .2s}#hypwa-connectivity-notice.hypwa-is-online .hypwa-connectivity-progress,#hypwa-connectivity-notice.hypwa-is-visible:not(.hypwa-is-online) .hypwa-connectivity-progress{opacity:1}.hypwa-connectivity-progress-bar{height:100%;width:100%;background:var(--hypwa-connectivity-color,#639922);transform-origin:left}.hypwa-connectivity-progress-bar.hypwa-animating{animation:2.5s linear forwards hypwa-shrink}@keyframes hypwa-pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.2)}50%{box-shadow:0 0 0 6px rgba(255,255,255,.06)}}@keyframes hypwa-shrink{from{width:100%}to{width:0%}}@media (max-width:480px){#hypwa-connectivity-notice{left:12px;right:12px;bottom:12px;width:auto;max-width:none}}.hypwa-connectivity-icon .dashicons{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}