.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#101a2c99}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(100%,520px);padding:30px;border-radius:12px;background:#fff;text-align:center;box-shadow:0 20px 45px #07122666}.modal h2{margin:0 0 12px}.modal-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 13px;border-radius:50%;background:#fff2db;color:#bd760e;font-size:24px;font-weight:bold}.modal-close{position:absolute;top:12px;right:13px;padding:2px 8px;background:transparent;color:#65728a;font-size:26px}.modal-file{padding:10px;border-radius:6px;background:#f4f7fb;font-size:13px}.modal-options{display:grid;gap:10px;margin:22px 0}.modal-options button{text-align:left;padding:14px 16px}.modal-options small{display:block;margin-top:4px;font-weight:normal;opacity:.85}.secondary{background:#6a7790}.danger-button{background:#c83c3c}.modal-cancel{padding:8px;background:transparent;color:#60708d}