.workflow-scroll {
  height: calc(
    var(--workflow-pin-height) +
    var(--workflow-scroll-distance) +
    var(--workflow-padding)
  );
}
.workflow-scroll .workflow-pin {
  position: sticky;
  top: var(--workflow-pin-top);
}
.workflow-plan {
  opacity: var(--workflow-plan);
  transform: translateY(calc((1 - var(--workflow-plan)) * 8px));
}
.workflow-picker {
  opacity: var(--workflow-picker);
  transform: translateY(calc((1 - var(--workflow-picker)) * 9px))
    scale(calc(0.985 + var(--workflow-picker) * 0.015));
  transform-origin: top center;
}
.workflow-enhanced .workflow-picker {
  display: block;
}
.workflow-query-placeholder {
  opacity: var(--workflow-query-empty);
}
.workflow-picker-results {
  opacity: var(--workflow-results);
}
.workflow-picker-selected {
  background: color-mix(in srgb, var(--primary) calc(var(--workflow-selected) * 10%), transparent);
}
.workflow-enter {
  opacity: var(--workflow-selected);
}
.workflow-lab-cue {
  opacity: calc(1 - var(--workflow-insert));
}
.workflow-inserted-lab {
  opacity: var(--workflow-insert);
  transform: translateY(calc((1 - var(--workflow-insert)) * 4px));
}
.workflow-instruction {
  opacity: var(--workflow-instruction);
  transform: translateY(calc((1 - var(--workflow-instruction)) * 7px));
}
.workflow-care-instruction {
  opacity: var(--workflow-care);
  transform: translateY(calc((1 - var(--workflow-care)) * 7px));
}
.workflow-instruction > span {
  background: color-mix(in srgb, var(--primary) calc(var(--workflow-highlight) * 11%), transparent);
}
.workflow-care-instruction > span {
  background: color-mix(
    in srgb,
    var(--primary) calc(var(--workflow-care-highlight) * 11%),
    transparent
  );
}
.workflow-action-task {
  --action-done: var(--workflow-task-done);
  opacity: var(--workflow-task);
  transform: translateY(calc((1 - var(--workflow-task)) * 12px));
}
.workflow-action-order {
  --action-done: var(--workflow-order-done);
  opacity: var(--workflow-order);
  transform: translateY(calc((1 - var(--workflow-order)) * 12px));
}
.workflow-action-care-plan {
  --action-done: var(--workflow-care-plan-done);
  opacity: var(--workflow-care-plan);
  transform: translateY(calc((1 - var(--workflow-care-plan)) * 12px));
}
.workflow-action-message {
  --action-done: var(--workflow-message-done);
  opacity: var(--workflow-message);
  transform: translateY(calc((1 - var(--workflow-message)) * 12px));
}
.workflow-action-prepared {
  opacity: clamp(0, calc(1 - var(--action-done) * 3), 1);
}
.workflow-action-done {
  opacity: clamp(0, calc(var(--action-done) * 3), 1);
}
.workflow-action-check path {
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--action-done));
}
.workflow-sign-control {
  opacity: var(--workflow-ready);
  transform: scale(calc(1 - var(--workflow-press) * 0.025));
  background: color-mix(
    in srgb,
    var(--primary) calc(100% - var(--workflow-sign) * 92%),
    var(--card)
  );
}
.workflow-sign-label {
  opacity: calc(1 - var(--workflow-sign));
  color: var(--primary-foreground);
}
.workflow-signed-label {
  opacity: var(--workflow-sign);
  color: var(--primary);
}
.workflow-connections path {
  stroke-dasharray: 1;
}
.workflow-connections [data-connection="task"] {
  opacity: var(--workflow-task-line-opacity);
  stroke-dashoffset: calc(1 - var(--workflow-task-line));
}
.workflow-connections [data-connection="order"] {
  opacity: var(--workflow-order-line-opacity);
  stroke-dashoffset: calc(1 - var(--workflow-order-line));
}
.workflow-connections [data-connection="care-plan"] {
  opacity: var(--workflow-care-plan-line-opacity);
  stroke-dashoffset: calc(1 - var(--workflow-care-plan-line));
}
.workflow-connections [data-connection="message"] {
  opacity: var(--workflow-message-line-opacity);
  stroke-dashoffset: calc(1 - var(--workflow-message-line));
}
@media (prefers-reduced-motion: reduce), print {
  .workflow-scroll {
    height: auto;
  }
  .workflow-scroll .workflow-pin {
    position: static;
  }
  .workflow-enhanced .workflow-picker,
  .workflow-connections,
  .workflow-lab-cue,
  .workflow-action-prepared,
  .workflow-sign-label {
    display: none;
  }
  .workflow .workflow-plan,
  .workflow .workflow-inserted-lab,
  .workflow .workflow-instruction,
  .workflow .workflow-care-instruction,
  .workflow .workflow-action,
  .workflow .workflow-action-done,
  .workflow .workflow-sign-control,
  .workflow .workflow-signed-label {
    opacity: 1;
    transform: none;
  }
  .workflow-action-check path {
    stroke-dashoffset: 0;
  }
  .workflow-instruction > span,
  .workflow-care-instruction > span {
    background: transparent;
  }
  .workflow-sign-control {
    background: color-mix(in srgb, var(--primary) 8%, var(--card));
  }
}