osg-step-progress{--_done-bg: var(--osg-step-progress-done-bg, light-dark(var(--blue-50v), var(--blue-40v)));--_done-fg: var(--osg-step-progress-done-fg, light-dark(var(--white), var(--gray-cool-3)));--_done-line: var(--osg-step-progress-done-line, light-dark(var(--blue-60v), var(--blue-40v)));--_current-bg: var(--osg-step-progress-current-bg, light-dark(var(--blue-20v), var(--blue-70v)));--_current-fg: var(--osg-step-progress-current-fg, light-dark(var(--blue-80v), var(--blue-10v)));--_current-ring: var(--osg-step-progress-current-ring, light-dark(var(--blue-10v), var(--blue-80v)));--_todo-bg: var(--osg-step-progress-todo-bg, light-dark(var(--white), var(--gray-cool-90)));--_todo-fg: var(--osg-step-progress-todo-fg, light-dark(var(--gray-cool-50), var(--gray-cool-30)));--_todo-border: var(--osg-step-progress-todo-border, light-dark(var(--gray-cool-20), var(--gray-cool-70)));--_line: var(--osg-step-progress-line, light-dark(var(--gray-cool-20), var(--gray-cool-70)));--_label-fg: var(--osg-step-progress-label-fg, var(--body-color-muted));--_label-current-fg: var(--osg-step-progress-label-current-fg, var(--body-color));--_subtitle-fg: var(--osg-step-progress-subtitle-fg, var(--text-muted-color));--_circle-size: var(--osg-step-progress-circle-size, 2rem);--_line-thickness: var(--osg-step-progress-line-thickness, 2px);--_label-gap: var(--osg-step-progress-label-gap, 0.5rem);--_label-width: var(--osg-step-progress-label-width, min(var(--osg-step-progress-label-max, 14ch), calc(100cqi / var(--_step-count, 1) - var(--_label-gap))));display:block;font-family:var(--font-sans-serif);color:var(--body-color);transition:opacity 0.2s var(--cubic-bezier);container-type:inline-size;color-scheme:inherit}osg-step-progress:not(:defined){display:block;min-height:calc(var(--_circle-size) + 2.75em + 0.75em + 2em)}osg-step-progress:not(:defined)>osg-step{display:none}osg-step-progress .osg-step-progress__list{display:grid;grid-template-rows:var(--_circle-size) auto;grid-template-columns:var(--_cols);box-sizing:border-box;margin:1em;padding:0.375em 0;counter-reset:osg-step;list-style:none}osg-step{display:contents}osg-step .osg-step__link{display:grid;position:relative;grid-template-rows:subgrid;grid-row:1 / span 2;grid-column:var(--_step-col);justify-items:center;counter-increment:osg-step;text-decoration:none;color:inherit}osg-step .osg-step__connector{position:absolute;top:calc(var(--_circle-size) / 2);right:50%;left:-50%;z-index:0;height:var(--_line-thickness);background:var(--_line);transition:background 0.2s var(--cubic-bezier);transform:translateY(-50%)}osg-step:first-of-type .osg-step__connector{display:none}osg-step:not([data-status="todo"]) .osg-step__connector{background:var(--_done-line)}osg-step .osg-step__link .osg-step__circle{z-index:1;grid-row:1;align-self:center;justify-self:center}osg-step .osg-step__link .osg-step__label{grid-row:2;align-self:start;justify-self:center}osg-step a.osg-step__link .osg-step__label{text-decoration:underline}osg-step a.osg-step__link{cursor:pointer}osg-step a.osg-step__link:hover .osg-step__label,osg-step a.osg-step__link:focus-visible .osg-step__label{text-decoration:none}osg-step .osg-step__circle{display:flex;flex:0 0 auto;justify-content:center;align-items:center;font-weight:600;font-size:0.875em;line-height:1;color:var(--_todo-fg);border:var(--_line-thickness) solid var(--_todo-border);border-radius:50%;background:var(--_todo-bg);transition:0.2s var(--cubic-bezier);inline-size:var(--_circle-size);block-size:var(--_circle-size)}osg-step .osg-step__circle:before{content:counter(osg-step)}osg-step[data-status="current"] .osg-step__circle{color:var(--_current-fg);border-color:var(--_current-bg);background:var(--_current-bg);box-shadow:0 0 0 0.25em var(--_current-ring)}osg-step[data-status="done"] .osg-step__circle{color:var(--_done-fg);border-color:var(--_done-bg);background:var(--_done-bg)}osg-step[data-status="done"] .osg-step__circle:before{content:"\2713"}osg-step .osg-step__label{display:flex;flex-direction:column;gap:0.125em;text-align:center;overflow-wrap:break-word;max-inline-size:var(--_label-width);padding-block-start:0.5em}osg-step .osg-step__title{font-weight:500;font-size:clamp(var(--osg-step-progress-title-min, 0.75rem), 2.2cqi, var(--osg-step-progress-title-max, 0.8125rem));line-height:1.25;color:var(--_label-fg);transition:color 0.2s var(--cubic-bezier)}osg-step[data-status="current"] .osg-step__title{text-shadow:0 0 0.4px currentColor;color:var(--_label-current-fg)}osg-step .osg-step__subtitle{font-weight:400;font-size:clamp(var(--osg-step-progress-subtitle-min, 0.6875rem), 2cqi, var(--osg-step-progress-subtitle-max, 0.75rem));line-height:1.2;color:var(--_subtitle-fg)}osg-step .osg-step__status{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;border:0}osg-step-progress[loading]{opacity:0;cursor:progress;pointer-events:none}@media (prefers-reduced-motion: reduce){osg-step-progress,osg-step .osg-step__circle,osg-step .osg-step__title,osg-step .osg-step__connector{transition:none}}@container (max-width: 29rem){osg-step-progress .osg-step-progress__list{--_row-gap: var(--osg-step-progress-row-gap, 0.5rem);grid-template-rows:repeat(var(--_step-count, 1), auto);grid-template-columns:var(--_circle-size) 1fr;row-gap:var(--_row-gap);column-gap:0.75rem}osg-step .osg-step__link{grid-template-rows:auto;grid-template-columns:subgrid;grid-row:var(--_step-row);grid-column:1 / -1;align-items:center;justify-items:start}osg-step .osg-step__link .osg-step__circle{grid-column:1;justify-self:center}osg-step .osg-step__link .osg-step__label{grid-row:1;grid-column:2;align-items:flex-start;align-self:center;justify-self:start;text-align:start;max-inline-size:none;padding-block-start:0}osg-step .osg-step__connector{top:calc(var(--_circle-size) / 2);right:auto;left:calc(var(--_circle-size) / 2);width:var(--_line-thickness);height:calc(100% + var(--_row-gap));transform:translateX(-50%)}osg-step:first-of-type .osg-step__connector{display:block}osg-step:last-of-type .osg-step__connector{display:none}osg-step:not([data-status="todo"]) .osg-step__connector{background:var(--_line)}osg-step[data-status="done"] .osg-step__connector{background:var(--_done-line)}}