[data-steps-root]{gap:16px;width:100%;max-width:400px;display:flex}[data-steps-root][data-orientation=vertical]{flex-direction:row}[data-steps-root][data-orientation=horizontal]{flex-direction:column}[data-steps-list]{--steps-gutter:12px;--steps-size:24px;--steps-icon-size:20px;justify-content:space-between;display:flex}[data-steps-list][data-orientation=vertical]{flex-direction:column;align-items:flex-start}[data-steps-list][data-orientation=horizontal]{flex-direction:row;align-items:center}[data-steps-separator]{background-color:gray;flex:1}[data-steps-separator][data-orientation=vertical]{width:2px;height:100%;max-height:calc(100% - var(--steps-size) - var(--steps-gutter) * 2);top:calc(var(--steps-size) + var(--steps-gutter));position:absolute;inset-inline-start:calc(var(--steps-size) / 2 - 1px)}[data-steps-separator][data-orientation=horizontal]{width:100%;height:2px;margin-inline:var(--steps-gutter)}[data-steps-separator][data-complete]{background-color:#00f}[data-steps-indicator]{width:var(--steps-size);height:var(--steps-size);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}[data-steps-indicator] svg{width:var(--steps-icon-size);height:var(--steps-icon-size);flex-shrink:0}[data-steps-indicator][data-incomplete]{border-width:2px}[data-steps-indicator][data-current]{color:#00008b;background-color:#d3d3d3;border-width:2px;border-color:#00f}[data-steps-indicator][data-complete]{color:#fff;background-color:#00f}[data-steps-item]{flex:1 0 0;display:flex;position:relative}[data-steps-item]:last-of-type{flex:initial}[data-steps-item]:last-of-type [data-steps-separator]{display:none}[data-steps-item][data-orientation=vertical]{align-items:flex-start}[data-steps-item][data-orientation=horizontal]{align-items:center}[data-steps-trigger]{text-align:start;border-radius:5px;align-items:center;gap:12px;display:flex}