.mizan-steps{--mizan-dot:40px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.mizan-steps__stop{text-align:center;align-content:start;justify-items:center;gap:8px;min-inline-size:0;display:grid;position:relative}.mizan-steps__stop:before{content:"";background:var(--mizan-line);border-radius:2px;block-size:4px;inline-size:100%;position:absolute;inset-block-start:calc(var(--mizan-dot)/2 - 2px);inset-inline-start:50%}.mizan-steps__stop:last-child:before{display:none}.mizan-steps__stop[data-state=done]:before{background:var(--mizan-accent)}.mizan-steps__dot{z-index:1;inline-size:var(--mizan-dot);block-size:var(--mizan-dot);background:var(--mizan-page);color:var(--mizan-muted);border:2px solid #0000;border-radius:50%;place-items:center;display:grid;position:relative}.mizan-steps__dot .mizan-icon{block-size:55%;inline-size:55%}.mizan-steps__pip{background:var(--mizan-line-strong);border-radius:50%;block-size:10px;inline-size:10px}.mizan-steps__stop[data-state=done] .mizan-steps__dot{background:var(--mizan-accent);color:var(--mizan-accent-ink)}.mizan-steps__stop[data-state=current] .mizan-steps__dot{border-color:var(--mizan-accent);background:var(--mizan-accent-soft);color:var(--mizan-accent-on-tile);box-shadow:0 0 0 6px color-mix(in srgb,var(--mizan-accent)12%,transparent)}.mizan-steps__stop[data-state=cancelled] .mizan-steps__dot{background:color-mix(in srgb,var(--mizan-sale)12%,var(--mizan-tile));color:var(--mizan-sale-on-tile)}.mizan-steps__stop[data-state=other] .mizan-steps__dot{border-color:var(--mizan-line-strong);background:var(--mizan-tile);color:var(--mizan-text)}.mizan-steps__words{gap:2px;min-inline-size:0;display:grid}.mizan-steps__name{color:var(--mizan-muted);font-size:.85rem;font-weight:600;line-height:1.35}.mizan-steps__stop[data-state=done] .mizan-steps__name,.mizan-steps__stop[aria-current=step] .mizan-steps__name{color:var(--mizan-text);font-weight:700}.mizan-steps__stop[data-state=cancelled] .mizan-steps__name{color:var(--mizan-sale-on-tile)}.mizan-steps__when{color:var(--mizan-muted);font-size:.75rem}@media (width<=639px){.mizan-steps:not(.mizan-steps--compact){grid-auto-flow:row;gap:0}.mizan-steps:not(.mizan-steps--compact) .mizan-steps__stop{grid-template-columns:var(--mizan-dot)minmax(0,1fr);text-align:start;place-items:center start;column-gap:12px;padding-block-end:14px}.mizan-steps:not(.mizan-steps--compact) .mizan-steps__stop:last-child{padding-block-end:0}.mizan-steps:not(.mizan-steps--compact) .mizan-steps__stop:before{inline-size:4px;block-size:calc(100% - var(--mizan-dot));inset-block-start:var(--mizan-dot);inset-inline-start:calc(var(--mizan-dot)/2 - 2px)}}.mizan-steps--compact{--mizan-dot:24px}.mizan-steps--compact .mizan-steps__stop{gap:4px}.mizan-steps--compact .mizan-steps__pip{block-size:6px;inline-size:6px}.mizan-steps--compact .mizan-steps__stop[data-state=current] .mizan-steps__dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--mizan-accent)12%,transparent)}.mizan-steps--compact .mizan-steps__when{display:none}.mizan-steps--compact .mizan-steps__stop:not([aria-current=step]) .mizan-steps__name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.mizan-steps--compact .mizan-steps__name{font-size:.75rem}