.GTZFhG_i18nFontFamily {
  font-synthesis: weight;
  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;

  &:lang(ar) {
    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
  }

  &:lang(he) {
    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
  }

  &:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }

  &:lang(zh-Hans) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }

  &:lang(zh-Hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }

  &:lang(zh-SG), &:lang(zh-CN) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }

  &:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }

  &:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

.GTZFhG_spectrum-FocusRing-ring {
  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
  --spectrum-focus-ring-border-size: 0px;
  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));

  &:after {
    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
    content: "";
    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
    pointer-events: none;
    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
    display: block;
    position: absolute;
    inset: 0;
  }
}

.GTZFhG_spectrum-FocusRing {
  &.GTZFhG_focus-ring {
    &:after {
      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
    }
  }
}

.GTZFhG_spectrum-FocusRing--quiet {
  &:after {
    border-radius: 0;
  }

  &.GTZFhG_focus-ring {
    &:after {
      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
        0;
      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
    }
  }
}

@media (forced-colors: active) {
  .GTZFhG_spectrum-FocusRing, .GTZFhG_spectrum-FocusRing-ring, .GTZFhG_spectrum-FocusRing--quiet {
    --spectrum-high-contrast-focus-ring-color: Highlight;

    &:after {
      forced-color-adjust: none;
    }
  }
}

.GTZFhG_spectrum-Steplist {
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  display: flex;
}

.GTZFhG_spectrum-Steplist-item {
  min-width: 0;
  display: grid;

  & .GTZFhG_spectrum-Steplist-segment {
    align-items: center;
    display: inline-flex;

    &.GTZFhG_is-completed {
      & svg line {
        stroke-dasharray: none;
      }
    }
  }

  & .GTZFhG_spectrum-Steplist-chevron {
    &.GTZFhG_is-reversed {
      transform: scaleX(-1);
    }
  }
}

.GTZFhG_spectrum-Steplist-link {
  cursor: default;
  outline: none;
  text-decoration: none;
  display: grid;

  & .GTZFhG_spectrum-Steplist-markerWrapper {
    grid-area: GTZFhG_marker;
  }

  & .GTZFhG_spectrum-Steplist-marker {
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    display: flex;
  }

  & .GTZFhG_spectrum-Steplist-label {
    grid-area: GTZFhG_label;
  }

  &.GTZFhG_is-completed {
    & .GTZFhG_spectrum-Steplist-marker {
      border-style: none;
      border-width: 0;
    }
  }

  &.GTZFhG_is-selected {
    & .GTZFhG_spectrum-Steplist-marker {
      border-style: none;
      border-width: 0;
    }
  }

  &.GTZFhG_is-hovered {
    &.GTZFhG_is-completed .GTZFhG_spectrum-Steplist-marker {
      border-style: none;
      border-width: 0;
    }
  }
}

.GTZFhG_spectrum-Steplist {
  font-size: var(--spectrum-steplist-font-size);
  gap: var(--spectrum-steplist-chevron-gap);

  & .GTZFhG_spectrum-Steplist-link {
    gap: var(--spectrum-steplist-marker-label-gap);

    & .GTZFhG_spectrum-Steplist-marker {
      width: var(--spectrum-steplist-marker-diameter);
      height: var(--spectrum-steplist-marker-diameter);
      font-size: var(--spectrum-steplist-counter-font-size);
      padding-block-end: 1px;
    }
  }

  & .GTZFhG_spectrum-Steplist-chevron {
    transform: scale(var(--spectrum-steplist-chevron-scale));
  }
}

.GTZFhG_spectrum-Steplist--small {
  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-75);
  --spectrum-steplist-chevron-gap: 10px;
  --spectrum-steplist-marker-label-gap: 10px;
  --spectrum-steplist-marker-diameter: 8px;
  --spectrum-steplist-counter-font-size: 0;
  --spectrum-steplist-chevron-scale: .75;
  --spectrum-steplist-segment-height-adjust: -4px;

  & .GTZFhG_spectrum-Steplist-marker {
    padding-top: 1px;
  }

  &.GTZFhG_spectrum-Steplist--horizontal {
    & .GTZFhG_spectrum-Steplist-marker {
      margin-top: 1px;
    }

    & .GTZFhG_spectrum-Steplist-chevron {
      padding-top: 2px;
    }
  }
}

.GTZFhG_spectrum-Steplist--medium {
  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-steplist-chevron-gap: 16px;
  --spectrum-steplist-marker-label-gap: 12px;
  --spectrum-steplist-marker-diameter: 16px;
  --spectrum-steplist-counter-font-size: var(--spectrum-global-dimension-font-size-75);
  --spectrum-steplist-chevron-scale: 1;
  --spectrum-steplist-segment-height-adjust: 0px;
}

