.su-de{--de-line: color-mix(in srgb, currentColor 14%, transparent);--de-tint: color-mix(in srgb, currentColor 5%, transparent);display:grid;gap:10px;font-size:.9375rem;line-height:1.45}.su-de [hidden]{display:none}.su-de__row,.su-de__order{display:flex;align-items:flex-start;gap:10px;margin:0}.su-de__icon{flex:none;width:20px;height:20px;margin-top:1px}.su-de strong{font-weight:600;font-variant-numeric:tabular-nums}.su-de__note{margin:0;color:var(--su-muted);font-size:.8125rem}.su-de__track{display:flex;align-items:center;margin-top:4px}.su-de__dot{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--de-line)}.su-de__dot svg{width:18px;height:18px}.su-de__dot.is-done{background:var(--su-ac);color:var(--su-acf);box-shadow:none}.su-de__dot.is-next{box-shadow:inset 0 0 0 1.5px var(--su-ac)}.su-de__bar{flex:1;height:2px;margin-inline:6px;border-radius:2px;background:var(--de-line)}.su-de__bar.is-half{background:linear-gradient(90deg,var(--su-ac) 50%,var(--de-line) 50%)}.su-de__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.su-de__step{display:grid;align-content:start;gap:1px;text-align:center}.su-de__step:first-child{text-align:left}.su-de__step:last-child{text-align:right}.su-de__label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--su-muted)}.su-de__when{font-weight:600;font-size:.875rem}.su--block .su-de{margin-block:4px}.su-de__when:first-letter{text-transform:uppercase}