﻿.progress{padding:6px;background:rgba(0,0,0,.25);border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px rgba(255,255,255,.08);}.progress-bar{height:18px;background-color:#ee303c;border-radius:4px;transition:.4s linear;transition-property:width,background-color;}.progress-striped .progress-bar{background-color:#fcbc51;width:100%;background-image:linear-gradient(45deg,#fca311 25%,transparent 25%,transparent 50%,#fca311 50%,#fca311 75%,transparent 75%,transparent);animation:progressAnimationStrike 6s;}@keyframes progressAnimationStrike{from{width:0;}to{width:100%;}}.progress2{padding:6px;border-radius:30px;background:rgba(0,0,0,.25);box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px rgba(255,255,255,.08);}.progress-bar2{height:6px;border-radius:30px;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.05));transition:.4s linear;transition-property:width,background-color;}.progress-container{position:relative;}.progress-container::after{content:var(--blazor-load-percentage-text,"Loading");position:absolute;top:20px;font-size:10px;width:100%;text-align:center;}.progress-moved .progress-bar2{width:var(--blazor-load-percentage,0%);background-color:var(--palette-primary);animation:progressAnimation 1s;}@keyframes progressAnimation{0%{width:5%;background-color:var(--palette-topbar,--palette-secondary,#f9bcca);}100%{width:85%;background-color:var(--palette-topbar-darken,--palette-primary-darken,#ef476f);}}.progress-bar3{height:18px;border-radius:4px;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#7dc8e8,#5856d6,#ff2d55);transition:.4s linear;transition-property:width,background-color;}.progress-infinite .progress-bar3{width:100%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#7dc8e8,#5856d6,#ff2d55);animation:colorAnimation 1s infinite;}@keyframes colorAnimation{0%{background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#7dc8e8,#5856d6,#ff2d55);}20%{background-image:linear-gradient(to right,#5ac8fa,#007aff,#7dc8e8,#5856d6,#ff2d55,#4cd964);}40%{background-image:linear-gradient(to right,#007aff,#7dc8e8,#5856d6,#ff2d55,#4cd964,#5ac8fa);}60%{background-image:linear-gradient(to right,#7dc8e8,#5856d6,#ff2d55,#4cd964,#5ac8fa,#007aff);}100%{background-image:linear-gradient(to right,#5856d6,#ff2d55,#4cd964,#5ac8fa,#007aff,#7dc8e8);}}