.GTZFhG_spectrum-Steplist--large {
  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-200);
  --spectrum-steplist-chevron-gap: 20px;
  --spectrum-steplist-marker-label-gap: 14px;
  --spectrum-steplist-marker-diameter: 24px;
  --spectrum-steplist-counter-font-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-steplist-chevron-scale: 1.25;
  --spectrum-steplist-segment-height-adjust: 6px;
}

.GTZFhG_spectrum-Steplist--xlarge {
  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-300);
  --spectrum-steplist-chevron-gap: 24px;
  --spectrum-steplist-marker-label-gap: 16px;
  --spectrum-steplist-marker-diameter: 32px;
  --spectrum-steplist-counter-font-size: var(--spectrum-global-dimension-font-size-200);
  --spectrum-steplist-chevron-scale: 1.5;
  --spectrum-steplist-segment-height-adjust: 6px;
}

.GTZFhG_spectrum-Steplist-item:last-child {
  & .GTZFhG_spectrum-Steplist-segment {
    display: none;
  }
}

.GTZFhG_spectrum-Steplist--horizontal {
  & .GTZFhG_spectrum-Steplist-link {
    align-items: baseline;
    display: flex;
  }

  & .GTZFhG_spectrum-Steplist-segment {
    order: 2;
    align-items: center;
    padding-inline-start: calc(var(--spectrum-steplist-chevron-gap) - var(--spectrum-steplist-marker-label-gap));
    display: flex;

    &:before {
      content: "*";
      visibility: hidden;
      width: 0;
    }
  }

  & .GTZFhG_spectrum-Steplist-chevron {
    padding-top: 1px;
  }

  & .GTZFhG_spectrum-Steplist-label {
    order: 1;
  }

  & .GTZFhG_spectrum-Steplist-markerWrapper {
    flex: none;
    order: 0;
    align-items: center;
    display: flex;

    &:before {
      content: "*";
      visibility: hidden;
      width: 0;
    }
  }

  & .GTZFhG_spectrum-Steplist-segmentLine {
    display: none;
  }
}

.GTZFhG_spectrum-Steplist--vertical {
  flex-direction: column;
  gap: 0 2px;

  & .GTZFhG_spectrum-Steplist-item {
    display: unset;
    list-style: none;
  }

  & .GTZFhG_spectrum-Steplist-link {
    grid-template: "GTZFhG_marker GTZFhG_label" minmax(16px, min-content)
                   "GTZFhG_line GTZFhG_label" 1fr
                   / minmax(0, min-content) 1fr;
    justify-items: start;
    gap: 0 6px;
    display: grid;
  }

  & .GTZFhG_spectrum-Steplist-chevron {
    display: none;
  }

  & .GTZFhG_spectrum-Steplist-markerWrapper {
    align-self: baseline;
    align-items: center;
    min-width: 0;
    min-height: 0;
    display: flex;

    &:before {
      content: "*";
      visibility: hidden;
      width: 0;
    }
  }

  &.GTZFhG_spectrum-Steplist--small {
    & .GTZFhG_spectrum-Steplist-marker {
      align-self: center;
    }
  }

  & .GTZFhG_spectrum-Steplist-label {
    align-self: baseline;
    min-width: 0;
    min-height: 0;
    line-height: 16px;
  }

  & .GTZFhG_spectrum-Steplist-segment {
    box-sizing: content-box;
    pointer-events: none;
    grid-area: GTZFhG_line;
    justify-self: center;
    width: 2px;
    min-width: 0;
    min-height: 32px;

    & .GTZFhG_spectrum-Steplist-segmentLine {
      width: 2px;
      height: calc(100% - var(--spectrum-steplist-segment-height-adjust));
      overflow: visible;

      & line {
        stroke-width: 2px;
        stroke-dasharray: 6 4;
        stroke-linecap: round;
      }
    }
  }

  & .GTZFhG_spectrum-Steplist-item:last-child {
    & .GTZFhG_spectrum-Steplist-link {
      grid-template-rows: minmax(16px, min-content);
      grid-template-areas: "GTZFhG_marker GTZFhG_label";
    }
  }
}

