.steplist{--steplist-rule-size:var(--border-width-1);--steplist-fill-size:var(--border-width-2)}.steplist__list{list-style:none;margin:0;padding:0}.steplist__step{align-items:center;background:transparent;border:0;color:var(--color-text-subtle);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-size-4);font-weight:var(--font-weight-semibold);gap:var(--space-3);letter-spacing:var(--letter-spacing-4);line-height:var(--line-height-4);padding-block:var(--space-4);padding-inline:0;position:relative;text-align:start;text-decoration:none;width:100%}.steplist__step:hover,.steplist__step[aria-current=step],.steplist__step[aria-selected=true]{color:var(--color-text)}.steplist__step:focus-visible{outline:var(--border-width-2) solid var(--color-focus);outline-offset:calc(var(--border-width-2)*-1)}.steplist__label{flex:1;min-width:0}.steplist__rule{background:var(--color-border-subtle);block-size:var(--steplist-rule-size);display:block;position:relative}.steplist__rule-fill{background:var(--color-accent);block-size:var(--steplist-fill-size);inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:0 50%}.steplist__arrow{display:inline-flex;flex:none;opacity:0;translate:calc(var(--space-1)*-1) 0}.steplist__step[aria-current=step] .steplist__arrow,.steplist__step[aria-selected=true] .steplist__arrow{opacity:1;translate:0 0}.steplist__body{display:grid;grid-template-rows:0fr;opacity:0}.steplist__body-inner{overflow:hidden}.steplist__body-inner .text{padding-block-end:var(--space-4)}.steplist__step[aria-current=step]+.steplist__body,.steplist__step[aria-selected=true]+.steplist__body{grid-template-rows:1fr;opacity:1}@media (prefers-reduced-motion:no-preference){.steplist__step{transition:color var(--dur-2) var(--ease-out)}.steplist__arrow{transition:opacity var(--dur-2) var(--ease-out),translate var(--dur-2) var(--ease-out)}.steplist__body{transition:grid-template-rows var(--dur-3) var(--ease-out),opacity var(--dur-3) var(--ease-out)}}