[data-generation-design-variant="gen B"] .e8GenBProgress__track span {
  overflow: hidden;
  position: relative;
  transition: width 920ms cubic-bezier(0.22, 1, 0.36, 1);
}

[data-generation-design-variant="gen B"] .e8GenBProgress__track span::after {
  animation: e8GenBTrackSweep 1.65s ease-in-out infinite;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.56) 45%, transparent 74%);
  content: "";
  inset: 0;
  position: absolute;
  transform: translateX(-115%);
}

[data-generation-design-variant="gen B"] .e8GenBSteps li.isNow {
  animation: e8GenBActiveStepPulse 1.8s ease-in-out infinite;
}

[data-generation-design-variant="gen B"] .e8GenBProgress__eta .material-symbols-rounded {
  animation: e8GenBClockPulse 1s ease-in-out infinite;
}

[data-generation-design-variant="gen B"] .e8GenBSteps li.isJustDone {
  animation: e8GenBStepDoneFlash 840ms ease-out 1;
}

[data-generation-design-variant="gen B"] .e8GenBSteps li.isJustDone .e8GenBSteps__mark {
  animation: e8GenBCheckPop 520ms ease-out 1;
}

[data-generation-design-variant="gen B"] .e8GenBProgress.isOvertime {
  animation: e8GenBOvertimeGlow 3s ease-in-out infinite;
}

[data-generation-design-variant="gen B"] .e8GenBProgress.isOvertime .e8GenBProgress__eta {
  animation: e8GenBOvertimeEta 2.4s ease-in-out infinite;
}

[data-generation-design-variant="gen B"] .e8ProcessCategories--skeleton span,
[data-generation-design-variant="gen B"] .e8ProcessItem--skeleton i,
[data-generation-design-variant="gen B"] .e8ProcessItem--skeleton b,
[data-generation-design-variant="gen B"] .e8ProcessItem--skeleton p,
[data-generation-design-variant="gen B"] .e8ProcessItem--skeleton strong,
[data-generation-design-variant="gen B"] .e8ProcessItem__photo::before {
  animation-duration: 0.92s;
  background-image: linear-gradient(100deg, #edf2f7 0%, #fff0df 38%, #ffffff 50%, #edf2f7 100%);
}

[data-generation-design-variant="gen B"] .e8ProcessItem {
  animation-duration: 460ms;
  animation-timing-function: cubic-bezier(0.2, 0.9, 0.25, 1);
}

[data-generation-design-variant="gen B"] .e8ProcessItem__photo.isImageJustLoaded img {
  animation: e8GenBPhotoReveal 780ms ease-out 1;
}

@keyframes e8GenBTrackSweep {
  55%,
  100% {
    transform: translateX(115%);
  }
}

@keyframes e8GenBSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes e8GenBActiveStepPulse {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(255, 90, 10, 0);
  }

  50% {
    box-shadow: 0 0 0 4px rgba(255, 90, 10, 0.12);
  }
}

@keyframes e8GenBStepDoneFlash {
  0% {
    background: linear-gradient(90deg, rgba(220, 252, 231, 0.25), rgba(240, 253, 244, 0.2));
    border-color: rgba(22, 163, 74, 0.18);
  }

  38% {
    background: linear-gradient(90deg, rgba(220, 252, 231, 0.98), rgba(240, 253, 244, 0.9));
    border-color: rgba(22, 163, 74, 0.46);
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.14);
  }

  100% {
    box-shadow: 0 0 0 rgba(34, 197, 94, 0);
  }
}

@keyframes e8GenBCheckPop {
  0% {
    transform: scale(0.78);
  }

  55% {
    transform: scale(1.16);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes e8GenBClockPulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@keyframes e8GenBPhotoReveal {
  0% {
    filter: saturate(0.85);
    opacity: 0;
    transform: scale(1.05);
  }

  100% {
    filter: saturate(1);
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes e8GenBOvertimeGlow {
  0%,
  100% {
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.08);
  }

  50% {
    box-shadow: 0 24px 76px rgba(255, 90, 10, 0.16);
  }
}

@keyframes e8GenBOvertimeEta {
  0%,
  100% {
    color: #68768a;
  }

  50% {
    color: #ff5a0a;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-generation-design-variant="gen B"] .e8GenBProgress__track span,
  [data-generation-design-variant="gen B"] .e8GenBProgress__track span::after,
  [data-generation-design-variant="gen B"] .e8GenBSteps li.isNow,
  [data-generation-design-variant="gen B"] .e8GenBSteps li.isNow .e8GenBSteps__mark,
  [data-generation-design-variant="gen B"] .e8GenBSteps li.isJustDone,
  [data-generation-design-variant="gen B"] .e8GenBSteps li.isJustDone .e8GenBSteps__mark,
  [data-generation-design-variant="gen B"] .e8GenBProgress.isOvertime,
  [data-generation-design-variant="gen B"] .e8GenBProgress.isOvertime .e8GenBProgress__eta,
  [data-generation-design-variant="gen B"] .e8GenBProgress__eta .material-symbols-rounded,
  [data-generation-design-variant="gen B"] .e8ProcessItem,
  [data-generation-design-variant="gen B"] .e8ProcessItem__photo.isImageJustLoaded img {
    animation: none;
    transition: none;
  }
}