/* stylelint-disable */
@layer drv.components.progressnav {
  .drv-progressnav {
    block-size: 100%;
  }
  .drv-progressnav__item.drv-progressnav__item {
    display: block;
    position: relative;
    margin: 0;
  }
  .drv-progressnav__step {
    display: flex;
    padding-block: var(--drv-spacing-03, 0.5rem);
    padding-inline-start: calc(var(--drv-treeview-level, 0) * 1.5rem + var(--drv-spacing-02, 0.25rem));
    padding-inline-end: calc(var(--drv-button-size--mini, 2rem) + var(--drv-spacing-02, 0.25rem));
    color: var(--drv-color-interactive-01, #083163);
    font-feature-settings: "tnum";
    font-variant: tabular-nums;
    font-weight: var(--drv-font-weight-normal, 400);
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
  .drv-progressnav__step:focus, .drv-progressnav__step:hover {
    background-color: var(--drv-color-ui-05, #e1e6ec);
    color: var(--drv-color-interactive-01-hover, #000000);
  }
  .drv-progressnav__step--active {
    color: var(--drv-color-interactive-01, #083163);
    font-weight: var(--drv-font-weight-bold, 600);
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .drv-progressnav__step--active:focus-visible {
    border-radius: 0;
    outline-offset: -0.0625rem;
  }
  .drv-progressnav__step--completed {
    color: var(--drv-color-interactive-01, #083163);
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .drv-progressnav__step:focus-visible {
    border-radius: 0;
    outline-offset: -0.0625rem;
  }
  .drv-progressnav__step[aria-current=step] {
    background-color: var(--drv-color-ui-06, #f0f2f5);
    color: var(--drv-color-interactive-01, #083163);
    font-weight: var(--drv-font-weight-bold, 600);
  }
  .drv-progressnav__step.drv-progressnav__step--error {
    color: var(--drv-color-interactive-state-error-01, #c9193d);
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .drv-progressnav__step.drv-progressnav__step--error:not(span):focus, .drv-progressnav__step.drv-progressnav__step--error:not(span):hover {
    background-color: var(--drv-color-ui-05, #e1e6ec);
    color: var(--drv-color-interactive-01-hover, #000000);
  }
  .drv-progressnav__step[aria-disabled=true] {
    color: var(--drv-color-text-03, #505050);
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: not-allowed;
  }
  .drv-progressnav__step[aria-disabled=true]:hover {
    background-color: transparent;
    color: var(--drv-color-text-03, #505050);
  }
  .drv-progressnav__step[aria-disabled=true]:focus, .drv-progressnav__step[aria-disabled=true]:active {
    background-color: transparent;
    pointer-events: none;
  }
  .drv-progressnav__step .drv-progressnav__icon {
    margin-block-start: 0.125rem;
  }
  .drv-progressnav__text {
    margin-inline-end: auto;
    padding-inline-start: var(--drv-spacing-03, 0.5rem);
  }
  .drv-progressnav__sublist {
    transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
    max-block-size: var(--calc-height, 99em);
    padding-inline-start: 0;
    overflow: hidden;
    list-style-type: none;
    transition-property: max-block-size;
    transition-duration: 300ms;
  }
  .drv-progressnav__sublist > * {
    transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
    transition-property: opacity;
    transition-duration: 200ms;
    transition-delay: 100ms;
    opacity: 1;
  }
  .drv-progressnav__sublist[hidden] {
    transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
    display: block;
    max-block-size: 0;
    transition-property: max-block-size;
    transition-duration: 300ms;
  }
  .drv-progressnav__sublist[hidden] > * {
    transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
    transition-property: opacity;
    transition-duration: 300ms;
    transition-delay: 0ms;
    opacity: 0;
  }
  .drv-progressnav__sublist .drv-progressnav__step {
    padding-inline-start: calc(var(--drv-spacing-03, 0.5rem) + var(--drv-spacing-05, 1rem) + var(--drv-spacing-05, 1rem));
  }
  .drv-progressnav__sublist .drv-progressnav__sublist .drv-progressnav__step {
    padding-inline-start: calc((var(--drv-spacing-03, 0.5rem) + var(--drv-spacing-05, 1rem) + var(--drv-spacing-05, 1rem)) * 1.75);
  }
  .drv-progressnav__sublist .drv-progressnav__sublist .drv-progressnav__sublist .drv-progressnav__step {
    padding-inline-start: calc((var(--drv-spacing-03, 0.5rem) + var(--drv-spacing-05, 1rem) + var(--drv-spacing-05, 1rem)) * 2.5);
  }
  .drv-progressnav__sublist .drv-progressnav__sublist .drv-progressnav__sublist .drv-progressnav__step .drv-progressnav__sublist .drv-progressnav__step {
    padding-inline-start: calc((var(--drv-spacing-03, 0.5rem) + var(--drv-spacing-05, 1rem) + var(--drv-spacing-05, 1rem)) * 3.25);
  }
  .drv-progressnav .drv-progressnav__collapse {
    position: absolute;
    inset-block-start: var(--drv-spacing-02, 0.25rem);
    inset-inline-end: 0;
    z-index: 1;
  }
  @media (min-width: 64.0625rem) {
    .drv-progressnav .drv-progressnav__collapse {
      inset-block-start: var(--drv-spacing-03, 0.5rem);
    }
  }
  .drv-progressnav .drv-progressnav__collapse[aria-expanded=true] .drv-btn__icon {
    transform: rotate(180deg);
  }
  .drv-progressnav.drv-side-navigation--active [aria-current=step] {
    background-color: var(--drv-color-ui-04, #b4c1d0);
    color: var(--drv-navigation-active-color, var(--drv-color-interactive-01, #083163));
  }
}