.backup-alert[hidden]{display:none!important}
.backup-alert{display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 18px;padding:12px 14px;border:1px solid #d6a15d;border-left:4px solid #9a580e;border-radius:9px;background:#fff5e6;color:#683900;font:inherit;line-height:1.5}
.backup-alert-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#8d4b07;color:#fff;font-size:15px;font-weight:700}
.backup-alert-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;min-width:0;flex:1}
.backup-alert-copy strong{font-size:13px;font-weight:650;color:#683900}
.backup-alert-copy span{font-size:12px;color:#683900;overflow-wrap:anywhere}
.backup-alert button{flex:none;min-height:36px;padding:6px 11px;border:1px solid #aa6b21;border-radius:7px;background:#fff;color:#683900;font:inherit;font-size:12px;font-weight:600;white-space:nowrap}
.backup-alert button:focus-visible{outline:3px solid #683900;outline-offset:2px}
@media(max-width:600px){.backup-alert{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:10px 12px}.backup-alert-copy{display:block;flex-basis:calc(100% - 34px)}.backup-alert-copy strong,.backup-alert-copy span{display:block}.backup-alert button{margin-left:32px}}