.progress-bar{z-index:9999;pointer-events:none;height:3px;animation:.2s ease-out progress-bar-enter;position:fixed;top:0;left:0;right:0;overflow:hidden}.progress-bar--exiting{animation:.3s ease-out forwards progress-bar-exit}@keyframes progress-bar-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes progress-bar-exit{0%{opacity:1}to{opacity:0}}.progress-bar__fill{background-size:200% 100%;height:100%;transition:width .35s cubic-bezier(.19,1,.22,1);animation:1s linear infinite progress-shimmer}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar--primary .progress-bar__fill{background:linear-gradient(90deg,#0080ff 0%,#33a0ff 50%,#0080ff 100%) 0 0/200% 100%;animation:1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-primary;box-shadow:0 0 10px #0080ffb3,0 0 5px #0080ff80,0 4px 20px -2px #0080ff66}@keyframes progress-glow-primary{0%,to{box-shadow:0 0 10px #0080ffb3,0 0 5px #0080ff80,0 4px 20px -2px #0080ff66}50%{box-shadow:0 0 20px #0080ffe6,0 0 10px #0080ffb3,0 4px 30px -2px #0080ff99}}.progress-bar--success .progress-bar__fill{background:linear-gradient(90deg,#22c55e 0%,#4ade80 50%,#22c55e 100%) 0 0/200% 100%;animation:1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-success;box-shadow:0 0 10px #22c55eb3,0 0 5px #22c55e80,0 4px 20px -2px #22c55e66}@keyframes progress-glow-success{0%,to{box-shadow:0 0 10px #22c55eb3,0 0 5px #22c55e80,0 4px 20px -2px #22c55e66}50%{box-shadow:0 0 20px #22c55ee6,0 0 10px #22c55eb3,0 4px 30px -2px #22c55e99}}.progress-bar--warning .progress-bar__fill{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 50%,#f59e0b 100%) 0 0/200% 100%;animation:1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-warning;box-shadow:0 0 10px #f59e0bb3,0 0 5px #f59e0b80,0 4px 20px -2px #f59e0b66}@keyframes progress-glow-warning{0%,to{box-shadow:0 0 10px #f59e0bb3,0 0 5px #f59e0b80,0 4px 20px -2px #f59e0b66}50%{box-shadow:0 0 20px #f59e0be6,0 0 10px #f59e0bb3,0 4px 30px -2px #f59e0b99}}.progress-bar--error .progress-bar__fill{background:linear-gradient(90deg,#ef4444 0%,#f87171 50%,#ef4444 100%) 0 0/200% 100%;animation:1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-error;box-shadow:0 0 10px #ef4444b3,0 0 5px #ef444480,0 4px 20px -2px #ef444466}@keyframes progress-glow-error{0%,to{box-shadow:0 0 10px #ef4444b3,0 0 5px #ef444480,0 4px 20px -2px #ef444466}50%{box-shadow:0 0 20px #ef4444e6,0 0 10px #ef4444b3,0 4px 30px -2px #ef444499}}.progress-bar--indeterminate .progress-bar__fill{width:30%;animation:1.5s ease-in-out infinite progress-indeterminate,1s linear infinite progress-shimmer}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress-bar--indeterminate.progress-bar--primary .progress-bar__fill{animation:1.5s ease-in-out infinite progress-indeterminate,1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-primary}.progress-bar--indeterminate.progress-bar--success .progress-bar__fill{animation:1.5s ease-in-out infinite progress-indeterminate,1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-success}.progress-bar--indeterminate.progress-bar--warning .progress-bar__fill{animation:1.5s ease-in-out infinite progress-indeterminate,1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-warning}.progress-bar--indeterminate.progress-bar--error .progress-bar__fill{animation:1.5s ease-in-out infinite progress-indeterminate,1s linear infinite progress-shimmer,2s ease-in-out infinite progress-glow-error}@media (prefers-reduced-motion:reduce){.progress-bar,.progress-bar__fill{transition:none!important;animation:none!important}.progress-bar--indeterminate .progress-bar__fill{width:100%;transform:none}}