.studio-step-group{--step-inset:var(--step-group-inset,3px);--step-height:2rem;--step-radius:calc(var(--shape-control,var(--radius)) * (1 - var(--studio-btn-pill,0)) + var(--shape-pill,9999px) * var(--studio-btn-pill,0));--step-inner-radius:max(0px, calc(var(--step-radius) - var(--step-inset)));align-items:stretch;gap:var(--step-group-gap,2px);box-sizing:border-box;height:var(--step-height);padding:var(--step-inset);border:var(--studio-border-width,1px) solid var(--border);border-radius:var(--step-radius);background-color:var(--card);color:var(--foreground);flex:none;display:inline-flex}.studio-step-group[data-size=md]{--step-height:2.25rem}@media (pointer:coarse){.studio-step-group[data-size=sm]{--step-height:2.25rem}}.studio-step-cap,.studio-step-action{box-sizing:border-box;border-radius:var(--step-inner-radius);min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex;position:relative}.studio-step-cap{width:var(--step-cap-width,auto);height:100%;aspect-ratio:var(--step-cap-ratio,1);border:var(--studio-border-width,1px) solid var(--border);background-color:color-mix(in srgb, var(--foreground) 4%, var(--card));flex:none}.studio-step-cap svg{width:.875rem;height:.875rem}.studio-step-group[data-size=md] .studio-step-cap svg{width:1rem;height:1rem}.studio-step-action{padding-inline:var(--step-action-pad,.5rem);white-space:nowrap;gap:.375rem;font-size:12.5px;font-weight:600;line-height:1}.studio-step-group[data-size=md] .studio-step-action{padding-inline:var(--step-action-pad,.75rem);font-size:13.5px}.studio-step-icon{flex:none;display:inline-flex}.studio-step-icon>svg{width:1rem;height:1rem}.studio-step-group[data-icon=narrow] .studio-step-icon{display:none}.studio-step-group[data-tone=strong] .studio-step-action{background-color:var(--foreground);color:var(--background)}:where(.dark) .studio-step-group[data-tone=strong] .studio-step-action{background-color:var(--primary);color:var(--on-primary)}@media (hover:hover){.studio-step-cap:not(:disabled):hover{border-color:color-mix(in srgb, var(--foreground) 35%, transparent);background-color:var(--muted)}.studio-step-action:not(:disabled):hover{background-color:var(--muted)}.studio-step-group[data-tone=strong] .studio-step-action:not(:disabled):hover{background-color:var(--foreground);opacity:.88}:where(.dark) .studio-step-group[data-tone=strong] .studio-step-action:not(:disabled):hover{background-color:var(--primary)}}.studio-step-cap:disabled,.studio-step-action:disabled{cursor:default;opacity:.4}.studio-step-cap:focus-visible,.studio-step-action:focus-visible{z-index:1;outline:2px solid var(--ring);outline-offset:1px}@media (prefers-reduced-motion:reduce){.studio-step-cap,.studio-step-action{transition:none}}