@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/steplist_vars.css

@@ -1,162 +1,191 @@
-.GXLCFq_i18nFontFamily {
+.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;
-}
 
-.GXLCFq_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;
+  }
 
-.GXLCFq_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;
+  }
 
-.GXLCFq_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;
+  }
 
-.GXLCFq_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;
+  }
 
-.GXLCFq_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;
+  }
 
-.GXLCFq_i18nFontFamily:lang(zh-SG), .GXLCFq_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;
+  }
 
-.GXLCFq_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;
+  }
 
-.GXLCFq_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;
+  }
 }
 
-.GXLCFq_spectrum-FocusRing-ring {
+.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)));
-}
 
-.GXLCFq_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,
-                margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+  &: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;
+  }
 }
 
-.GXLCFq_spectrum-FocusRing.GXLCFq_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);
+    }
+  }
 }
 
-.GXLCFq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.GTZFhG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.GXLCFq_spectrum-FocusRing--quiet.GXLCFq_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);
+  &.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) {
-  .GXLCFq_spectrum-FocusRing, .GXLCFq_spectrum-FocusRing-ring, .GXLCFq_spectrum-FocusRing--quiet {
+  .GTZFhG_spectrum-FocusRing, .GTZFhG_spectrum-FocusRing-ring, .GTZFhG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.GXLCFq_spectrum-FocusRing, .GXLCFq_spectrum-FocusRing-ring, .GXLCFq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
-.GXLCFq_spectrum-Steplist {
+.GTZFhG_spectrum-Steplist {
   flex-wrap: nowrap;
   margin: 0;
   padding: 0;
   display: flex;
 }
 
-.GXLCFq_spectrum-Steplist-item {
+.GTZFhG_spectrum-Steplist-item {
   min-width: 0;
   display: grid;
-}
 
-.GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-segment {
-  align-items: center;
-  display: inline-flex;
-}
+  & .GTZFhG_spectrum-Steplist-segment {
+    align-items: center;
+    display: inline-flex;
 
-.GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-segment.GXLCFq_is-completed svg line {
-  stroke-dasharray: none;
-}
+    &.GTZFhG_is-completed {
+      & svg line {
+        stroke-dasharray: none;
+      }
+    }
+  }
 
-.GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-chevron.GXLCFq_is-reversed {
-  transform: scaleX(-1);
+  & .GTZFhG_spectrum-Steplist-chevron {
+    &.GTZFhG_is-reversed {
+      transform: scaleX(-1);
+    }
+  }
 }
 
-.GXLCFq_spectrum-Steplist-link {
+.GTZFhG_spectrum-Steplist-link {
   cursor: default;
   outline: none;
   text-decoration: none;
   display: grid;
-}
 
-.GXLCFq_spectrum-Steplist-link .GXLCFq_spectrum-Steplist-markerWrapper {
-  grid-area: GXLCFq_marker;
-}
+  & .GTZFhG_spectrum-Steplist-markerWrapper {
+    grid-area: GTZFhG_marker;
+  }
 
-.GXLCFq_spectrum-Steplist-link .GXLCFq_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;
+  }
 
-.GXLCFq_spectrum-Steplist-link .GXLCFq_spectrum-Steplist-label {
-  grid-area: GXLCFq_label;
-}
+  & .GTZFhG_spectrum-Steplist-label {
+    grid-area: GTZFhG_label;
+  }
+
+  &.GTZFhG_is-completed {
+    & .GTZFhG_spectrum-Steplist-marker {
+      border-style: none;
+      border-width: 0;
+    }
+  }
 
-.GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-marker, .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_spectrum-Steplist-marker, .GXLCFq_spectrum-Steplist-link.GXLCFq_is-hovered.GXLCFq_is-completed .GXLCFq_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;
+    }
+  }
 }
 
-.GXLCFq_spectrum-Steplist {
+.GTZFhG_spectrum-Steplist {
   font-size: var(--spectrum-steplist-font-size);
   gap: var(--spectrum-steplist-chevron-gap);
-}
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-link {
-  gap: var(--spectrum-steplist-marker-label-gap);
-}
+  & .GTZFhG_spectrum-Steplist-link {
+    gap: var(--spectrum-steplist-marker-label-gap);
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-link .GXLCFq_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;
+    }
+  }
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-chevron {
-  transform: scale(var(--spectrum-steplist-chevron-scale));
+  & .GTZFhG_spectrum-Steplist-chevron {
+    transform: scale(var(--spectrum-steplist-chevron-scale));
+  }
 }
 
-.GXLCFq_spectrum-Steplist--small {
+.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;
@@ -164,21 +193,23 @@
   --spectrum-steplist-counter-font-size: 0;
   --spectrum-steplist-chevron-scale: .75;
   --spectrum-steplist-segment-height-adjust: -4px;
-}
 
-.GXLCFq_spectrum-Steplist--small .GXLCFq_spectrum-Steplist-marker {
-  padding-top: 1px;
-}
+  & .GTZFhG_spectrum-Steplist-marker {
+    padding-top: 1px;
+  }
 
-.GXLCFq_spectrum-Steplist--small.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-marker {
-  margin-top: 1px;
-}
+  &.GTZFhG_spectrum-Steplist--horizontal {
+    & .GTZFhG_spectrum-Steplist-marker {
+      margin-top: 1px;
+    }
 
-.GXLCFq_spectrum-Steplist--small.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-chevron {
-  padding-top: 2px;
+    & .GTZFhG_spectrum-Steplist-chevron {
+      padding-top: 2px;
+    }
+  }
 }
 
-.GXLCFq_spectrum-Steplist--medium {
+.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;
@@ -188,7 +219,7 @@
   --spectrum-steplist-segment-height-adjust: 0px;
 }
 
-.GXLCFq_spectrum-Steplist--large {
+.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;
@@ -198,7 +229,7 @@
   --spectrum-steplist-segment-height-adjust: 6px;
 }
 
-.GXLCFq_spectrum-Steplist--xlarge {
+.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;
@@ -208,129 +239,137 @@
   --spectrum-steplist-segment-height-adjust: 6px;
 }
 
-.GXLCFq_spectrum-Steplist-item:last-child .GXLCFq_spectrum-Steplist-segment {
-  display: none;
-}
-
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-link {
-  align-items: baseline;
-  display: flex;
-}
-
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_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;
+  }
 }
 
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-segment:before {
-  content: "*";
-  visibility: hidden;
-  width: 0;
-}
+.GTZFhG_spectrum-Steplist--horizontal {
+  & .GTZFhG_spectrum-Steplist-link {
+    align-items: baseline;
+    display: flex;
+  }
 
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_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;
+    }
+  }
 
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-label {
-  order: 1;
-}
+  & .GTZFhG_spectrum-Steplist-chevron {
+    padding-top: 1px;
+  }
 
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-markerWrapper {
-  flex: none;
-  order: 0;
-  align-items: center;
-  display: flex;
-}
+  & .GTZFhG_spectrum-Steplist-label {
+    order: 1;
+  }
 
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_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;
+    }
+  }
 
