@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/steplist_vars.css

@@ -1,38 +1,38 @@
 .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;
-}
 
-.GTZFhG_i18nFontFamily: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(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.GTZFhG_i18nFontFamily: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(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.GTZFhG_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.GTZFhG_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.GTZFhG_i18nFontFamily: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-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.GTZFhG_i18nFontFamily:lang(zh-SG), .GTZFhG_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC 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;
+  }
 
-.GTZFhG_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.GTZFhG_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, 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 {
@@ -41,42 +41,50 @@
   --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)));
-}
 
-.GTZFhG_spectrum-FocusRing-ring: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,
+  &: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;
+    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 {
+  &.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_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.GTZFhG_spectrum-FocusRing--quiet.GTZFhG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.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);
+      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;
-  }
 
-  :is(.GTZFhG_spectrum-FocusRing, .GTZFhG_spectrum-FocusRing-ring, .GTZFhG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -90,19 +98,23 @@
 .GTZFhG_spectrum-Steplist-item {
   min-width: 0;
   display: grid;
-}
 
-.GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-segment {
-  align-items: center;
-  display: inline-flex;
-}
+  & .GTZFhG_spectrum-Steplist-segment {
+    align-items: center;
+    display: inline-flex;
 
-.GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-segment.GTZFhG_is-completed svg line {
-  stroke-dasharray: none;
-}
+    &.GTZFhG_is-completed {
+      & svg line {
+        stroke-dasharray: none;
+      }
+    }
+  }
 
-.GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-chevron.GTZFhG_is-reversed {
-  transform: scaleX(-1);
+  & .GTZFhG_spectrum-Steplist-chevron {
+    &.GTZFhG_is-reversed {
+      transform: scaleX(-1);
+    }
+  }
 }
 
 .GTZFhG_spectrum-Steplist-link {
@@ -110,51 +122,67 @@
   outline: none;
   text-decoration: none;
   display: grid;
-}
 
-.GTZFhG_spectrum-Steplist-link .GTZFhG_spectrum-Steplist-markerWrapper {
-  grid-area: GTZFhG_marker;
-}
+  & .GTZFhG_spectrum-Steplist-markerWrapper {
+    grid-area: GTZFhG_marker;
+  }
 
-.GTZFhG_spectrum-Steplist-link .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-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-link .GTZFhG_spectrum-Steplist-label {
-  grid-area: GTZFhG_label;
-}
+  & .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_spectrum-Steplist-link.GTZFhG_is-completed .GTZFhG_spectrum-Steplist-marker, .GTZFhG_spectrum-Steplist-link.GTZFhG_is-selected .GTZFhG_spectrum-Steplist-marker, .GTZFhG_spectrum-Steplist-link.GTZFhG_is-hovered.GTZFhG_is-completed .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 .GTZFhG_spectrum-Steplist-link {
-  gap: var(--spectrum-steplist-marker-label-gap);
-}
+  & .GTZFhG_spectrum-Steplist-link {
+    gap: var(--spectrum-steplist-marker-label-gap);
 
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-link .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-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 .GTZFhG_spectrum-Steplist-chevron {
-  transform: scale(var(--spectrum-steplist-chevron-scale));
+  & .GTZFhG_spectrum-Steplist-chevron {
+    transform: scale(var(--spectrum-steplist-chevron-scale));
+  }
 }
 
 .GTZFhG_spectrum-Steplist--small {
@@ -165,18 +193,20 @@
   --spectrum-steplist-counter-font-size: 0;
   --spectrum-steplist-chevron-scale: .75;
   --spectrum-steplist-segment-height-adjust: -4px;
-}
 
-.GTZFhG_spectrum-Steplist--small .GTZFhG_spectrum-Steplist-marker {
-  padding-top: 1px;
-}
+  & .GTZFhG_spectrum-Steplist-marker {
+    padding-top: 1px;
+  }
 
-.GTZFhG_spectrum-Steplist--small.GTZFhG_spectrum-Steplist--horizontal .GTZFhG_spectrum-Steplist-marker {
-  margin-top: 1px;
-}
+  &.GTZFhG_spectrum-Steplist--horizontal {
+    & .GTZFhG_spectrum-Steplist-marker {
+      margin-top: 1px;
+    }
 
-.GTZFhG_spectrum-Steplist--small.GTZFhG_spectrum-Steplist--horizontal .GTZFhG_spectrum-Steplist-chevron {
-  padding-top: 2px;
+    & .GTZFhG_spectrum-Steplist-chevron {
+      padding-top: 2px;
+    }
+  }
 }
 
 .GTZFhG_spectrum-Steplist--medium {
@@ -209,126 +239,134 @@
   --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--horizontal .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;
+.GTZFhG_spectrum-Steplist-item:last-child {
+  & .GTZFhG_spectrum-Steplist-segment {
+    display: none;
+  }
 }
 
-.GTZFhG_spectrum-Steplist--horizontal .GTZFhG_spectrum-Steplist-segment:before {
-  content: "*";
-  visibility: hidden;
-  width: 0;
-}
+.GTZFhG_spectrum-Steplist--horizontal {
+  & .GTZFhG_spectrum-Steplist-link {
+    align-items: baseline;
+    display: flex;
+  }
 
-.GTZFhG_spectrum-Steplist--horizontal .GTZFhG_spectrum-Steplist-chevron {
-  padding-top: 1px;
-}
+  & .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--horizontal .GTZFhG_spectrum-Steplist-label {
-  order: 1;
-}
+  & .GTZFhG_spectrum-Steplist-chevron {
+    padding-top: 1px;
+  }
 
-.GTZFhG_spectrum-Steplist--horizontal .GTZFhG_spectrum-Steplist-markerWrapper {
-  flex: none;
-  order: 0;
-  align-items: center;
-  display: flex;
-}
+  & .GTZFhG_spectrum-Steplist-label {
+    order: 1;
+  }
 
-.GTZFhG_spectrum-Steplist--horizontal .GTZFhG_spectrum-Steplist-markerWrapper:before {
-  content: "*";
-  visibility: hidden;
-  width: 0;
-}
+  & .GTZFhG_spectrum-Steplist-markerWrapper {
+    flex: none;
+    order: 0;
+    align-items: center;
+    display: flex;
+
+    &:before {
+      content: "*";
+      visibility: hidden;
+      width: 0;
+    }
+  }
 
-.GTZFhG_spectrum-Steplist--horizontal .GTZFhG_spectrum-Steplist-segmentLine {
-  display: none;
+  & .GTZFhG_spectrum-Steplist-segmentLine {
+    display: none;
+  }
 }
 
 .GTZFhG_spectrum-Steplist--vertical {
   flex-direction: column;
   gap: 0 2px;
-}
 
-.GTZFhG_spectrum-Steplist--vertical .GTZFhG_spectrum-Steplist-item {
-  display: unset;
-  list-style: none;
-}
-
-.GTZFhG_spectrum-Steplist--vertical .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--vertical .GTZFhG_spectrum-Steplist-chevron {
-  display: none;
-}
-
-.GTZFhG_spectrum-Steplist--vertical .GTZFhG_spectrum-Steplist-markerWrapper {
-  align-self: baseline;
-  align-items: center;
-  min-width: 0;
-  min-height: 0;
-  display: flex;
-}
+  & .GTZFhG_spectrum-Steplist-item {
+    display: unset;
+    list-style: none;
+  }
 
-.GTZFhG_spectrum-Steplist--vertical .GTZFhG_spectrum-Steplist-markerWrapper:before {
-  content: "*";
-  visibility: hidden;
-  width: 0;
-}
+  & .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--vertical.GTZFhG_spectrum-Steplist--small .GTZFhG_spectrum-Steplist-marker {
-  align-self: center;
-}
+  & .GTZFhG_spectrum-Steplist-chevron {
+    display: none;
+  }
 
-.GTZFhG_spectrum-Steplist--vertical .GTZFhG_spectrum-Steplist-label {
-  align-self: baseline;
-  min-width: 0;
-  min-height: 0;
-  line-height: 16px;
-}
+  & .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--vertical .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--small {
+    & .GTZFhG_spectrum-Steplist-marker {
+      align-self: center;
+    }
+  }
 
-.GTZFhG_spectrum-Steplist--vertical .GTZFhG_spectrum-Steplist-segment .GTZFhG_spectrum-Steplist-segmentLine {
-  width: 2px;
-  height: calc(100% - var(--spectrum-steplist-segment-height-adjust));
-  overflow: visible;
-}
+  & .GTZFhG_spectrum-Steplist-label {
+    align-self: baseline;
+    min-width: 0;
+    min-height: 0;
+    line-height: 16px;
+  }
 
-.GTZFhG_spectrum-Steplist--vertical .GTZFhG_spectrum-Steplist-segment .GTZFhG_spectrum-Steplist-segmentLine line {
-  stroke-width: 2px;
-  stroke-dasharray: 6 4;
-  stroke-linecap: round;
-}
+  & .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--vertical .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-item:last-child {
+    & .GTZFhG_spectrum-Steplist-link {
+      grid-template-rows: minmax(16px, min-content);
+      grid-template-areas: "GTZFhG_marker GTZFhG_label";
+    }
+  }
 }
 
 .GTZFhG_spectrum-Steplist {
@@ -354,109 +392,141 @@
   --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 .GTZFhG_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-incomplete-label-text-color, var(--spectrum-global-color-gray-600));
-}
-
-.GTZFhG_spectrum-Steplist .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 .GTZFhG_spectrum-Steplist-segment .GTZFhG_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
-}
-
-.GTZFhG_spectrum-Steplist .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 .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-disabled .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 .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-disabled .GTZFhG_spectrum-Steplist-segment .GTZFhG_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-disabled-incomplete-segment-color);
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-disabled .GTZFhG_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-disabled-incomplete-segment-color);
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed .GTZFhG_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-complete-label-text-color, var(--spectrum-global-color-gray-700));
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed .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 .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed .GTZFhG_spectrum-Steplist-segment .GTZFhG_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed .GTZFhG_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed.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_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed.GTZFhG_is-disabled .GTZFhG_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-disabled-complete-label-text-color);
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed.GTZFhG_is-disabled .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 .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed.GTZFhG_is-disabled .GTZFhG_spectrum-Steplist-segment .GTZFhG_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-disabled-complete-segment-color);
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-completed.GTZFhG_is-disabled .GTZFhG_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-disabled-complete-segment-color);
-}
-
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-selected .GTZFhG_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-current-label-text-color, var(--spectrum-global-color-gray-800));
-}
+  & .GTZFhG_spectrum-Steplist-label {
+    color: var(--spectrum-steplist-incomplete-label-text-color, var(--spectrum-global-color-gray-600));
+  }
 
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-selected .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-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 .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-selected .GTZFhG_spectrum-Steplist-segment .GTZFhG_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
-}
+  & .GTZFhG_spectrum-Steplist-segment {
+    & .GTZFhG_spectrum-Steplist-chevron {
+      color: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
+    }
 
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_is-selected .GTZFhG_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
-}
+    & svg line {
+      stroke: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
+    }
+  }
 
-.GTZFhG_spectrum-Steplist .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link.GTZFhG_focus-ring .GTZFhG_spectrum-Steplist-marker {
-  outline: solid 2px
+  & .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;
+          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_spectrum-Steplist--medium .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link:not(.GTZFhG_is-completed):not(.GTZFhG_is-selected).GTZFhG_is-disabled .GTZFhG_spectrum-Steplist-marker {
-  color: #0000;
+.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 {
@@ -490,11 +560,15 @@
     --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 .GTZFhG_spectrum-Steplist-item .GTZFhG_spectrum-Steplist-link .GTZFhG_spectrum-Steplist-marker {
-    border-style: solid;
-    border-width: 2px;
+    & .GTZFhG_spectrum-Steplist-item {
+      & .GTZFhG_spectrum-Steplist-link {
+        & .GTZFhG_spectrum-Steplist-marker {
+          border-style: solid;
+          border-width: 2px;
+        }
+      }
+    }
   }
 }
 /*# sourceMappingURL=steplist_vars.css.map */