.hq-offl{left:50%;top:calc(env(safe-area-inset-top,0px) + 86px);z-index:60;box-sizing:border-box;color:#fff;opacity:0;pointer-events:none;max-width:calc(100vw - 32px);height:52px;transition:transform .52s var(--ez-pop,cubic-bezier(.3,1.5,.5,1)),opacity .24s ease;background:#1c1c1e;border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 14px;font:700 14px/1.25 Lato,Helvetica,Arial,sans-serif;display:flex;position:fixed;transform:translate(-50%,-14px)scale(.96);box-shadow:0 18px 40px -18px #0d0d0d99}.hq-offl[data-on=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}.hq-offl>i{background:#e5484d;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;transition:background-color .3s;display:grid}.hq-offl[data-st=ok]>i{background:#13a15e}.hq-offl>i>svg{stroke:#fff;stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.hq-offl>span{white-space:nowrap;text-overflow:ellipsis;animation:.22s ease-out both auPlainIn;overflow:hidden}@media (max-width:859.98px){.hq-offl{top:calc(env(safe-area-inset-top,0px) + 78px)}}@media (max-width:480px){.hq-offl{border-radius:26px;width:calc(100vw - 32px);height:auto;min-height:52px;padding:9px 18px 9px 14px;font-size:13.5px;line-height:1.3}.hq-offl>span{white-space:normal;text-wrap:pretty}}@media (prefers-reduced-motion:reduce){.hq-offl{transition:opacity .15s;transform:translate(-50%)}}html[data-motion=calm] .hq-offl{transition:opacity .15s;transform:translate(-50%)}