.eui-stepper {
  display: flex;
  font-family: var(--eui-font-family);
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: eui-stepper;
}
.eui-stepper .eui-stepper-icon-svg {
  width: 100%;
  height: 100%;
}
.eui-stepper .eui-stepper-step {
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  list-style: none;
}
.eui-stepper .eui-stepper-step.eui-stepper-step-clickable {
  cursor: pointer;
}
.eui-stepper .eui-stepper-step.eui-stepper-step-clickable:hover .eui-stepper-indicator {
  filter: brightness(1.1);
  box-shadow: 0 0 0 3px var(--eui-primary-subtle);
}
.eui-stepper .eui-stepper-step.eui-stepper-step-clickable:focus-visible {
  outline: none;
}
.eui-stepper .eui-stepper-step.eui-stepper-step-clickable:focus-visible .eui-stepper-indicator {
  box-shadow: 0 0 0 3px var(--eui-primary-subtle);
}
.eui-stepper .eui-stepper-step.eui-stepper-step-disabled {
  opacity: 0.45;
  pointer-events: none;
}
.eui-stepper .eui-stepper-indicator-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.eui-stepper .eui-stepper-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  transition: all 0.2s ease;
  border: 2px solid var(--eui-border);
  background: var(--eui-bg);
  color: var(--eui-text-muted);
}
.eui-stepper .eui-stepper-indicator.eui-stepper-indicator-active {
  border-color: var(--_stepper-color, var(--eui-primary));
  background: var(--_stepper-color, var(--eui-primary));
  color: var(--eui-text-on-primary);
}
.eui-stepper .eui-stepper-indicator.eui-stepper-indicator-completed {
  border-color: var(--_stepper-color, var(--eui-primary));
  background: var(--_stepper-color, var(--eui-primary));
  color: var(--eui-text-on-primary);
}
.eui-stepper .eui-stepper-indicator.eui-stepper-indicator-error {
  border-color: #ef4444;
  background: #ef4444;
  color: #fff;
}
.eui-stepper .eui-stepper-indicator.eui-stepper-indicator-warning {
  border-color: #f59e0b;
  background: #f59e0b;
  color: #422006;
}
.eui-stepper .eui-stepper-indicator-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.eui-stepper .eui-stepper-number {
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.eui-stepper .eui-stepper-dot {
  border-radius: 50%;
  background: currentColor;
}
.eui-stepper .eui-stepper-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.eui-stepper .eui-stepper-label {
  font-weight: 500;
  color: var(--eui-text);
  white-space: nowrap;
  line-height: 1.3;
}
.eui-stepper .eui-stepper-step-completed .eui-stepper-label,
.eui-stepper .eui-stepper-step-active .eui-stepper-label {
  color: var(--eui-text);
}
.eui-stepper .eui-stepper-step-pending .eui-stepper-label {
  color: var(--eui-text-muted);
}
.eui-stepper .eui-stepper-optional {
  display: block;
  font-weight: 400;
  font-size: 0.8em;
  color: var(--eui-text-muted);
}
.eui-stepper .eui-stepper-description {
  color: var(--eui-text-muted);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eui-stepper .eui-stepper-connector {
  flex: 1;
  display: flex;
  align-items: center;
}
.eui-stepper .eui-stepper-connector-line {
  width: 100%;
  height: 100%;
  background: var(--eui-border-subtle);
  transition: background 0.2s ease;
}
.eui-stepper .eui-stepper-connector-completed .eui-stepper-connector-line {
  background: var(--_stepper-color, var(--eui-primary));
}
.eui-stepper.eui-stepper-variant-default {
  --_stepper-color: var(--eui-border);
}
.eui-stepper.eui-stepper-variant-primary {
  --_stepper-color: var(--eui-primary);
}
.eui-stepper.eui-stepper-variant-success {
  --_stepper-color: #22c55e;
}
.eui-stepper.eui-stepper-variant-warning {
  --_stepper-color: #f59e0b;
}
.eui-stepper.eui-stepper-variant-danger {
  --_stepper-color: #ef4444;
}
.eui-stepper.eui-stepper-variant-info {
  --_stepper-color: #06b6d4;
}
.eui-stepper.eui-stepper-xs {
  gap: 0.25rem;
}
.eui-stepper.eui-stepper-xs .eui-stepper-indicator {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.625rem;
}
.eui-stepper.eui-stepper-xs .eui-stepper-indicator-icon {
  width: 0.625rem;
  height: 0.625rem;
}
.eui-stepper.eui-stepper-xs .eui-stepper-dot {
  width: 0.375rem;
  height: 0.375rem;
}
.eui-stepper.eui-stepper-xs .eui-stepper-label {
  font-size: 0.7rem;
}
.eui-stepper.eui-stepper-xs .eui-stepper-description {
  font-size: 0.6rem;
}
.eui-stepper.eui-stepper-xs .eui-stepper-connector-line {
  height: 1px;
}
.eui-stepper.eui-stepper-xs .eui-stepper-content {
  gap: 0.0625rem;
}
.eui-stepper.eui-stepper-xs .eui-stepper-step {
  gap: 0.25rem;
}
.eui-stepper.eui-stepper-sm {
  gap: 0.375rem;
}
.eui-stepper.eui-stepper-sm .eui-stepper-indicator {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.eui-stepper.eui-stepper-sm .eui-stepper-indicator-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.eui-stepper.eui-stepper-sm .eui-stepper-dot {
  width: 0.525rem;
  height: 0.525rem;
}
.eui-stepper.eui-stepper-sm .eui-stepper-label {
  font-size: 0.8rem;
}
.eui-stepper.eui-stepper-sm .eui-stepper-description {
  font-size: 0.7rem;
}
.eui-stepper.eui-stepper-sm .eui-stepper-connector-line {
  height: 2px;
}
.eui-stepper.eui-stepper-sm .eui-stepper-content {
  gap: 0.09375rem;
}
.eui-stepper.eui-stepper-sm .eui-stepper-step {
  gap: 0.375rem;
}
.eui-stepper.eui-stepper-md {
  gap: 0.5rem;
}
.eui-stepper.eui-stepper-md .eui-stepper-indicator {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 0.875rem;
}
.eui-stepper.eui-stepper-md .eui-stepper-indicator-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.eui-stepper.eui-stepper-md .eui-stepper-dot {
  width: 0.675rem;
  height: 0.675rem;
}
.eui-stepper.eui-stepper-md .eui-stepper-label {
  font-size: 0.875rem;
}
.eui-stepper.eui-stepper-md .eui-stepper-description {
  font-size: 0.75rem;
}
.eui-stepper.eui-stepper-md .eui-stepper-connector-line {
  height: 2px;
}
.eui-stepper.eui-stepper-md .eui-stepper-content {
  gap: 0.125rem;
}
.eui-stepper.eui-stepper-md .eui-stepper-step {
  gap: 0.5rem;
}
.eui-stepper.eui-stepper-lg {
  gap: 0.625rem;
}
.eui-stepper.eui-stepper-lg .eui-stepper-indicator {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1rem;
}
.eui-stepper.eui-stepper-lg .eui-stepper-indicator-icon {
  width: 1rem;
  height: 1rem;
}
.eui-stepper.eui-stepper-lg .eui-stepper-dot {
  width: 0.825rem;
  height: 0.825rem;
}
.eui-stepper.eui-stepper-lg .eui-stepper-label {
  font-size: 1rem;
}
.eui-stepper.eui-stepper-lg .eui-stepper-description {
  font-size: 0.875rem;
}
.eui-stepper.eui-stepper-lg .eui-stepper-connector-line {
  height: 2px;
}
.eui-stepper.eui-stepper-lg .eui-stepper-content {
  gap: 0.15625rem;
}
.eui-stepper.eui-stepper-lg .eui-stepper-step {
  gap: 0.625rem;
}
.eui-stepper.eui-stepper-xl {
  gap: 0.75rem;
}
.eui-stepper.eui-stepper-xl .eui-stepper-indicator {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.125rem;
}
.eui-stepper.eui-stepper-xl .eui-stepper-indicator-icon {
  width: 1.125rem;
  height: 1.125rem;
}
.eui-stepper.eui-stepper-xl .eui-stepper-dot {
  width: 0.975rem;
  height: 0.975rem;
}
.eui-stepper.eui-stepper-xl .eui-stepper-label {
  font-size: 1.125rem;
}
.eui-stepper.eui-stepper-xl .eui-stepper-description {
  font-size: 1rem;
}
.eui-stepper.eui-stepper-xl .eui-stepper-connector-line {
  height: 3px;
}
.eui-stepper.eui-stepper-xl .eui-stepper-content {
  gap: 0.1875rem;
}
.eui-stepper.eui-stepper-xl .eui-stepper-step {
  gap: 0.75rem;
}
.eui-stepper.eui-stepper-default .eui-stepper-indicator {
  border-radius: var(--eui-radius-md);
}
.eui-stepper.eui-stepper-rounded .eui-stepper-indicator {
  border-radius: 50%;
}
.eui-stepper.eui-stepper-square .eui-stepper-indicator {
  border-radius: 0;
}
.eui-stepper.eui-stepper-rectangle .eui-stepper-indicator {
  border-radius: var(--eui-radius-sm);
  width: auto !important;
  padding: 0 0.75em;
}
.eui-stepper.eui-stepper-dot .eui-stepper-indicator {
  border-radius: 50%;
  border: none;
  background: var(--eui-border-subtle);
}
.eui-stepper.eui-stepper-dot .eui-stepper-indicator-active {
  background: var(--_stepper-color, var(--eui-primary)) !important;
}
.eui-stepper.eui-stepper-dot .eui-stepper-indicator-completed {
  background: var(--_stepper-color, var(--eui-primary)) !important;
}
.eui-stepper.eui-stepper-minimal .eui-stepper-indicator {
  border: none;
  background: transparent;
  color: var(--eui-text-muted);
}
.eui-stepper.eui-stepper-minimal .eui-stepper-indicator-active {
  color: var(--_stepper-color, var(--eui-primary));
  background: transparent !important;
}
.eui-stepper.eui-stepper-minimal .eui-stepper-indicator-completed {
  color: var(--_stepper-color, var(--eui-primary));
  background: transparent !important;
}
.eui-stepper.eui-stepper-minimal .eui-stepper-indicator-error {
  color: #ef4444;
  background: transparent !important;
}
.eui-stepper.eui-stepper-horizontal {
  flex-direction: row;
  align-items: flex-start;
}
.eui-stepper.eui-stepper-horizontal .eui-stepper-connector {
  min-width: 1.5rem;
  padding: 0 0.25rem;
}
.eui-stepper.eui-stepper-horizontal .eui-stepper-connector-line {
  height: 2px;
  width: 100%;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-xs .eui-stepper-connector {
  margin-top: calc(0.625rem - 1px);
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-sm .eui-stepper-connector {
  margin-top: calc(0.875rem - 1px);
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-md .eui-stepper-connector {
  margin-top: calc(1.125rem - 1px);
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-lg .eui-stepper-connector {
  margin-top: calc(1.375rem - 1px);
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-xl .eui-stepper-connector {
  margin-top: calc(1.625rem - 1px);
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-bottom .eui-stepper-step {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-bottom .eui-stepper-label {
  white-space: normal;
  text-align: center;
  max-width: 8rem;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-bottom .eui-stepper-description {
  white-space: normal;
  text-align: center;
  max-width: 10rem;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-bottom .eui-stepper-optional {
  text-align: center;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-right .eui-stepper-step {
  flex-direction: row;
  align-items: center;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-alternate .eui-stepper-step {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-alternate .eui-stepper-step:nth-child(odd) {
  flex-direction: column;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-alternate .eui-stepper-step:nth-child(even) {
  flex-direction: column-reverse;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-alternate .eui-stepper-label {
  white-space: normal;
  text-align: center;
  max-width: 8rem;
}
.eui-stepper.eui-stepper-horizontal.eui-stepper-label-alternate .eui-stepper-description {
  white-space: normal;
  text-align: center;
  max-width: 10rem;
}
.eui-stepper.eui-stepper-vertical {
  flex-direction: column;
}
.eui-stepper.eui-stepper-vertical .eui-stepper-step {
  flex-direction: row;
  align-items: flex-start;
}
.eui-stepper.eui-stepper-vertical .eui-stepper-connector {
  flex: none;
  width: 2px;
  min-height: 1.5rem;
  padding: 0.25rem 0;
  justify-content: center;
}
.eui-stepper.eui-stepper-vertical .eui-stepper-connector-line {
  width: 2px;
  height: 100%;
  min-height: 1.5rem;
}
.eui-stepper.eui-stepper-vertical.eui-stepper-xs .eui-stepper-connector {
  margin-left: calc(0.625rem - 1px);
}
.eui-stepper.eui-stepper-vertical.eui-stepper-sm .eui-stepper-connector {
  margin-left: calc(0.875rem - 1px);
}
.eui-stepper.eui-stepper-vertical.eui-stepper-md .eui-stepper-connector {
  margin-left: calc(1.125rem - 1px);
}
.eui-stepper.eui-stepper-vertical.eui-stepper-lg .eui-stepper-connector {
  margin-left: calc(1.375rem - 1px);
}
.eui-stepper.eui-stepper-vertical.eui-stepper-xl .eui-stepper-connector {
  margin-left: calc(1.625rem - 1px);
}
.eui-stepper.eui-stepper-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-scroll {
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-scroll .eui-stepper-step {
  scroll-snap-align: start;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact {
  overflow: hidden;
  align-items: stretch;
  gap: 0;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact .eui-stepper-step {
  flex: 1 1 0;
  min-width: 0;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact .eui-stepper-connector {
  display: none;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact .eui-stepper-content {
  min-width: 0;
  align-items: center;
  text-align: center;
  width: 100%;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact .eui-stepper-label,
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact .eui-stepper-description {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact .eui-stepper-step-pending .eui-stepper-description,
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact .eui-stepper-step-completed .eui-stepper-description {
  display: none;
}
.eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact.eui-stepper-label-right .eui-stepper-step, .eui-stepper.eui-stepper-collapsed.eui-stepper-horizontal.eui-stepper-collapse-compact.eui-stepper-label-alternate .eui-stepper-step {
  flex-direction: column;
  align-items: center;
  text-align: center;
}