/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--progress-indicator--margin: 0 0 var(--digi--margin--medium);
  --digi--progress-indicator--label--font-size: var(--digi--typography--label--font-size--desktop);
  --digi--progress-indicator--label--margin: var(--digi--gutter--medium) 0;
  --digi--progress-indicator--border-color: var(--digi--color--marking--indication--tertiary);
  --digi--progress-indicator--border-color--active: var(--digi--color--marking--indication--primary);
  --digi--progress-indicator--gap: var(--digi--padding--largest);
  --digi--progress-indicator--gap--x-large: var(--digi--padding--largest-3);
  --digi--progress-indicator--heading--font-weight: var(--digi--typography--heading-2--font-weight--desktop);
  --digi--progress-indicator--step--background: transparent;
  --digi--progress-indicator--step--background--active: var(--digi--color--marking--indication--primary);
  --digi--progress-indicator--step--size: var(--digi--global--spacing--base);
  --digi--progress-indicator--step--size--large: 1.625rem;
  --digi--progress-indicator--step--size--active: 1.625rem;
  --digi--progress-indicator--step--size--active--large: 1.625rem;
  --digi--progress-indicator--step--line--width: var(--digi--border-width--secondary);
  --digi--progress-indicator--step--line--color: var(--digi--color--marking--indication--tertiary);
  --digi--progress-indicator--step--line--color--current: var(--digi--color--marking--indication--tertiary);
  --digi--progress-indicator--step--line--color--active: var(--digi--color--marking--indication--primary);
  --digi--progress-indicator--step--line--style: dashed;
  --digi--progress-indicator--icon--width: 1rem;
  --digi--progress-indicator--icon--height: 1rem;
  --digi--progress-indicator--icon--color: var(--digi--color--icon--secondary);
  --digi--progress-indicator--icon-status--width: 1.75rem;
  --digi--progress-indicator--icon-status--height: 1.75rem;
  --digi--progress-indicator--icon--warning--color: var(--digi--color--icon--validation--warning);
  --digi--progress-indicator--icon--error--color: var(--digi--color--icon--validation--error);
}
:host .digi-progress-indicator {
  font-size: var(--digi--progress-indicator--label--font-size);
  margin: var(--digi--progress-indicator--margin);
  box-sizing: border-box;
}
:host .digi-progress-indicator:not(.digi-progress-indicator--linear) {
  --digi--progress-indicator--step--line--color--active: var(--digi--progress-indicator--step--line--color);
}
:host .digi-progress-indicator__content {
  font-family: var(--digi--global--typography--font-family--default);
}
:host .digi-progress-indicator__heading {
  font-size: var(--digi--typography--heading-2--font-size--desktop);
  font-weight: var(--digi--progress-indicator--heading--font-weight);
  margin: 0;
  margin-bottom: 0.5rem;
}
@media (max-width: 47.9375rem) {
  :host .digi-progress-indicator__heading {
    font-size: var(--digi--typography--heading-2--font-size--mobile);
    font-weight: var(--digi--typography--heading-2--font-weight--mobile);
  }
}
:host .digi-progress-indicator__next {
  font-size: var(--digi--typography--body--font-size--desktop);
  font-style: italic;
  color: var(--digi--color--text--primary);
  margin: 0;
}
:host .digi-progress-indicator__icon {
  --digi--icon--height: var(--digi--progress-indicator--icon--width);
  --digi--icon--width: var(--digi--progress-indicator--icon--height);
  --digi--icon--color: var(--digi--progress-indicator--icon--color);
}
:host .digi-progress-indicator__icon--warning {
  --digi--icon--height: var(--digi--progress-indicator--icon-status--height);
  --digi--icon--width: var(--digi--progress-indicator--icon-status--width);
  margin-top: 4px;
}
:host .digi-progress-indicator__icon--error {
  margin-top: 4px;
  --digi--icon--height: var(--digi--progress-indicator--icon-status--height);
  --digi--icon--width: var(--digi--progress-indicator--icon-status--width);
  --digi--icon--color: var(--digi--progress-indicator--icon--error--color);
}
:host .digi-progress-indicator__label {
  font-family: var(--digi--global--typography--font-family--default);
  font-size: var(--digi--progress-indicator--label--font-size);
  line-height: var(--digi--typography--body--line-height--desktop);
  color: var(--digi--color--text--primary);
  margin: var(--digi--progress-indicator--label--margin);
}
:host .digi-progress-indicator__label--steps {
  font-weight: 600;
}
:host .digi-progress-indicator__validation-label {
  font-family: var(--digi--global--typography--font-family--default);
  font-size: var(--digi--progress-indicator--label--font-size);
  line-height: var(--digi--typography--body--line-height--desktop);
  color: var(--digi--color--text--primary);
  padding: var(--digi--gutter--medium) var(--digi--gutter--medium);
  display: flex;
  align-items: center;
}
:host .digi-progress-indicator__validation-label span {
  display: inline-block;
  margin-left: 8px;
}
:host .digi-progress-indicator__validation-label--warning {
  background-color: var(--digi--color--background--interactive--validation--warning);
}
:host .digi-progress-indicator__validation-label--error {
  background-color: var(--digi--color--background--interactive--validation--error);
}
:host .digi-progress-indicator__list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 24px;
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--digi--progress-indicator--step--size) + var(--digi--progress-indicator--gap)), 1fr));
  --digi--progress-indicator--step--size: var(--digi--progress-indicator--step--size--large);
  --digi--progress-indicator--step--size--active: var(--digi--progress-indicator--step--size--active--large);
  --digi--progress-indicator--gap: var(--digi--progress-indicator--gap--x-large);
}
@media (max-width: 47.9375rem) {
  :host .digi-progress-indicator__list {
    grid-template-columns: repeat(auto-fit, minmax(0.45rem, 1fr));
  }
}
:host .digi-progress-indicator__step {
  position: relative;
  height: var(--digi--progress-indicator--step--size--active);
  z-index: 2;
}
:host .digi-progress-indicator__step:last-child {
  width: var(--digi--progress-indicator--step--size--active);
}
:host .digi-progress-indicator__step:last-child::before {
  display: none;
}
:host .digi-progress-indicator__step::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: calc(100% - 34px);
  left: 30px;
  border-top: var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--step--line--color);
}
@media (max-width: 47.9375rem) {
  :host .digi-progress-indicator__step::before {
    width: calc(100% - 1.1rem);
    left: 1.1rem;
  }
}
:host .digi-progress-indicator__step--active {
  --digi--progress-indicator--border-color: var(--digi--progress-indicator--border-color--active);
  --digi--progress-indicator--step--background: var(--digi--progress-indicator--step--background--active);
  --digi--progress-indicator--step--size: var(--digi--progress-indicator--step--size--active);
  --digi--progress-indicator--step--line--color: var(--digi--progress-indicator--step--line--color--active);
  --digi--progress-indicator--step--line--style: solid;
}
:host .digi-progress-indicator__step--active .digi-progress-indicator__step-indicator {
  margin-left: calc((var(--digi--progress-indicator--step--size--large) - var(--digi--progress-indicator--step--size--active--large)) / 2);
}
:host .digi-progress-indicator__step--current {
  --digi--progress-indicator--step--line--color: var(--digi--progress-indicator--step--line--color--current);
  --digi--progress-indicator--step--line--style: dashed;
}
:host .digi-progress-indicator__step--current span:not(:has(> digi-icon-validation-error)):not(:has(> digi-icon-validation-warning)) {
  box-shadow: inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 3px var(--digi--progress-indicator--step--background);
  width: 1.75rem;
  height: 1.75rem;
}
@media (max-width: 47.9375rem) {
  :host .digi-progress-indicator__step--current span:not(:has(> digi-icon-validation-error)):not(:has(> digi-icon-validation-warning)) {
    width: 1.375rem;
    height: 1.375rem;
    box-shadow: inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 2px var(--digi--progress-indicator--step--background);
  }
}
:host .digi-progress-indicator__step--warning, :host .digi-progress-indicator__step--error {
  --digi--progress-indicator--step--background: transparent;
}
:host .digi-progress-indicator__step--warning .digi-progress-indicator__step-indicator, :host .digi-progress-indicator__step--error .digi-progress-indicator__step-indicator {
  border: 0;
  box-shadow: inset 0px 0px 0px 2px transparent;
}
:host .digi-progress-indicator__step-indicator {
  width: var(--digi--progress-indicator--step--size);
  height: var(--digi--progress-indicator--step--size);
  border: var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--border-color);
  background: var(--digi--progress-indicator--step--background);
  box-sizing: border-box;
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
@media (max-width: 47.9375rem) {
  :host .digi-progress-indicator__step-indicator {
    width: 1.1rem;
    height: 1.1rem;
    --digi--progress-indicator--icon-status--width: 1.3rem;
    --digi--progress-indicator--icon--width: 0.6rem;
    --digi--progress-indicator--icon--height: 0.6rem;
  }
}
:host .digi-progress-indicator__step-number {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
:host .digi-progress-indicator__circle-wrapper {
  display: flex;
  align-items: center;
}
:host .digi-progress-indicator__circle {
  position: relative;
  display: inline-block;
}
:host .digi-progress-indicator__circle svg {
  transform: rotate(-90deg);
}
:host .digi-progress-indicator__circle-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--digi--global--typography--font-family--default);
  font-size: var(--digi--typography--tag--font-size--desktop);
  line-height: var(--digi--typography--body--line-height--desktop);
  color: var(--digi--color--text--primary);
  font-weight: 600;
  margin: 0;
}
:host .digi-progress-indicator__circle-step-unfinished {
  stroke: var(--digi--progress-indicator--border-color);
}
:host .digi-progress-indicator__circle-step-completed {
  stroke: var(--digi--progress-indicator--step--background--active);
}
:host .digi-progress-indicator__circle-step-warning {
  stroke: var(--digi--progress-indicator--icon--warning--color);
}
:host .digi-progress-indicator__circle-step-error {
  stroke: var(--digi--progress-indicator--icon--error--color);
}