.sf-task-loading{--sf-task-loading-gap: 6px;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--sf-task-loading-gap)*var(--sf-task-loading-scale, 1));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);transform:translate3d(0, 0, 0);z-index:999}.sf-task-loading *{scale:var(--sf-task-loading-scale, 1)}.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:calc(var(--sf-task-loading-gap)*.8*var(--sf-task-loading-scale, 1));line-height:1.2}.sf-task-loading__title{font-size:16px}.sf-task-loading__message{color:hsla(0,0%,100%,.7);font-size:14px}.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:calc(var(--sf-progress-gap, 4px)*var(--sf-task-loading-scale, 1))}.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:rgba(0,0,0,0);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:#ff4180;border-radius:28px;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{--sf-task-loading-gap: 4px}.sf-task-loading__icon{width:30px;height:30px}.sf-task-loading__title{font-size:12px}.sf-task-loading__message{font-size:12px}.sf-task-loading-progress{gap:2px}.sf-task-loading-progress__bar{height:13px}.sf-task-loading-progress__percent{font-size:14px}}html[lang=ar] .sf-task-loading-progress__bar::after{left:auto;right:2px}.sf-task-loading.sf-task-loading--upload{container-type:size;--fs-title: 16px;--fs-pct: 16px;--fs-msg: 14px;--ico: 56px;--ico: clamp(56px, 25.7cqh, 128px);--bar-h: 8px;--bar-h: clamp(6px, 2.41cqh, 12px);--bar-w: 260px;--bar-w: min(311px, 68cqw);--gap-bar: 6px;--gap-bar: clamp(5px, 1.81cqh, 9px);--gap-msg: 10px;--gap-msg: clamp(8px, 3.21cqh, 16px);gap:0;background:rgba(18,20,21,.94);backdrop-filter:blur(30px)}@media screen and (max-width: 880px){.sf-task-loading.sf-task-loading--upload{--fs-title: 14px;--fs-pct: 14px;--fs-msg: 12px}}.sf-task-loading.sf-task-loading--upload *{scale:1}.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon{position:relative;display:block;width:var(--ico);height:var(--ico);font-size:var(--ico)}.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-box,.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-lid{position:absolute;left:0;top:0;width:100%;height:100%}.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-lid{clip-path:inset(0 0 55.5% 0)}.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-lid img{display:block;width:100%;height:100%}.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-lid-inner{animation:sf-task-loading-sway 2.2s ease-in-out infinite}.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-arrow{position:absolute;left:50%;top:76%;width:25.7%;height:25.7%;transform:translate(-50%, -50%);border-radius:50%;box-shadow:0 0 .36459375em 0.0183671875em rgba(255,14,138,.25)}.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-arrow img{display:block;width:100%;height:100%;animation:sf-task-loading-cycle 1.5s ease-in-out infinite}.sf-task-loading.sf-task-loading--upload .sf-task-loading__spark{position:absolute;border-radius:50%;opacity:0;pointer-events:none}.sf-task-loading.sf-task-loading--upload .sf-task-loading__spark--1{left:8%;top:18%;width:.0234375em;height:.0234375em;background:#ff5c94;animation:sf-task-loading-twinkle 1.8s ease-in-out .2s infinite}.sf-task-loading.sf-task-loading--upload .sf-task-loading__spark--2{right:6%;top:36%;width:.01953125em;height:.01953125em;background:rgba(255,92,148,.7);animation:sf-task-loading-twinkle 2.3s ease-in-out .9s infinite}.sf-task-loading.sf-task-loading--upload .sf-task-loading__spark--3{right:18%;top:8%;width:.03125em;height:.03125em;background:rgba(255,191,210,.8);animation:sf-task-loading-twinkle 2s ease-in-out 1.4s infinite}.sf-task-loading.sf-task-loading--upload .sf-task-loading__info{flex-direction:row;align-items:center;gap:8px}.sf-task-loading.sf-task-loading--upload .sf-task-loading__title{font-size:var(--fs-title);line-height:1.2;color:#fff}.sf-task-loading.sf-task-loading--upload .sf-task-loading__percent{font-size:var(--fs-pct);font-weight:500;line-height:1.2;color:#ff4180;font-variant-numeric:tabular-nums}.sf-task-loading.sf-task-loading--upload .sf-task-loading-progress{margin-top:var(--gap-bar);width:var(--bar-w);max-width:100%;gap:0}.sf-task-loading.sf-task-loading--upload .sf-task-loading-progress__bar{padding:0;height:var(--bar-h);background:hsla(0,0%,100%,.08);border:0;border-radius:56px}.sf-task-loading.sf-task-loading--upload .sf-task-loading-progress__bar::before{background:#ff4180;border-radius:56px}.sf-task-loading.sf-task-loading--upload .sf-task-loading__message{margin-top:var(--gap-msg);font-size:var(--fs-msg);line-height:1.2;color:hsla(0,0%,100%,.8)}.sf-task-loading.sf-task-loading--upload.is-done .sf-task-loading__icon-lid-inner{animation:sf-task-loading-hop .7s cubic-bezier(0.35, 0, 0.3, 1)}.sf-task-loading.sf-task-loading--upload.is-done .sf-task-loading__icon-arrow img,.sf-task-loading.sf-task-loading--upload.is-done .sf-task-loading__spark{animation:none}@media(prefers-reduced-motion: reduce){.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-lid-inner,.sf-task-loading.sf-task-loading--upload .sf-task-loading__icon-arrow img,.sf-task-loading.sf-task-loading--upload .sf-task-loading__spark,.sf-task-loading.sf-task-loading--upload.is-done .sf-task-loading__icon-lid-inner{animation:none}}@keyframes sf-task-loading-sway{0%,100%{transform:translate(0, 0) rotate(0deg)}18%{transform:translate(0.00390625em, -0.0625em) rotate(-1.5deg)}36%{transform:translate(-0.00390625em, -0.0234375em) rotate(1deg)}54%{transform:translate(0.00390625em, -0.046875em) rotate(-0.8deg)}74%{transform:translate(0, -0.0078125em) rotate(0.4deg)}}@keyframes sf-task-loading-cycle{0%{transform:translateY(0) scale(1, 1);opacity:1}9%{transform:translateY(0.015625em) scale(1.06, 0.9);opacity:1}40%{transform:translateY(-0.25em) scale(0.96, 1.06);opacity:0}41%{transform:translateY(0.203125em) scale(1, 1);opacity:0}68%{transform:translateY(-0.0234375em);opacity:1}80%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}}@keyframes sf-task-loading-twinkle{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1)}}@keyframes sf-task-loading-hop{0%{transform:translateY(0) scale(1, 1) rotate(0deg)}8%{transform:translateY(0.01171875em) scale(1.06, 0.93) rotate(0deg)}34%{transform:translateY(-0.1015625em) scale(0.97, 1.05) rotate(-4deg)}56%{transform:translateY(0.0078125em) scale(1.03, 0.96) rotate(1.2deg)}74%{transform:translateY(-0.01953125em) rotate(-0.6deg)}100%{transform:translateY(0) scale(1, 1) rotate(0deg)}}