[estilo-save-status] { box-sizing: border-box; display: inline-block; font-size: var(--rst-fs-sm); line-height: 1.4; margin: 0; overflow-wrap: anywhere; } [estilo-save-status~="inline"] { color: var(--rst-text-muted); min-inline-size: 8ch; min-block-size: 1em; } [estilo-save-status~="inline"]:not([data-state="saved"]) { color: var(--rst-text); font-weight: 600; } [estilo-save-status~="floating"] { position: fixed; inset-inline-end: var(--rst-sp-4); inset-block-end: var(--rst-sp-4); max-inline-size: min(22em, calc(100vw - var(--rst-sp-4) - var(--rst-sp-4))); min-inline-size: 1px; min-block-size: 1px; pointer-events: none; } [estilo-save-status~="floating"]:not(:empty) { padding: var(--rst-sp-2) var(--rst-sp-3); border-radius: var(--rst-radius-sm); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); background: var(--rst-tone-neutral-bg); color: var(--rst-tone-neutral-fg); } [estilo-save-status~="floating"][data-state="failed"]:not(:empty) { background: var(--rst-tone-negative-bg); color: var(--rst-tone-negative-fg); font-weight: 600; } @media print { [estilo-save-status] { display: none; } }