.sf-task-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:var(--sf-task-loading-margin, none);padding:var(--sf-task-loading-padding, none);width:100%;height:100%;color:var(--sf-task-loading-color, #fff);background:var(--sf-task-loading-background, rgba(0, 0, 0, 0));border-radius:var(--sf-task-loading-border-radius, none);backdrop-filter:var(--sf-task-loading-blur, none);z-index:999;overflow:hidden}.sf-task-loading__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.sf-task-loading__icon img{width:100%;height:100%}.sf-task-loading__info{display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.2}.sf-task-loading__title{font-size:20px}.sf-task-loading__message{color:rgba(255,255,255,.7);font-size:16px}.sf-task-loading-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--sf-progress-width, auto);max-width:var(--sf-progress-max-width, none);gap:var(--sf-progress-gap, 12px)}.sf-task-loading-progress__bar{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:2px;width:100%;height:var(--sf-progress-bar-height, 15px);background:linear-gradient(163deg, rgba(226, 75, 119, 0.2) 0%, rgba(226, 75, 119, 0) 100%);border:1px solid #e24b77;border-radius:21px;overflow:hidden}.sf-task-loading-progress__bar::before{content:"";display:block;width:var(--sf-progress, 0%);height:100%;background:linear-gradient(90deg, #c52da6 0%, #e24b77 100%);border-radius:28px;transition:width .2s}.sf-task-loading-progress__bar::after{content:"";position:absolute;top:30%;left:2px;width:calc(var(--sf-progress, 0%) - 4px);height:2px;background:linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);filter:blur(1px);transition:width .2s}.sf-task-loading-progress__percent{color:#e24b77;font-size:var(--sf-progress-percent-font-size, 20px);font-weight:400}@media screen and (max-width: 880px){.sf-task-loading{gap:8px}.sf-task-loading__icon{width:30px;height:30px}.sf-task-loading__info{gap:8px}.sf-task-loading__title{font-size:12px}.sf-task-loading__message{font-size:12px}.sf-task-loading-progress{gap:4px}.sf-task-loading-progress__bar{height:10px}.sf-task-loading-progress__percent{font-size:14px}}html[lang=ar] .sf-task-loading-progress__bar::after{left:auto;right:2px}