@layer components{.sl-root{--sl-marker:24px;color:var(--foreground);min-width:0;font-size:14px}.sl-root[data-compact=true]{--sl-marker:20px;font-size:13px}.sl-list{gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.sl-step{grid-template-columns:var(--sl-marker) minmax(0, 1fr) auto;align-items:start;column-gap:12px;padding:6px 0;display:grid;position:relative}.sl-root[data-compact=true] .sl-step{column-gap:8px;padding:3px 0}.sl-marker{width:var(--sl-marker);height:var(--sl-marker);display:block}.sl-icon{width:var(--sl-marker);height:var(--sl-marker);display:block;overflow:visible}.sl-body{min-width:0;padding-top:calc((var(--sl-marker) - 20px) / 2);flex-direction:column;gap:2px;display:flex}.sl-label{overflow-wrap:anywhere;font-weight:500;line-height:20px}.sl-desc{color:var(--muted-foreground);font-size:12px;line-height:1.45}.sl-meta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:calc((var(--sl-marker) - 20px) / 2);font-size:12px;line-height:20px}.sl-step[data-state=pending] .sl-label{color:var(--muted-foreground);font-weight:400}.sl-step[data-state=active] .sl-label{font-weight:600}.sl-step[data-state=failed] .sl-label{color:var(--destructive);font-weight:600}.sl-g{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity var(--sl-duration) var(--ease-standard,ease), transform var(--sl-duration) var(--ease-spring,ease-out);transform:scale(.55)}.sl-step[data-state=pending] .sl-pending,.sl-step[data-state=active] .sl-active,.sl-step[data-state=done] .sl-done,.sl-step[data-state=failed] .sl-failed{opacity:1;transform:none}.sl-pending{fill:none;stroke:var(--muted-foreground);stroke-width:1.75px;stroke-dasharray:2.6 2.4}.sl-track{fill:none;stroke:var(--border);stroke-width:2.25px}.sl-arc{fill:none;stroke:var(--primary);stroke-width:2.25px;stroke-linecap:round}.sl-dot{fill:var(--primary);opacity:0}.sl-done .sl-fill{fill:var(--primary)}.sl-done .sl-mark{fill:none;stroke:var(--primary-foreground);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.sl-failed .sl-fill{fill:var(--destructive)}.sl-failed .sl-mark{fill:none;stroke:var(--destructive-foreground);stroke-width:2.25px;stroke-linecap:round}.sl-spin{transform-box:view-box;transform-origin:12px 12px}.sl-root:not([data-motion-mode=none]) .sl-step[data-state=active] .sl-spin{animation:sl-spin var(--sl-spin) linear infinite}.sl-root[data-motion-running=false] .sl-spin{animation-play-state:paused}.sl-root[data-motion-mode=full] .sl-step[data-state=failed] .sl-marker{animation:sl-shake calc(var(--sl-duration) * 1.4) var(--ease-standard,ease) 1}.sl-connector{display:none}.sl-connector-fill{background:var(--primary);transform-origin:top;width:100%;height:100%;transition:transform var(--sl-duration) var(--ease-standard,ease);display:block;transform:scaleY(0)}.sl-step[data-state=done] .sl-connector-fill{transform:none}.sl-root[data-variant=timeline] .sl-step{padding:0 0 18px}.sl-root[data-variant=timeline][data-compact=true] .sl-step{padding-bottom:10px}.sl-root[data-variant=timeline] .sl-step:last-child{padding-bottom:0}.sl-root[data-variant=timeline] .sl-connector{left:calc(var(--sl-marker) / 2 - 1px);top:calc(var(--sl-marker) + 4px);background:var(--border);border-radius:1px;width:2px;display:block;position:absolute;bottom:4px;overflow:hidden}.sl-root[data-variant=inline] .sl-list{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.sl-root[data-variant=inline] .sl-step{align-items:center;gap:8px;padding:0;display:flex}.sl-root[data-variant=inline] .sl-marker{display:contents}.sl-root[data-variant=inline] .sl-icon{flex:none}.sl-root[data-variant=inline] .sl-body{order:1;padding:0}.sl-root[data-variant=inline] .sl-desc,.sl-root[data-variant=inline] .sl-meta{display:none}.sl-root[data-variant=inline] .sl-connector{background:var(--border);border-radius:1px;flex:none;order:2;width:24px;height:2px;display:block;overflow:hidden}.sl-root[data-variant=inline][data-compact=true] .sl-connector{width:14px}.sl-root[data-variant=inline] .sl-connector-fill{transform-origin:0;transform:scaleX(0)}.sl-root[data-variant=inline] .sl-step[data-state=done] .sl-connector-fill{transform:none}.sl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sl-root[data-motion-mode=none] .sl-dot{opacity:1}.sl-root[data-motion-mode=none] .sl-g,.sl-root[data-motion-mode=none] .sl-connector-fill{transition:none}.sl-root[data-motion-mode=none] .sl-spin,.sl-root[data-motion-mode=none] .sl-marker{animation:none}@media (prefers-reduced-motion:reduce){.sl-dot{opacity:1}.sl-g,.sl-connector-fill{transition:none}.sl-spin,.sl-marker{animation:none!important}}@keyframes sl-spin{to{transform:rotate(360deg)}}@keyframes sl-shake{0%,to{transform:none}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-1.5px)}}}
