.eds-connector{block-size:var(--eds--size-1);flex-shrink:0;inline-size:100%;display:block}.eds-connector--direction-vertical{block-size:100%;inline-size:var(--eds--size-1)}.eds-connector--completed{background:var(--eds--color--bg-positive-strong)}.eds-connector--current{background:linear-gradient(to right, var(--eds--color--bg-positive-strong), var(--eds--color--border-brand))}.eds-connector--current.eds-connector--direction-vertical{background:linear-gradient(to bottom, var(--eds--color--bg-positive-strong), var(--eds--color--border-brand))}.eds-connector--future{background:repeating-linear-gradient(to right, var(--eds--color--border-default) 0 var(--eds--size-8), transparent var(--eds--size-8) var(--eds--size-16))}.eds-connector--future.eds-connector--direction-vertical{background:repeating-linear-gradient(to bottom, var(--eds--color--border-default) 0 var(--eds--size-8), transparent var(--eds--size-8) var(--eds--size-16))}.eds-step{--_indicator-size:var(--eds--size-16);--_indicator-completed-ring:var(--eds--size-2);--_indicator-current-halo:0 0 0 var(--eds--size-4) var(--eds--color--border-brand), 0 0 0 var(--eds--size-8) var(--eds--overlay-hover-brand);padding-block:var(--eds--padding-8);text-align:center;position:relative}.eds-step--indicator{block-size:var(--_indicator-size);border-radius:var(--eds--radii-full);box-sizing:border-box;inline-size:var(--_indicator-size);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.eds-step--status{block-size:var(--eds--size-1);clip-path:inset(50%);inline-size:var(--eds--size-1);white-space:nowrap;position:absolute;overflow:hidden}.eds-step--interactive{border-radius:var(--eds--radii-8);cursor:pointer;background:0 0;border:none;inline-size:100%}.eds-step--interactive:hover{background:var(--eds--overlay-hover-default)}.eds-step--interactive:active{background:var(--eds--overlay-hover-brand)}.eds-step--interactive:focus-visible{box-shadow:var(--eds--interaction-focus-ring);outline:none}.eds-step--direction-vertical{--_indicator-size:var(--eds--size-12);--_indicator-completed-ring:0;--_indicator-current-halo:0 0 0 var(--eds--size-4) var(--eds--overlay-hover-brand);min-block-size:var(--eds--size-48);padding-block:var(--eds--padding-4);text-align:start;padding-inline-start:calc(var(--eds--size-24) + var(--eds--size-4));padding-inline-end:var(--eds--padding-12)}.eds-step--direction-vertical .eds-step--indicator{position:absolute;inset-block-start:var(--eds--padding-8);inset-inline-start:calc(var(--eds--size-8) + var(--eds--size-2))}.eds-step--completed .eds-step--indicator{--eds--iconography-color:var(--eds--color--fg-inverse);background:var(--eds--color--bg-positive-strong);box-shadow:0 0 0 var(--_indicator-completed-ring) var(--eds--color--bg-positive-strong)}.eds-step--current .eds-step--indicator{background:var(--eds--color--bg-base);border:var(--eds--size-4) solid var(--eds--color--border-brand);box-shadow:var(--_indicator-current-halo)}.eds-step--future .eds-step--indicator{background:var(--eds--color--border-default)}.eds-step--critical .eds-step--indicator{--eds--iconography-color:var(--eds--color--fg-critical-strong)}.eds-step--loading .eds-step--indicator{--eds--iconography-color:var(--eds--color--fg-brand-strong)}.eds-steps{inline-size:100%;margin:0;padding:0;list-style:none;overflow:visible}.eds-steps--item{min-inline-size:var(--_min-step-size,0);flex:1;position:relative}.eds-steps--connector{--_indicator-center:calc(var(--eds--padding-8) + var(--eds--size-16) / 2);--_indicator-clearance:var(--eds--size-20);position:absolute;inset-block-start:calc(var(--_indicator-center) - var(--eds--size-1) / 2);inset-inline-start:calc(-50% + var(--_indicator-clearance));inset-inline-end:calc(50% + var(--_indicator-clearance))}.eds-steps--item-content{padding-block-end:var(--eds--padding-8);padding-inline-start:calc(var(--eds--size-24) + var(--eds--size-4))}.eds-steps--direction-vertical{--_step-pitch:calc(var(--eds--size-48) + var(--eds--size-80));block-size:100%}.eds-steps--direction-vertical .eds-steps--item{flex:1 1 var(--_step-pitch);min-block-size:var(--_min-step-size,auto);min-inline-size:0}.eds-steps--direction-vertical .eds-steps--item:last-child{flex:none;min-block-size:auto}.eds-steps--direction-vertical .eds-steps--connector{--_indicator-center:calc(var(--eds--padding-8) + var(--eds--size-12) / 2);--_indicator-clearance:calc(var(--eds--size-12) / 2 + var(--eds--size-4));inline-size:var(--eds--size-1);position:absolute;inset-block-start:calc(var(--_indicator-center) + var(--_indicator-clearance));inset-block-end:calc(var(--_indicator-clearance) - var(--_indicator-center));inset-inline-start:calc(var(--eds--size-16) - var(--eds--size-1) / 2);inset-inline-end:auto}