.save-status-indicator{-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:linear-gradient(135deg,#fffffff2 0%,#f8fafcf2 100%);border:1px solid #00000014;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:155px;min-width:155px;max-width:155px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.save-status-indicator:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.save-status-indicator--saving{color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a 0%,#fbbf241a 100%);border-color:#f59e0b33}.save-status-indicator--saved{color:#059669;background:linear-gradient(135deg,#0596691a 0%,#10b9811a 100%);border-color:#05966933}.save-status-indicator__icon-wrap{justify-content:center;align-items:center;animation:.5s cubic-bezier(.4,0,.2,1) saveStatusIconFadeIn;display:flex}.save-status-indicator__icon{flex-shrink:0;justify-content:center;align-items:center;animation:.5s cubic-bezier(.4,0,.2,1) saveStatusIconFadeIn;display:flex}.save-status-indicator__text{white-space:nowrap;font-size:12px;font-weight:500;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.34,1.56,.64,1) saveStatusTextBounce;display:inline-block}@keyframes saveStatusIconFadeIn{0%{opacity:0;transform:scale(.8)rotate(-10deg)}60%{transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes saveStatusTextBounce{0%{opacity:0;transform:scale(.9)translate(-4px)}50%{opacity:.8;transform:scale(1.02)translate(0)}to{opacity:1;transform:scale(1)translate(0)}}