.speed-line {
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    rgba(139, 0, 0, 0) 0%,
    rgba(139, 0, 0, 0.05) 40%,
    rgba(139, 0, 0, 0.25) 70%,
    rgba(139, 0, 0, 0.7) 88%,
    var(--swatch--dark-red) 96%,
    rgba(139, 0, 0, 0.6) 100%
  );
  filter: blur(1px);
  box-shadow: 0 0 6px rgba(139, 0, 0, 0.5);
  mask-image: linear-gradient(90deg, transparent, black 15%, black 100%);
}

[data-anim-second='first'],
[data-anim-second='second'] {
  opacity: 0;
  will-change: opacity;
}
[data-anim-second='third'] {
  clip-path: inset(0 100% 0 0);
  will-change: clip-path;
}

.wf-design-mode [data-anim-second='first'],
.wf-design-mode [data-anim-second='second'] {
  opacity: 1;
  will-change: opacity;
}
.wf-design-mode [data-anim-second='third'] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  will-change: clip-path;
}