/* The line and dot belong to the SWACK wordmark. Progress moves only by transform. */
.swack-process-slider{--process-scale:0;--process-position:0cqw;--process-accent:var(--bp-purple,#7044ed);padding:14px 0 12px;color:var(--bp-ink,#211b31)}
.swack-process-track{height:7px;margin:7px 9px 13px;border-radius:20px;background:color-mix(in srgb,var(--process-accent) 16%,transparent);position:relative}
.swack-process-fill{position:absolute;inset:0;border-radius:inherit;background:var(--process-accent);transform-origin:left;transform:scaleX(var(--process-scale));transition:transform 160ms linear}
.swack-process-dot{position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;margin-left:-9px;background:var(--process-accent);border:2px solid var(--bp-card,#fff);border-radius:50%;transform:translateX(var(--process-position));transition:transform 160ms linear;box-shadow:0 0 0 3px color-mix(in srgb,var(--process-accent) 8%,transparent)}
.swack-process-track{container-type:inline-size}
.swack-process-caption{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;color:var(--bp-muted,#6f687b)}
.swack-process-percent{font-variant-numeric:tabular-nums;white-space:nowrap}
.swack-process-slider[data-process-state="processing"] .swack-process-fill{transform:scaleX(.28);opacity:.35}
.swack-process-slider[data-process-state="processing"] .swack-process-dot{animation:swack-process-travel 1600ms ease-in-out infinite alternate}
.swack-process-slider[data-process-state="error"]{--process-accent:#b44257}
.swack-process-live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes swack-process-travel{from{transform:translateX(0)}to{transform:translateX(100cqw)}}
@media(prefers-reduced-motion:reduce){.swack-process-slider *{animation:none!important;transition:none!important}.swack-process-slider[data-process-state="processing"] .swack-process-dot{transform:translateX(50cqw)}}