.GTZFhG_spectrum-Steplist {
  --spectrum-steplist-complete-segment-color: var(--spectrum-global-color-gray-400);
  --spectrum-steplist-complete-label-text-color: var(--spectrum-global-color-gray-700);
  --spectrum-steplist-complete-marker-text-color: var(--spectrum-global-color-gray-50);
  --spectrum-steplist-complete-marker-color: var(--spectrum-global-color-gray-600);
  --spectrum-steplist-complete-marker-color-hover: var(--spectrum-global-color-gray-700);
  --spectrum-steplist-current-label-text-color: var(--spectrum-global-color-gray-800);
  --spectrum-steplist-current-marker-text-color: var(--spectrum-global-color-gray-50);
  --spectrum-steplist-current-marker-color: var(--spectrum-global-color-gray-800);
  --spectrum-steplist-incomplete-segment-color: var(--spectrum-global-color-gray-400);
  --spectrum-steplist-incomplete-label-text-color: var(--spectrum-global-color-gray-600);
  --spectrum-steplist-incomplete-marker-color: var(--spectrum-global-color-gray-400);
  --spectrum-steplist-incomplete-marker-text-color: var(--spectrum-global-color-gray-500);
  --spectrum-steplist-emphasized-current-label-text-color: var(--spectrum-accent-color-900);
  --spectrum-steplist-emphasized-current-marker-color: var(--spectrum-accent-color-900);
  --spectrum-steplist-disabled-complete-marker-color: var(--spectrum-global-color-gray-400);
  --spectrum-steplist-disabled-complete-marker-text-color: var(--spectrum-global-color-gray-50);
  --spectrum-steplist-disabled-complete-segment-color: var(--spectrum-global-color-gray-400);
  --spectrum-steplist-disabled-complete-label-text-color: var(--spectrum-global-color-gray-500);
  --spectrum-steplist-disabled-incomplete-marker-color: var(--spectrum-global-color-gray-300);
  --spectrum-steplist-disabled-incomplete-marker-text-color: var(--spectrum-global-color-gray-400);
  --spectrum-steplist-disabled-incomplete-segment-color: var(--spectrum-global-color-gray-400);
  --spectrum-steplist-disabled-incomplete-label-text-color: var(--spectrum-global-color-gray-400);

  & .GTZFhG_spectrum-Steplist-label {
    color: var(--spectrum-steplist-incomplete-label-text-color, var(--spectrum-global-color-gray-600));
  }

  & .GTZFhG_spectrum-Steplist-marker {
    border-color: var(--spectrum-steplist-incomplete-marker-color, var(--spectrum-global-color-gray-300));
    color: var(--spectrum-steplist-incomplete-marker-text-color);
  }

  & .GTZFhG_spectrum-Steplist-segment {
    & .GTZFhG_spectrum-Steplist-chevron {
      color: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
    }

    & svg line {
      stroke: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
    }
  }

  & .GTZFhG_spectrum-Steplist-item {
    & .GTZFhG_spectrum-Steplist-link {
      &.GTZFhG_is-disabled {
        & .GTZFhG_spectrum-Steplist-label {
          color: var(--spectrum-steplist-disabled-incomplete-label-text-color);
        }

        & .GTZFhG_spectrum-Steplist-marker {
          border-color: var(--spectrum-steplist-disabled-incomplete-marker-color);
          color: var(--spectrum-steplist-disabled-incomplete-marker-text-color);
        }

        & .GTZFhG_spectrum-Steplist-segment {
          & .GTZFhG_spectrum-Steplist-chevron {
            color: var(--spectrum-steplist-disabled-incomplete-segment-color);
          }

          & svg line {
            stroke: var(--spectrum-steplist-disabled-incomplete-segment-color);
          }
        }
      }

      &.GTZFhG_is-completed {
        & .GTZFhG_spectrum-Steplist-label {
          color: var(--spectrum-steplist-complete-label-text-color, var(--spectrum-global-color-gray-700));
        }

        & .GTZFhG_spectrum-Steplist-marker {
          background-color: var(--spectrum-steplist-complete-marker-color, var(--spectrum-global-color-gray-600));
          border-color: var(--spectrum-steplist-complete-marker-color, var(--spectrum-global-color-gray-600));
          color: var(--spectrum-steplist-complete-marker-text-color);
        }

        & .GTZFhG_spectrum-Steplist-segment {
          & .GTZFhG_spectrum-Steplist-chevron {
            color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
          }

          & svg line {
            stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
          }
        }

        &.GTZFhG_is-hovered {
          & .GTZFhG_spectrum-Steplist-marker {
            background-color: var(--spectrum-steplist-complete-marker-color-hover, var(--spectrum-global-color-gray-700));
            border-color: var(--spectrum-steplist-complete-marker-color-hover, var(--spectrum-global-color-gray-700));
          }
        }

        &.GTZFhG_is-disabled {
          & .GTZFhG_spectrum-Steplist-label {
            color: var(--spectrum-steplist-disabled-complete-label-text-color);
          }

          & .GTZFhG_spectrum-Steplist-marker {
            background-color: var(--spectrum-steplist-disabled-complete-marker-color);
            border-color: var(--spectrum-steplist-disabled-complete-marker-color);
            color: var(--spectrum-steplist-disabled-complete-marker-text-color);
          }

          & .GTZFhG_spectrum-Steplist-segment {
            & .GTZFhG_spectrum-Steplist-chevron {
              color: var(--spectrum-steplist-disabled-complete-segment-color);
            }

            & svg line {
              stroke: var(--spectrum-steplist-disabled-complete-segment-color);
            }
          }
        }
      }

      &.GTZFhG_is-selected {
        & .GTZFhG_spectrum-Steplist-label {
          color: var(--spectrum-steplist-current-label-text-color, var(--spectrum-global-color-gray-800));
        }

        & .GTZFhG_spectrum-Steplist-marker {
          background-color: var(--spectrum-steplist-current-marker-color, var(--spectrum-global-color-gray-800));
          border-color: var(--spectrum-steplist-current-marker-color, var(--spectrum-global-color-gray-800));
          color: var(--spectrum-steplist-current-marker-text-color);
        }

        & .GTZFhG_spectrum-Steplist-segment {
          & .GTZFhG_spectrum-Steplist-chevron {
            color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
          }

          & svg line {
            stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
          }
        }
      }

      &.GTZFhG_focus-ring {
        & .GTZFhG_spectrum-Steplist-marker {
          outline: solid 2px
            var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
          outline-offset: 2px;
        }
      }
    }
  }
}

