/**
**  Official Font sizes
------------------------------- */
/**
** Line-heights
------------------------------- */
:host {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.step {
  font-size: 13px;
}

.step-bold {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}

.bar {
  position: relative;
  flex-grow: 1;
  height: 8px;
  background-color: #e3e3e3;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}

.fill {
  height: 100%;
  border-radius: 4px;
  background-color: #bbd03a;
  transition: width 0.3s ease-in-out;
}
@container style(--trumpf-ux-animations: disabled) {
  .fill {
    transition: none !important;
  }
}