.op-sap-progress-overlay{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;padding:20px;background:rgba(3,20,19,.58);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.op-sap-progress-overlay[hidden]{display:none!important}
html.op-sap-progress-open,html.op-sap-progress-open body{overscroll-behavior:none}
.op-sap-real-progress{box-sizing:border-box;position:relative;width:min(560px,calc(100vw - 32px));padding:28px;border:1px solid color-mix(in srgb,var(--accent,#ff009b) 30%,var(--line,#d7d7d7));border-radius:26px;background:var(--panel,#fff);color:var(--text,#10201e);box-shadow:0 30px 95px rgba(0,0,0,.32);text-align:left;animation:opSapProgressIn .18s ease-out}
@keyframes opSapProgressIn{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
.op-sap-progress-cancel{position:absolute;top:18px;right:18px;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--line,#d7d7d7) 80%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 88%,var(--text,#10201e) 6%);color:var(--text,#10201e);display:grid;place-items:center;font-size:28px;line-height:1;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}
.op-sap-progress-cancel:hover{transform:scale(1.04);border-color:color-mix(in srgb,var(--accent,#ff009b) 45%,var(--line,#d7d7d7));background:color-mix(in srgb,var(--accent,#ff009b) 10%,var(--panel,#fff))}
.op-sap-progress-cancel:disabled{cursor:wait;opacity:.45;transform:none}
.op-sap-progress-icon{width:126px;height:78px;display:flex;align-items:center;justify-content:flex-start;margin:0 54px 18px 0;background:transparent}
.op-sap-progress-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.08))}
.op-sap-progress-copy{display:grid;gap:5px}
.op-sap-progress-copy h2{margin:0;font-size:23px;line-height:1.15;color:var(--text,#10201e)}
.op-sap-progress-copy p{margin:2px 0 0;color:var(--muted,#687270);line-height:1.45;min-height:1.45em}
.op-sap-progress-track{height:12px;margin:22px 0 11px;border-radius:999px;background:color-mix(in srgb,var(--line,#d7d7d7) 68%,transparent);overflow:hidden}
.op-sap-progress-track>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent,#ff009b),color-mix(in srgb,var(--accent,#ff009b) 67%,#fff));transition:width .24s ease;box-shadow:0 0 18px color-mix(in srgb,var(--accent,#ff009b) 48%,transparent)}
.op-sap-progress-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted,#687270);font-size:12px}
.op-sap-progress-foot span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.op-sap-progress-foot b{flex:none;font-size:20px;color:var(--accent,#ff009b);font-variant-numeric:tabular-nums}
.op-sap-real-progress.is-done .op-sap-progress-track>i{background:#22a874;box-shadow:0 0 18px rgba(34,168,116,.35)}
.op-sap-real-progress.is-done .op-sap-progress-foot b{color:#198b60}
.op-sap-real-progress.is-error{border-color:rgba(216,74,91,.55)}
.op-sap-real-progress.is-error .op-sap-progress-track>i{background:#d84a5b;box-shadow:none}
.op-sap-real-progress.is-error .op-sap-progress-foot b{color:#d84a5b}
.op-sap-real-progress.is-cancelling .op-sap-progress-track>i{opacity:.65;animation:opSapCancelPulse .9s ease-in-out infinite alternate}
@keyframes opSapCancelPulse{to{filter:brightness(1.3)}}
.op-sap-progress-close{width:100%;min-height:46px;margin-top:20px;border:0;border-radius:14px;background:var(--accent,#ff009b);color:#fff;font-weight:900;cursor:pointer}
@media(max-width:620px){.op-sap-progress-overlay{padding:14px}.op-sap-real-progress{width:100%;padding:22px 18px;border-radius:21px}.op-sap-progress-copy h2{font-size:20px}.op-sap-progress-icon{width:112px;height:68px;margin-right:48px}.op-sap-progress-cancel{top:14px;right:14px;width:40px;height:40px}.op-sap-progress-foot span{white-space:normal}}