.save-state{display:inline-flex;align-items:center;gap:6px;font-size:var(--type-helper);color:var(--text-secondary);flex:0 0 auto}.save-state__icon{width:15px;height:15px;flex:0 0 auto}.save-state__label{white-space:nowrap}.save-state--ok{color:var(--success-ink)}.save-state--muted{color:var(--text-secondary)}.save-state--warn{color:var(--warning-ink)}.save-state--bad{color:var(--danger-ink)}.save-state__icon--spin{animation:save-state-spin 1s linear infinite;transform-origin:50% 50%}@keyframes save-state-spin{to{transform:rotate(1turn)}}.save-state.is-compact .save-state__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.save-state.is-compact.save-state--saved{animation:save-state-fade 2.6s ease-out forwards}@keyframes save-state-fade{0%,68%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.save-state__icon--spin{animation:none}.save-state.is-compact.save-state--saved{animation:none;opacity:.5}}