.steps{width:100%}.steps__list{align-items:flex-start;display:flex;list-style:none;margin:0;padding:0}.steps__item{align-items:center;display:flex;flex:1;position:relative}.steps__item:first-child{flex:0 0 auto}.steps__connector{background-color:var(--steps-connector-color-incomplete,var(--steps-connector-color-incomplete));flex:1;height:var(--steps-connector-height,var(--steps-connector-height));margin:0 var(--steps-gap,var(--steps-gap));transition:background-color .2s ease}.steps__connector--complete{background:linear-gradient(90deg,var(--accent-gradient-start,var(--accent-gradient-start)),var(--accent-gradient-end,var(--accent-gradient-end)))}.steps__marker-wrapper{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:var(--steps-label-gap,var(--steps-label-gap));padding:0;transition:opacity .15s ease}.steps__marker-wrapper:disabled{cursor:default}.steps__marker-wrapper:focus,.steps__marker-wrapper[data-state~=focus]{outline:none}.steps__marker-wrapper:focus-visible .steps__marker,.steps__marker-wrapper[data-state~=focus-visible] .steps__marker{outline:var(--steps-focus-ringWidth,var(--steps-focus-ringWidth)) solid var(--steps-focus-ringColor,var(--steps-focus-ringColor));outline-offset:var(--steps-focus-ringOffset,var(--steps-focus-ringOffset))}.steps__marker{align-items:center;border:var(--steps-marker-border-width,var(--steps-marker-border-width)) solid;border-radius:50%;display:flex;height:var(--steps-marker-size,var(--steps-marker-size));justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:var(--steps-marker-size,var(--steps-marker-size))}.steps__number{font-size:var(--steps-marker-fontSize,var(--steps-marker-fontSize));font-weight:var(--steps-marker-fontWeight,var(--steps-marker-fontWeight));line-height:1}.steps__check-icon{height:16px;width:16px}.steps__label{font-size:var(--steps-label-fontSize,var(--steps-label-fontSize));font-weight:var(--steps-label-fontWeight,var(--steps-label-fontWeight));transition:color .2s ease;white-space:nowrap}.steps__item--incomplete .steps__marker{background-color:var(--steps-marker-background-incomplete,var(--steps-marker-background-incomplete));border-color:var(--steps-marker-border-color-incomplete,var(--steps-marker-border-color-incomplete));color:var(--steps-marker-text-incomplete,var(--steps-marker-text-incomplete))}.steps__item--incomplete .steps__label{color:var(--steps-label-color-incomplete,var(--steps-label-color-incomplete))}.steps__item--incomplete .steps__marker-wrapper:hover:not(:disabled),.steps__item--incomplete .steps__marker-wrapper[data-state~=hover]:not(:disabled){opacity:.8}.steps__item--state-active .steps__marker{background:linear-gradient(135deg,var(--accent-gradient-start,var(--accent-gradient-start)),var(--accent-gradient-end,var(--accent-gradient-end)));border-color:var(--accent-gradient-start,var(--accent-gradient-start));color:var(--steps-marker-text-active,var(--steps-marker-text-active));text-shadow:0 0 2px rgba(0,0,0,.3)}.steps__item--state-active .steps__label{color:var(--steps-label-color-active,var(--steps-label-color-active))}.steps__item--complete .steps__marker{background:linear-gradient(135deg,var(--accent-gradient-start,var(--accent-gradient-start)),var(--accent-gradient-end,var(--accent-gradient-end)));border-color:var(--accent-gradient-start,var(--accent-gradient-start));color:var(--steps-marker-text-complete,var(--steps-marker-text-complete));text-shadow:0 0 2px rgba(0,0,0,.3)}.steps__item--complete .steps__label{color:var(--steps-label-color-complete,var(--steps-label-color-complete))}.steps__item--complete .steps__marker-wrapper:hover:not(:disabled),.steps__item--complete .steps__marker-wrapper[data-state~=hover]:not(:disabled){opacity:.8}.steps__item--state-disabled .steps__marker-wrapper{cursor:not-allowed;opacity:.5}.steps--state-readonly .steps__marker-wrapper{cursor:default}.steps--state-readonly .steps__marker-wrapper:hover,.steps--state-readonly .steps__marker-wrapper[data-state~=hover]{opacity:1}