.offline-pill[data-v-022fc715]{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:50;white-space:nowrap;background:#fff;border:1px solid;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.35rem .75rem;font-size:.78rem;font-weight:500;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 1px 3px #00000014}.dot[data-v-022fc715]{background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.offline[data-v-022fc715]{color:#b45309}.syncing[data-v-022fc715]{color:#0c6b87}.pending[data-v-022fc715]{color:#64748b}.syncing .dot[data-v-022fc715]{animation:1.2s ease-in-out infinite pulse-022fc715}@keyframes pulse-022fc715{50%{opacity:.25}}.fade-enter-active[data-v-022fc715],.fade-leave-active[data-v-022fc715]{transition:opacity .2s}.fade-enter-from[data-v-022fc715],.fade-leave-to[data-v-022fc715]{opacity:0}@media (prefers-reduced-motion:reduce){.syncing .dot[data-v-022fc715]{animation:none}.fade-enter-active[data-v-022fc715],.fade-leave-active[data-v-022fc715]{transition:none}}@media (prefers-color-scheme:dark){.offline-pill[data-v-022fc715]{background:#041f3d;box-shadow:0 1px 3px #0006}.offline[data-v-022fc715]{color:#fbbf24}.syncing[data-v-022fc715]{color:#67e8f9}.pending[data-v-022fc715]{color:#94a3b8}}