.GTZFhG_spectrum-Steplist--medium {
  & .GTZFhG_spectrum-Steplist-item {
    & .GTZFhG_spectrum-Steplist-link:not(.GTZFhG_is-completed):not(.GTZFhG_is-selected) {
      & .GTZFhG_spectrum-Steplist-marker, &.GTZFhG_is-disabled .GTZFhG_spectrum-Steplist-marker {
        color: #0000;
      }
    }
  }
}

.GTZFhG_spectrum-Steplist--emphasized {
  --spectrum-steplist-current-label-text-color: var(--spectrum-steplist-emphasized-current-label-text-color);
  --spectrum-steplist-current-marker-color: var(--spectrum-steplist-emphasized-current-marker-color);
}

@media (forced-colors: active) {
  .GTZFhG_spectrum-Steplist {
    forced-color-adjust: none;
    --spectrum-steplist-complete-segment-color: CanvasText;
    --spectrum-steplist-complete-label-text-color: LinkText;
    --spectrum-steplist-complete-marker-text-color: Canvas;
    --spectrum-steplist-complete-marker-color: LinkText;
    --spectrum-steplist-complete-marker-color-hover: LinkText;
    --spectrum-steplist-current-label-text-color: Highlight;
    --spectrum-steplist-current-marker-text-color: Canvas;
    --spectrum-steplist-current-marker-color: Highlight;
    --spectrum-steplist-incomplete-segment-color: CanvasText;
    --spectrum-steplist-incomplete-label-text-color: ButtonText;
    --spectrum-steplist-incomplete-marker-color: ButtonText;
    --spectrum-steplist-incomplete-marker-text-color: ButtonText;
    --spectrum-steplist-emphasized-current-label-text-color: CanvasText;
    --spectrum-steplist-emphasized-current-marker-color: ButtonText;
    --spectrum-steplist-disabled-complete-marker-color: GrayText;
    --spectrum-steplist-disabled-complete-marker-text-color: Canvas;
    --spectrum-steplist-disabled-complete-segment-color: CanvasText;
    --spectrum-steplist-disabled-complete-label-text-color: GrayText;
    --spectrum-steplist-disabled-incomplete-marker-color: GrayText;
    --spectrum-steplist-disabled-incomplete-marker-text-color: ButtonText;
    --spectrum-steplist-disabled-incomplete-segment-color: CanvasText;
    --spectrum-steplist-disabled-incomplete-label-text-color: GrayText;
    --spectrum-high-contrast-focus-ring-color: ButtonText;

    & .GTZFhG_spectrum-Steplist-item {
      & .GTZFhG_spectrum-Steplist-link {
        & .GTZFhG_spectrum-Steplist-marker {
          border-style: solid;
          border-width: 2px;
        }
      }
    }
  }
}
/*# sourceMappingURL=steplist_vars.css.map */