/* Product adapter only: pinned Mprogress template 3 and its keyframes are unchanged. */
body .twoip-service[data-service-progress-mode] { --twoip-service-progress-size: 4px; }
body .twoip-service .twoip-service-progress[data-service-progress-slot] {
  display: block; position: static; flex: 0 0 var(--twoip-service-progress-size);
  inline-size: 100%; block-size: var(--twoip-service-progress-size);
  min-block-size: var(--twoip-service-progress-size);
  pointer-events: none; visibility: hidden; opacity: 0;
  overflow: hidden; border-radius: calc(var(--twoip-service-progress-size) / 2);
  margin: 0; padding: 0;
}
body .twoip-service .twoip-service-progress[data-service-progress-slot][data-active=true] { visibility: visible; opacity: 1; }
body .twoip-service .twoip-service-progress[data-service-progress-slot] .ui-mprogress {
  position: relative; width: 100%; height: var(--twoip-service-progress-size); overflow: hidden; border-radius: calc(var(--twoip-service-progress-size) / 2);
}
body .twoip-service .twoip-service-progress[data-service-progress-slot] .ui-mprogress :is(.indeter-bar,.bar-bg) {
  position: absolute; inset-block-start: 0; inset-inline-start: 0;
  height: var(--twoip-service-progress-size); border-radius: calc(var(--twoip-service-progress-size) / 2); z-index: 1; background: var(--twoip-primary);
}
body .twoip-service .twoip-service-progress[data-service-progress-slot] .ui-mprogress .bar-bg { z-index: 0; background: var(--twoip-primary-container); }
body .twoip-service .twoip-service-progress[data-service-progress-slot] .peg { display: none; }
body .twoip-service .twoip-service-progress[data-service-progress-slot] .indeter-bar { animation-play-state: paused; }
body .twoip-service .twoip-service-progress[data-service-progress-slot][data-active=true] .indeter-bar { animation-play-state: running; }
@media (prefers-reduced-motion: reduce) {
  body .twoip-service .twoip-service-progress[data-service-progress-slot] .indeter-bar { animation: none; transform: scaleX(.35); transform-origin: left; }
}