-.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-segmentLine {
-  display: none;
+  & .GTZFhG_spectrum-Steplist-segmentLine {
+    display: none;
+  }
 }
 
-.GXLCFq_spectrum-Steplist--vertical {
+.GTZFhG_spectrum-Steplist--vertical {
   flex-direction: column;
   gap: 0 2px;
-}
-
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-item {
-  display: unset;
-  list-style: none;
-}
-
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-link {
-  grid-template: "GXLCFq_marker GXLCFq_label" minmax(16px, min-content)
-                 "GXLCFq_line GXLCFq_label" 1fr
-                 / minmax(0, min-content) 1fr;
-  justify-items: start;
-  gap: 0 6px;
-  display: grid;
-}
-
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-chevron {
-  display: none;
-}
 
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_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;
+  }
 
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_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;
+  }
 
-.GXLCFq_spectrum-Steplist--vertical.GXLCFq_spectrum-Steplist--small .GXLCFq_spectrum-Steplist-marker {
-  align-self: center;
-}
+  & .GTZFhG_spectrum-Steplist-chevron {
+    display: none;
+  }
 
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_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;
+    }
+  }
 
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-segment {
-  box-sizing: content-box;
-  pointer-events: none;
-  grid-area: GXLCFq_line;
-  justify-self: center;
-  width: 2px;
-  min-width: 0;
-  min-height: 32px;
-}
+  &.GTZFhG_spectrum-Steplist--small {
+    & .GTZFhG_spectrum-Steplist-marker {
+      align-self: center;
+    }
+  }
 
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-segment .GXLCFq_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;
+  }
 
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-segment .GXLCFq_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;
+      }
+    }
+  }
 
-.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-item:last-child .GXLCFq_spectrum-Steplist-link {
-  grid-template-rows: minmax(16px, min-content);
-  grid-template-areas: "GXLCFq_marker GXLCFq_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";
+    }
+  }
 }
 
-.GXLCFq_spectrum-Steplist {
+.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);
@@ -353,117 +392,150 @@
   --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);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-incomplete-label-text-color, var(--spectrum-global-color-gray-600));
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_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);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-disabled-incomplete-label-text-color);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-marker {
-  border-color: var(--spectrum-steplist-disabled-incomplete-marker-color);
-  color: var(--spectrum-steplist-disabled-incomplete-marker-text-color);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-disabled-incomplete-segment-color);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-disabled-incomplete-segment-color);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-complete-label-text-color, var(--spectrum-global-color-gray-700));
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_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);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-hovered .GXLCFq_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));
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-label {
-  color: var(--spectrum-steplist-disabled-complete-label-text-color);
-}
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_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);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
-  color: var(--spectrum-steplist-disabled-complete-segment-color);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment svg line {
-  stroke: var(--spectrum-steplist-disabled-complete-segment-color);
-}
-
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_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));
+  }
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_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);
+  }
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_spectrum-Steplist-segment .GXLCFq_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));
+    }
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_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));
+    }
+  }
 
-.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_focus-ring .GXLCFq_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-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;
+        }
+      }
+    }
+  }
 }
 
-.GXLCFq_spectrum-Steplist--medium .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link:not(.GXLCFq_is-completed):not(.GXLCFq_is-selected) .GXLCFq_spectrum-Steplist-marker, .GXLCFq_spectrum-Steplist--medium .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link:not(.GXLCFq_is-completed):not(.GXLCFq_is-selected).GXLCFq_is-disabled .GXLCFq_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;
+      }
+    }
+  }
 }
 
-.GXLCFq_spectrum-Steplist--emphasized {
+.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) {
-  .GXLCFq_spectrum-Steplist {
+  .GTZFhG_spectrum-Steplist {
     forced-color-adjust: none;
     --spectrum-steplist-complete-segment-color: CanvasText;
     --spectrum-steplist-complete-label-text-color: LinkText;
@@ -488,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;
-  }
 
-  .GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link .GXLCFq_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 */