.sync-status{position:fixed;z-index:90;left:50%;bottom:88px;max-width:calc(100% - 34px);transform:translate(-50%,14px);padding:8px 13px;border:1px solid #ead8d6;border-radius:17px;background:rgba(255,253,250,.96);box-shadow:0 7px 22px rgba(92,64,67,.14);color:#746268;font:500 12px 'Nunito',Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;white-space:nowrap}
.sync-status.visible{opacity:1;transform:translate(-50%,0)}
.sync-status.offline{border-color:#efcfb3;color:#a36d52}
.sync-status.syncing{border-color:#d8c8ea;color:#80699a}
.sync-status.synced{border-color:#c7e0cf;color:#518365}
@media (min-width:680px){.sync-status{bottom:26px}}