#saveStatus{display:block;max-width:100%;line-height:1.35;white-space:normal;overflow-wrap:anywhere;cursor:help}
#saveStatus::before{content:'';display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}
#saveStatus[data-save-kind="saved"]{color:#bbefcf}
#saveStatus[data-save-kind="pending"],#saveStatus[data-save-kind="saving"],#saveStatus[data-save-kind="warning"]{color:#ffe1a0}
#saveStatus[data-save-kind="error"],#saveStatus[data-save-kind="offline"]{color:#ffc8ba;font-weight:600}
#saveStatus[data-save-kind="test"]{color:#efdfbd}
#saveStatus:focus-visible{outline:2px solid #f6dfb6;outline-offset:3px;border-radius:3px}