.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.universal-progress{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;align-items:center;justify-content:center}.universal-progress.visible{opacity:1;visibility:visible}.progress-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.progress-container{position:relative;z-index:1;background:#fff;border-radius:16px;padding:2.5rem 3rem;min-width:400px;max-width:90%;box-shadow:0 20px 60px #0000004d;transform:translateY(-20px);transition:transform .3s ease}.universal-progress.visible .progress-container{transform:translateY(0)}.progress-content{display:flex;align-items:center;gap:2rem}.progress-spinner{width:48px;height:48px;flex-shrink:0}.spinner-ring{width:100%;height:100%;border:3px solid rgba(0,0,0,.1);border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-info{flex:1;min-width:0}.progress-message{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem;line-height:1.5}.progress-bar-container{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0%;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-percent{min-width:45px;text-align:right;font-size:.875rem;font-weight:600;color:#6b7280}.universal-progress.progress-error .progress-container{border:2px solid #ef4444}.universal-progress.progress-error .progress-message{color:#dc2626}.universal-progress.progress-error .spinner-ring{border-top-color:#ef4444}.universal-progress.progress-error .progress-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}@media(max-width:640px){.progress-container{min-width:0;width:calc(100% - 2rem);padding:2rem 1.5rem;margin:0 1rem}.progress-content{flex-direction:column;gap:1.5rem;text-align:center}.progress-spinner{width:40px;height:40px}.progress-message{font-size:1rem}}.universal-progress--inline{position:relative;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:1rem 0}.universal-progress--inline .progress-backdrop{display:none}.universal-progress--inline .progress-container{box-shadow:none;background:transparent;padding:0;min-width:0;max-width:100%}.universal-progress--inline .progress-content{gap:1rem}.universal-progress--inline .progress-spinner{width:32px;height:32px}@media(prefers-color-scheme:dark){.progress-container{background:#1f2937;border:1px solid #374151}.progress-message{color:#f3f4f6}.progress-bar{background:#374151}.progress-percent{color:#9ca3af}.spinner-ring{border-color:#ffffff1a;border-top-color:#60a5fa}}.progress-fill,.spinner-ring,.progress-container{will-change:transform;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.universal-progress,.progress-container,.progress-fill,.spinner-ring,.progress-fill:after{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.progress-container{border:2px solid currentColor}.progress-bar{border:1px solid currentColor}}.progress-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:0;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;opacity:.6;transition:all .2s ease;z-index:10}.progress-close-btn:hover{opacity:1;background:#0000000d;color:#1f2937}.progress-close-btn:active{transform:scale(.95)}.close-icon{font-size:1.5rem;line-height:1;font-weight:300}.universal-progress.progress-error .progress-close-btn{color:#dc2626}.universal-progress.progress-error .progress-close-btn:hover{background:#dc26261a;color:#dc2626}@media(max-width:640px){.progress-close-btn{top:.75rem;right:.75rem;width:28px;height:28px}.close-icon{font-size:1.25rem}}@media(prefers-color-scheme:dark){.progress-close-btn{color:#9ca3af}.progress-close-btn:hover{background:#ffffff1a;color:#f3f4f6}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/universal-progress-indicators.css.map */