:host {
  position: relative;
  box-sizing: border-box;
  font-feature-settings: "cv03", "cv04", "cv11";
}
:host *, :host *:before, :host *:after {
  box-sizing: inherit;
}

:host {
  flex: 1 1 0%;
}

.step-item {
  flex: 1 1 0%;
}

.step-item__label {
  border-top: var(--sl-spacing-xx-small) solid var(--sl-color-gray-200);
  padding-top: var(--sl-spacing-small);
  padding-bottom: var(--sl-spacing-small);
  flex-direction: column;
  display: flex;
}

.step-item--active .step-item__label {
  border-top: var(--sl-spacing-xx-small) solid var(--sl-color-blue-600);
}
.step-item--active .step-item__label-header {
  color: var(--sl-color-blue-600);
}

.step-item__label-header {
  text-transform: uppercase;
  color: var(--sl-color-gray-600);
  font-weight: var(--sl-font-weight-semibold);
  font-size: var(--sl-font-size-x-small);
  line-height: var(--sl-line-height-dense);
}

.step-item__label-description {
  font-weight: var(--sl-font-weight-semibold);
  font-size: var(--sl-font-size-small);
  line-height: var(--sl-line-height-dense);
}