/* V234.3 stable progress loader */

#yv225-step-list .v225-run-card.running,
#yv225-step-list .v225-run-card.v2343-loading{
  animation:none!important;
  border-color:#7659de!important;
  background:#14113b!important;
  box-shadow:none!important;
}

#yv225-step-list .v225-run-state.v2343-loading-state > i{
  width:13px!important;height:13px!important;flex:0 0 13px!important;
  border-radius:50%!important;box-sizing:border-box!important;
  background:transparent!important;
  border:2px solid rgba(197,174,255,.24)!important;
  border-top-color:#d8c5ff!important;border-right-color:#8f70ee!important;
  box-shadow:none!important;
  animation:v2343-spin .78s linear infinite!important;
}

#yv225-step-list .v225-run-state.v2343-loading-state > span{
  color:#cbb8ff!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.055em;
}

@keyframes v2343-spin{to{transform:rotate(360deg)}}

.v225-action-card.v2343-action-loading #yv225-action-icon svg{display:none!important}
.v225-action-card.v2343-action-loading #yv225-action-icon::after{
  content:"";display:block;width:23px;height:23px;border-radius:50%;
  box-sizing:border-box;border:3px solid rgba(197,174,255,.22);
  border-top-color:#d6c2ff;border-right-color:#8f70ee;
  animation:v2343-spin .78s linear infinite;
}
.v225-action-card.v2343-action-loading #yv225-progress-fill{
  transition:width .5s linear!important;
  background:linear-gradient(90deg,#7458d9,#aa8cff)!important;
}
.v225-action-card.v2343-action-loading #yv225-progress-number{
  min-width:44px;font-variant-numeric:tabular-nums
}

/* Neutralise stale legacy loader classes if an old DOM survived a hot reload. */
.v2323-loading .v225-run-state>i,
.v225-run-state.v2323-loading-state>i{animation:none!important}