.autosave{--autosave-brand:#3cad3d;--autosave-brand-deep:#2a8a2c;--autosave-ink-3:#8a948c;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--autosave-ink-3);font-style:italic;line-height:1;flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;transition:color .25s ease}.autosave.is-saving{font-style:normal}.autosave.is-saving,.autosave.just-saved{color:var(--autosave-brand-deep)}.autosave .house-wrap{width:28px;height:28px;display:grid;place-items:center;flex:none;contain:paint}.autosave .house{width:28px;height:28px;display:block}.autosave .house .h-outline{stroke:var(--autosave-ink-3);stroke-width:2.4;transition:stroke .25s ease}.autosave.is-saving .house .h-outline{stroke:var(--autosave-brand-deep)}.autosave .house .h-fill{transform-box:fill-box;transform-origin:50% 100%}.autosave .house .h-letter-tx{transform-box:view-box;transform-origin:50px 60px}.autosave .house .h-letter{font-style:normal}.autosave .house .h-check{transform-box:fill-box;transform-origin:50% 50%;stroke-dasharray:60}.autosave .status-area{position:relative;display:inline-flex;align-items:center;height:16px;flex:none}.autosave .saving-status,.autosave .status{display:flex;align-items:center;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.005em;transition:opacity .22s ease,transform .22s ease}.autosave .status{opacity:1;transform:translateY(0);position:relative;top:1px}.autosave .saving-status{position:absolute;inset:0;opacity:0;transform:translateY(3px);font-style:normal;font-weight:500}.autosave.is-saving .status{opacity:0;transform:translateY(-3px)}.autosave.is-saving .saving-status{opacity:1;transform:translateY(0)}.autosave .dots-track{display:inline-flex;align-items:center;margin-left:4px;height:16px;gap:3px}.autosave .dots-track>span{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.28}