/* style-1 */
/* Shared transport progress. Add these data attributes to each host's controls. */
[data-preview-sequence] [data-preview-progress-track]{display:block;position:relative;flex:none;width:92px;height:4px;overflow:hidden;border-radius:99px;background:#dce8df}
[data-preview-sequence] [data-preview-progress-fill]{display:block;width:100%;height:100%;border-radius:inherit;background:#297d77;transform:scaleX(var(--preview-progress,0));transform-origin:left center;transition:none}
[data-preview-sequence][data-preview-state="paused"] [data-preview-progress-fill],[data-preview-sequence][data-preview-state="suspended"] [data-preview-progress-fill]{background:#8ba898}
[data-preview-sequence][data-preview-state="idle"] [data-preview-progress-track]{visibility:hidden}
.o2c-workflow[data-preview-sequence] .o2c-workflow-auto-state{flex-wrap:wrap;gap:10px}
.o2c-workflow[data-preview-sequence] [data-workflow-auto-status]{min-width:100px}
.o2c-workflow[data-preview-sequence] [data-workflow-timer-fill]{transform:scaleX(0)}
@media(max-width:760px){.o2c-workflow[data-preview-sequence] [data-preview-progress-track]{width:64px}.o2c-workflow[data-preview-sequence] .o2c-workflow-auto-state{gap:7px;justify-content:flex-end}.o2c-workflow[data-preview-sequence] [data-workflow-auto-status]{min-width:0}}
@media(prefers-reduced-motion:reduce){[data-preview-sequence] [data-preview-progress-fill]{transform:scaleX(0);transition:none;animation:none}}

